VueEnt — сложные формы на Vue и не только
VueEnt — это библиотека, которая предоставляет инструменты для быстрого создания прототипов Vue.js-приложений и ускорения разработки. Она включает в себя множество готовых компонентов, которые можно использовать для быстрой разработки, а также предоставляет набор инструментов для управления состоянием, маршрутизации и других аспектов веб-приложения.
Подробнее о том, как ею пользоваться:
https://habr.com/ru/post/717680/
#vue
VueEnt — это библиотека, которая предоставляет инструменты для быстрого создания прототипов Vue.js-приложений и ускорения разработки. Она включает в себя множество готовых компонентов, которые можно использовать для быстрой разработки, а также предоставляет набор инструментов для управления состоянием, маршрутизации и других аспектов веб-приложения.
Подробнее о том, как ею пользоваться:
https://habr.com/ru/post/717680/
#vue
👍2
Применение принципов SOLID в React
В этой статье вы узнаете, как применять принципы SOLID в React. SOLID — это набор принципов, которые помогают разработчикам создавать более поддерживаемый и расширяемый код. Здесь объясняется каждый принцип и показывается, как его можно применить в React-приложениях.
Если ты хочешь улучшить свои навыки разработки в React, эта статья точно стоит твоего внимания:
https://medium.com/dailyjs/applying-solid-principles-in-react-14905d9c5377
#react #solid
В этой статье вы узнаете, как применять принципы SOLID в React. SOLID — это набор принципов, которые помогают разработчикам создавать более поддерживаемый и расширяемый код. Здесь объясняется каждый принцип и показывается, как его можно применить в React-приложениях.
Если ты хочешь улучшить свои навыки разработки в React, эта статья точно стоит твоего внимания:
https://medium.com/dailyjs/applying-solid-principles-in-react-14905d9c5377
#react #solid
👍9🤮6
This media is not supported in your browser
VIEW IN TELEGRAM
Хороший фронтендер и UI интересный
🤣90😁9💯3❤2👍2🔥1
Дженерики в TypeScript
Эта статья для тех, кто не использует generic-типы в TypeScript: не знают о них, боятся использовать или используют вместо реальных типов — `any`:
https://habr.com/ru/company/tinkoff/blog/588655/
#typescript
Эта статья для тех, кто не использует generic-типы в TypeScript: не знают о них, боятся использовать или используют вместо реальных типов — `any`:
https://habr.com/ru/company/tinkoff/blog/588655/
#typescript
👍10
Разделяй и не страдай: что выбрать для микрофронтенда?
Последние несколько лет во фронтенд-сообществе активно обсуждается и используется термин «микрофронтенд». Разные компании делятся своими подходами к организации подобного архитектурного решения, но до сих пор мало описания проблематики, которую призваны решить микрофронтенды, критерии их применимости и ограничения в использовании.
В этой статье автор постарался сравнить разные способы организации микрофронтендов, а также сформировать рекомендации, где какой подход использовать:
https://habr.com/ru/company/simbirsoft/blog/698240/
Последние несколько лет во фронтенд-сообществе активно обсуждается и используется термин «микрофронтенд». Разные компании делятся своими подходами к организации подобного архитектурного решения, но до сих пор мало описания проблематики, которую призваны решить микрофронтенды, критерии их применимости и ограничения в использовании.
В этой статье автор постарался сравнить разные способы организации микрофронтендов, а также сформировать рекомендации, где какой подход использовать:
https://habr.com/ru/company/simbirsoft/blog/698240/
👍3
Click To Zoom Calendar
Этот проект представляет собой интерфейс календаря с интересной анимацией — при выборе конкретной даты, происходит зум на эту ячейку для просмотра подробностей, а повторный клик возвращает исходный вид календаря.
Посмотреть, как это реализовано с точки зрения код можно тут:
https://codepen.io/Hyperplexed/pen/qBVPaNV
#codepen
Этот проект представляет собой интерфейс календаря с интересной анимацией — при выборе конкретной даты, происходит зум на эту ячейку для просмотра подробностей, а повторный клик возвращает исходный вид календаря.
Посмотреть, как это реализовано с точки зрения код можно тут:
https://codepen.io/Hyperplexed/pen/qBVPaNV
#codepen
👍11👎1
15 обязательных шпаргалок для веб-разработчиков
Здесь вы найдёте подборку шпаргалок для разработчиков, которые содержат основные синтаксические конструкции и команды для работы с различными технологиями и языками программирования. Шпаргалки по
https://dev.to/ishratumar/15-must-have-cheatsheets-for-developers-1n92
#шпаргалки
Здесь вы найдёте подборку шпаргалок для разработчиков, которые содержат основные синтаксические конструкции и команды для работы с различными технологиями и языками программирования. Шпаргалки по
CSS Flexbox, Grid, React, Git, Node.js, Django и не только ждут вас тут:https://dev.to/ishratumar/15-must-have-cheatsheets-for-developers-1n92
#шпаргалки
👍14❤3😱1
Глобальные атрибуты HTML
Это атрибуты, которые могут быть использованы в любом HTML-элементе независимо от его типа. Они предоставляют общие свойства для всех элементов, такие как id, class, style, title, tabindex, data-* и другие, и позволяют разработчикам добавлять дополнительную информацию к HTML-элементам.
Подробнее о них:
https://doka.guide/html/global-attrs/
#html
Это атрибуты, которые могут быть использованы в любом HTML-элементе независимо от его типа. Они предоставляют общие свойства для всех элементов, такие как id, class, style, title, tabindex, data-* и другие, и позволяют разработчикам добавлять дополнительную информацию к HTML-элементам.
Подробнее о них:
https://doka.guide/html/global-attrs/
#html
👍14
Highlight.js — библиотека для выделения синтаксиса
Highlight.js — это библиотека на JavaScript, которая позволяет легко подсвечивать синтаксис кода на веб-страницах. Она поддерживает более чем 180 языков программирования и настроена для автоматического обнаружения языка. Библиотека также имеет возможность настройки стилей подсветки кода, что позволяет адаптировать её для различных дизайнерских концепций веб-сайтов.
Подробнее:
https://highlightjs.org/
#библиотека #javascript
Highlight.js — это библиотека на JavaScript, которая позволяет легко подсвечивать синтаксис кода на веб-страницах. Она поддерживает более чем 180 языков программирования и настроена для автоматического обнаружения языка. Библиотека также имеет возможность настройки стилей подсветки кода, что позволяет адаптировать её для различных дизайнерских концепций веб-сайтов.
Подробнее:
https://highlightjs.org/
#библиотека #javascript
👍8
Представляем Cube CSS: альтернативную методологию CSS
Cube CSS — это новый подход к CSS, который может быть полезен для веб-разработчиков, и представляет новый взгляд на организацию и поддержку кода CSS. В статье представлены конкретные примеры использования Cube CSS и сравнение с другими методологиями CSS, которые помогут вам понять преимущества и недостатки этого подхода.
https://blog.logrocket.com/cube-css-alternative-css-methodology/
#css
Cube CSS — это новый подход к CSS, который может быть полезен для веб-разработчиков, и представляет новый взгляд на организацию и поддержку кода CSS. В статье представлены конкретные примеры использования Cube CSS и сравнение с другими методологиями CSS, которые помогут вам понять преимущества и недостатки этого подхода.
https://blog.logrocket.com/cube-css-alternative-css-methodology/
#css
👍9👎1
Forwarded from Точка входа в программирование
Десять советов по улучшению CSS-переходов и анимации
Одни анимации и переходы только украшают приложение — другие делают его хуже. Пользователи могут не понимать, что такого особенного в переходах или анимации, но они могут чётко определить разницу между хорошим и плохим.
Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций :
https://joshcollinsworth.com/blog/great-transitions
#css
Одни анимации и переходы только украшают приложение — другие делают его хуже. Пользователи могут не понимать, что такого особенного в переходах или анимации, но они могут чётко определить разницу между хорошим и плохим.
Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций :
https://joshcollinsworth.com/blog/great-transitions
#css
👍12
Рендеринг данных в реальном времени с помощью Vue, Node.js и socket.io
Сокеты обычно лучше всего подходят для обмена данными в реальном времени между клиентами и серверами. В этом руководстве вы узнаете, как отображать данные в реальном времени через сервер и как используются сокеты. Вы сможете создать простую блочную игру, используя Vue.Js, Node.Js, и Socket.io, чтобы увидеть все нюансы применения этих технологий вместе:
https://blog.openreplay.com/rendering-real-time-data-with-vue-node-and-socket-io
#vue #nodejs #socketio
Сокеты обычно лучше всего подходят для обмена данными в реальном времени между клиентами и серверами. В этом руководстве вы узнаете, как отображать данные в реальном времени через сервер и как используются сокеты. Вы сможете создать простую блочную игру, используя Vue.Js, Node.Js, и Socket.io, чтобы увидеть все нюансы применения этих технологий вместе:
https://blog.openreplay.com/rendering-real-time-data-with-vue-node-and-socket-io
#vue #nodejs #socketio
👍7❤1
Как создать игру Tetris с помощью Three.js
В этом руководстве вы создадите не просто Tetris, а его 3D-версию. А поможет нам библиотека Three.js, которая идеально справляется с рендерингом 3D-объектов. Подробнее:
https://habr.com/ru/company/ruvds/blog/680666/
#threejs #gamedev
В этом руководстве вы создадите не просто Tetris, а его 3D-версию. А поможет нам библиотека Three.js, которая идеально справляется с рендерингом 3D-объектов. Подробнее:
https://habr.com/ru/company/ruvds/blog/680666/
#threejs #gamedev
👍16🤣1
Бесконечная прокрутка на сайте
Бесконечная прокрутка — это функция, которая позволяет автоматически загружать новый контент при прокрутке вниз страницы. В статье рассматриваются различные способы реализации бесконечной прокрутки и даются советы по её оптимизации для улучшения пользовательского опыта. Если вы являетесь веб-разработчиком и хотите улучшить функциональность своего веб-сайта, то данная статья будет полезна для вас:
https://evgeniiray.medium.com/infinite-scrolling-in-web-ultimate-guide-b698124b3172
#фронтенд
Бесконечная прокрутка — это функция, которая позволяет автоматически загружать новый контент при прокрутке вниз страницы. В статье рассматриваются различные способы реализации бесконечной прокрутки и даются советы по её оптимизации для улучшения пользовательского опыта. Если вы являетесь веб-разработчиком и хотите улучшить функциональность своего веб-сайта, то данная статья будет полезна для вас:
https://evgeniiray.medium.com/infinite-scrolling-in-web-ultimate-guide-b698124b3172
#фронтенд
👍9
Ищем человека, который будет строить сообщество по темам Python / Data Science / AI в Tproger
Если вы довольно неплохо разбираетесь в этих темах и при этом видите в себе желание рассказывать об этом другим разработчикам и вовлекать их в горячие обсуждения — возможно, это именно ваша вакансия.
Подробности, тестовое задание и отклик здесь: https://tprg.ru/GEZL
Если вы довольно неплохо разбираетесь в этих темах и при этом видите в себе желание рассказывать об этом другим разработчикам и вовлекать их в горячие обсуждения — возможно, это именно ваша вакансия.
Подробности, тестовое задание и отклик здесь: https://tprg.ru/GEZL
Как прошла ваша неделя? Поделитесь своими успехами с нами
Придумали крутую фичу? Поймали неуловимый баг или закончили пет-проект? Расскажите о своих успехах, а мы за вас порадуемся!
Переходите по ссылке и хвастайтесь в комментариях к статье:
https://tproger.ru/articles/chto-vy-delali-na-etoj-nedele-post-hvastovstva-za-20-24-marta/
Придумали крутую фичу? Поймали неуловимый баг или закончили пет-проект? Расскажите о своих успехах, а мы за вас порадуемся!
Переходите по ссылке и хвастайтесь в комментариях к статье:
https://tproger.ru/articles/chto-vy-delali-na-etoj-nedele-post-hvastovstva-za-20-24-marta/
Креативное оформление списков
Мы очень часто используем списки, чтобы структурировать различную информацию. В этой статье вы найдёте подборку интересных вариантов оформления списков, которые вы можете использовать у себя на сайте, а также рассмотрите в каком случае будет наиболее удобен тот или иной вид списка:
https://web.dev/creative-list-styling/
Мы очень часто используем списки, чтобы структурировать различную информацию. В этой статье вы найдёте подборку интересных вариантов оформления списков, которые вы можете использовать у себя на сайте, а также рассмотрите в каком случае будет наиболее удобен тот или иной вид списка:
https://web.dev/creative-list-styling/
❤5
HTML-формы и валидация с помощью Pristine.js
Валидация форм на веб-сайте очень важна, так как позволяет проверить правильность ввода данных, улучшает пользовательский опыт и упрощает обработку данных на стороне сервера.
Pristine.js позволяет упростить и ускорить процесс валидации HTML форм на веб-сайте. В этой статье вы узнаете, как использовать Pristine.js для проверки введённых пользователем данных в реальном времени, в том числе на пустые поля, правильный формат email и телефонных номеров, длину строки и т.д.
https://blog.openreplay.com/html-form-validation-with-pristinejs/
#html #pristinejs
Валидация форм на веб-сайте очень важна, так как позволяет проверить правильность ввода данных, улучшает пользовательский опыт и упрощает обработку данных на стороне сервера.
Pristine.js позволяет упростить и ускорить процесс валидации HTML форм на веб-сайте. В этой статье вы узнаете, как использовать Pristine.js для проверки введённых пользователем данных в реальном времени, в том числе на пустые поля, правильный формат email и телефонных номеров, длину строки и т.д.
https://blog.openreplay.com/html-form-validation-with-pristinejs/
#html #pristinejs
👍10❤1🤣1
Работаем на PHP в функциональном стиле с помощью IterTools PHP
Бесплатная опенсорсная библиотека IterTools PHP разработана автором другой популярной библиотеки
Все методы библиотеки поддерживают работу с любыми итерируемыми сущностями (array, Generator, Iterator, Traversable), что выгодно отличает её от элементов функционального программирования, идущих в комплекте с языком (они, как правило, работают только с одним типом данных).
Её порекомендовал нам наш подписчик, который и сам активно использует её в собственных проектах и на работе — она позволяет сделать код намного лаконичней, читабельней и более поддающимся юнит-тестированию.
Подробности, справочник на русском и инструкция тут:
https://github.com/markrogoyski/itertools-php
#php #библиотека
Бесплатная опенсорсная библиотека IterTools PHP разработана автором другой популярной библиотеки
MathPHP. IterTools вносит множество полезной функциональности в язык, реализуя удобную и гибкую работу с итерируемыми сущностями в функциональном стиле — в духе itertools из Python.Все методы библиотеки поддерживают работу с любыми итерируемыми сущностями (array, Generator, Iterator, Traversable), что выгодно отличает её от элементов функционального программирования, идущих в комплекте с языком (они, как правило, работают только с одним типом данных).
Её порекомендовал нам наш подписчик, который и сам активно использует её в собственных проектах и на работе — она позволяет сделать код намного лаконичней, читабельней и более поддающимся юнит-тестированию.
Подробности, справочник на русском и инструкция тут:
https://github.com/markrogoyski/itertools-php
#php #библиотека
👍1