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

Riot Riot — это простая библиотека для разработки пользовательских интерфейсов, основанная на компонентах. Позволяет применять пользовательские элементы во всех современных браузерах без необходимости использования полифиллов. Эти компоненты помогают объединять HTML и JavaScript, формируя сущности, подходящие для многократного использования. Синтаксис Riot отличается чистотой и рассчитан на лёгкость восприятия программных конструкций. Размер Riot составляет всего 6 Кб. 👉 @sWebDev

Руководство по Vue 3 Composition API Composition API - позволяет устранять ограничения и дает возможность управлять скоростью приложений без ущерба их архитектуре и валидности кода. По ссылке подробное руководство по Vue 3 Composition API. 👉 @sWebDev

Кубик Рубика Интерактивная головоломка, созданная на HTML, CSS и Three.js. 👉 @sWebDev

Использование директивы NgOptimizedImage для реализации загрузки изображений в Angular Если используете Angular, то полезно разобраться с принципом работы директивы NgOptimizedImage, используемой для реализации загрузки изображений, доступной в Angular 14.2.0. 👉 @sWebDev

Хочешь стать мидлом и выше? Тогда надо закреплять теорию на практике 🤑 Канал DOM JavaScript позволит тебе быстро прокачать свои навыки за считанные недели на реальных тестах с собесов Google и Yandex. Решай отборные тесты по JS и даже не заметишь как станешь востребованным специалистом. Вместе с практикой качай и теорию. На канале ежедневно публикуются материалы, где JS раскладывают по полочкам наши избранные авторы. Никакой воды, все по делу. Подпишись и развивайся ежедневно с командой единомышленников! Заявку принимаем моментально. 👇

Going to Quasar Анимация, созданная с помощью canvas и библиотеки p5js. 👉 @sWebDev

Как быстрее освоить фронтенд разработку? Используйте комплексный подход! Немаловажный фактор - наличие обратной связи. Вот почему мы собрали для вас бесплатный интенсив с практикой и обратной связью. Будет общий чат, проверка домашек от экспертов, различные бонусы! Проскочить на интенсив бесплатно можно по ссылке: Frontend Start

Preact Библиотека Preact, как можно судить из её названия, весьма похожа на React. Но, гораздо меньше, её размер составляет всего 3 Кб. Preact даёт разработчику современный API, как у React и предоставляет компактную реализацию абстракции виртуальной DOM. Подробный обзор доступен по ссылке. 👉 @sWebDev

Magnetic Hover Interaction Эффект притягивания магнитом при наведении. Выполнено на SCSS и GSAP.js. 👉 @sWebDev

Lodash Lodash по-прежнему является одной из популярных и полезных JavaScript библиотек. Она берёт на себя все хлопоты по работе со строками, массивами, объектами и прочим. Полный обзор по ссылке. 👉 @sWebDev

Stack game with Three.js and Cannon.js Залипательная игра, созданная на CSS и библиотеках Three.js и Cannon.js. 👉 @sWebDev

Есть 2 способа выучить Python: 1. Платить за дорогие курсы и втыкать в обучающие ролики на ютубе. Напичкать себя теорией, но так и не научиться кодить. 2. Читать канал Python Teacher. Здесь вы в коротких постах впитаете все алгоритмы, освоите разные библиотеки и фишки языка. А это уже заявочка на хорошую работу. Много реальных примеров и готового кода, переходи и прокачивай скиллы! @python_teacher

Space Travel Анимированная сцена, созданная при помощи SCSS, SVG, Three.js и GSAP.js. 👉 @sWebDev

Ramda Ramda — это JavaScript библиотека для функционального программирования. Одна из прекрасных сторон JavaScript — это то, что разработчики могут выбирать между функциональным и объектно-ориентированным программированием. У обоих подходов есть как плюсы, так и минусы, но, если вы предпочитаете именно функциональное, то стоит определённо обратить внимание на Ramda. Подробный обзор по ссылке. 👉 @sWebDev

Использование 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