Frontender Libs - обзор библиотек JS / CSS

Использование v-model во Vue 3 В статье рассмотрим изменения в директиве v-model во Vue 3. Также, изучим несколько привязок v-model для упрощения процесса создания сложных форм. 👉 @sWebDev

Интерактивное меню на Babel.js По ссылке проект интерактивного меню для вашего веб-приложения. Выполнено на SCSS и Babel.js. 👉 @sWebDev

Правильное создание форм в React.js При частом создании форм на React, вы могли столкнутся с необходимостью использования большого количества useState для разных элементов формы. По ссылке автор делится способом создания компонентов, благодаря которому можно избежать эту проблему. 👉 @sWebDev

🔥 Хотите стать фулстек-разработчиком на JavaScript с с зарплатой от 165 000 ₽? 🧠 Тогда начните получать первые знания уже 7 сентября в 20:00 на открытом уроке 📚 На занятии с экспертом-практиком мы разберем два популярных способа расположения элементов макета, рассмотрим их плюсы и минусы и узнаем разные примеры применения ✅ Вебинар пройдет в рамках специализации «Fullstack Developer» OTUS, онлайн-курса для тех, кто хочет начать заниматься JavaScript-разработкой 👉Регистрируйтесь на занятие и готовьте вопросы преподавателю https://otus.pw/jXmC/ Реклама. Информация о рекламодателе на сайте otus.ru

Dragula Angular Небольшая библиотека для Angular, позволяет быстро и удобно создавать эффект drug&drop для ваших элементов. Подробный обзор по ссылке. 👉 @sWebDev

Music - магнитофон-проигрыватель Проект анимированного магнитофона. Реализовано с помощью библиотеки Gsap. 👉 @sWebDev

Вредные советы для React-разработчиков Недавно британские ученые открыли, что на свете бывают непослушные разработчики, которые все делают наоборот. Им дают полезный совет: «Не подключай целую библиотеку ради одной функции», — они берут и подключают. Им говорят: «Будь внимателен на код-ревью», — они тут же начинают апрувить все подряд. Ученые придумали, что таким разработчикам нужно давать не полезные, а вредные советы. Они все сделают наоборот, и получится как раз правильно. На самом деле, по ссылке находится ряд советов для разработчиков, благодаря которым можно углубить понимание библиотеки и улучшить свой код. 👉 @sWebDev

Smoke Three.js Во время загрузки происходит рандомное создание элементов, создающих анимацию на странице. Создано с использованием библиотеки Three.js. 👉 @sWebDev

Как создать игру Tetris с помощью Three.js Подробный гайд по созданию тетриса на библиотеке Three.js. Данный проект будет особенно полезен разработчикам, которые только начинают знакомство с данной библиотекой. 👉 @sWebDev

JS Framework qooxdoo Фреймворк Qooxdoo подходит для создания кроссбраузерных, многофункциональных приложений. По словам разработчиков для этого не понадобится знание CSS, HTML, DOM. Фреймворк имеет объектно-ориентированную архитектуру. Работает со всеми современными браузерами. 👉 @sWebDev

Scrolling Image Effects Еще один из вариантов создания эффектного скролла для ваших проектов. Реализовано на CSS и GSAP.js 👉 @sWebDev

Руководство по повторному рендерингу React Подробное руководство по повторному рендерингу React. Рассмотрим повторный рендеринг, в каком случае он необходим, а в каком нет. А также, что может вызвать повторный рендеринг компонента React. 👉 @sWebDev

Ghost Card Карточка с анимацией, выполненная на CSS и Three.js 👉 @sWebDev

dhtmlxSuite Библиотека предназначена для создания кроссбраузерных веб и мобильных приложений. Из преимуществ отметим возможность использования компонентов dhtmlxSuite по отдельности, низкий порог вхождения и совместимость с иными языками программирования. Виджеты совместимы с Java, ColdFusion, Ruby, Grails и другими серверными технологиями. Есть поддержка JSON, TypeScript, Promise API. Отметим и доступно написанную документацию, на освоение JavaScript фреймворка уйдет минимум времени. 👉 @sWebDev

Что нужно освоить Fullstack-разработчику JavaScript? Начните изучать необходимые технологии на открытых уроках практического онлайн-курса «JavaScript Developer. Professional» от OTUS. 1 сентября в 20:00 — «Обзор технологий для построения API». Рассмотрим несколько протоколов клиент-серверных приложений и на примере посмотрим на их сильные и слабые стороны. Регистрация - https://otus.pw/vsQg/ 15 сентября в 20:00 — «Кодогенерация Typescript». Научимся писать программы, которые пишут код на Typescript за нас, а также попробуем в действии несколько библиотек и приобретем навык чтения абстрактного синтаксического дерева. Регистрация - https://otus.pw/sE3E/ Не упустите возможность попробовать обучение на курсе познакомиться с преподавателем. Ведет занятие Арсений Высоцкий, тимлид в международной компании с опытом более 10 лет в веб-разработке. ‼️ Для участия нужно пройти вступительный тест и зарегистрироваться: https://otus.pw/kzZG/

Использование шаблонов проектирования группы GoF в React Шаблоны проектирования позволяют создать повторно используемые и надежные решения распространенных проблем при разработке программного обеспечения. Использование шаблона проектирования может значительно сэкономить время при разработке и помочь быстрее внедрить новый элемент в производство. Чтобы повысить производительность процесса, разработчикам важно понимать принципы работы шаблонов проектирования и особенности их использования. В этой статье мы обсудим шаблоны проектирования группы Gang-of-Four и способы их реализации с помощью библиотеки React. 👉 @sWebDev

Paper Cut Text Effect! Анимированный объемный текст, сделанный при помощи SCSS и Babel.js 👉 @sWebDev

Как сделать много форм, не сделав ни одной. React и Node.js Мы постоянно имеем дело с формами: регистрация, заполнение анкеты, составление отзыва. Первое, что нам хочется сделать как разработчикам,— максимально выделить общие компоненты, чтобы как можно меньше дублировать код. Допустим, мы можем сделать простые компоненты вроде инпутов или составные, типа окна с формой. Но всё равно бы пришлось постоянно собирать такие композиции во всех местах, не говоря уже о разном бэкенде для всех форм. На самом деле есть другое решение. И об этом данная статья. 👉 @sWebDev