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

Typeahead.js Typeahead.js — это открытая библиотека JavaScript для автодополнения, созданная и поддерживаемая Twitter. С ее помощью можно делать автозаполнение полей поиска и других текстовых полей на различных сайтах. Имеет два компонента: движок предложений и UI. 👉 @sWebDev

Анимация движущейся лампы GSAP Анимация качающейся лампы, созданная с помощью библиотеки GSAP. 👉 @sWebDev

💻 21 июня в 20:00 мск OTUS приглашает разработчиков, знакомых с JavaScript, на открытый вебинар «Обзор новых возможностей Node.js». 📚 На занятии обсудим нововведения в последних версиях Node.js и подробно разберем каждое из них. 🔥 Открытый урок дает возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» от OTUS, а также получить персональную скидку на курс от преподавателя после вебинара.🎁 ➡️ Для регистрации на вебинар пройдите небольшой тест по JS https://otus.pw/0p0g/

Voca JavaScript — явно не самый простой язык для работы со строками. Библиотека Voca упрощает эту задачу благодаря встроенным функциям, которых достаточно для большинства операций со строками. Особенности: 1. Хорошо документированная и полностью протестированная библиотека с долгосрочной поддержкой; 2. Встроенные функции для обработки, нарезки, форматирования и запроса строк; 3. Может использоваться с любым фреймворком и не имеет внешних зависимостей. 👉 @sWebDev

Sticky kit.js Sticky kit.js создает эффект «прилипания» элементов, которые всегда закреплены при скролле содержимого страницы. Имеет легкий обработчик прокрутки, который работает с кэшированными значениями. 👉 @sWebDev

Новвоведения в Angular 14 В статье подробно рассмотрим последнее обновление Angular и ознакомимся со списком его нововведений. 👉 @sWebDev

DropzoneJS DropzoneJS позволяет легко создавать окна для загрузки файлов с помощью перетаскивания. С помощью этой библиотеки вы сможете добавить предварительный просмотр изображений и файлов, а также анимации прогресса загрузки. 👉 @sWebDev

Superplaceholder.js Как можно догадаться из названия, данная библиотека направлена на работу с placeholder. Со всеми её возможностями можно ознакомиться по ссылке. 👉 @sWebDev

❓Хотите научиться создавать веб-приложения на JavaScript? 💻 16 июня на открытом вебинаре в OTUS вы познакомитесь с Service worker, Fetch networking, Cache API, Push, IndexedDB и Web Manifest и на примере увидите, как эти технологии позволяют создавать качественные прогрессивные веб-приложения. Урок является частью онлайн-курса «JavaScript Developer. Basic» для новичков в программировании. Используйте эту возможность познакомиться с преподавателем и оценить курс. 👉 Записаться на открытый вебинар https://otus.pw/x9lP/

Iwder.js Iwder.js - это библиотека, которая позволит вам создавать разные варианты загрузчиков для ваших проектов. 👉 @sWebDev

Как настроить 3D-сцену с помощью библиотеки Three.js? ⚡️Приглашаем 16 июня в 20:00 мск на бесплатный вебинар «Three.js - работа с 3d моделью» в OTUS! 📚 Вместе с экспертом разберем, как настроить сцену с 3D-моделью авто на основе Three.js. А также обсудим, как загрузить модель и работать со сценой в дальнейшем. Спикер: Антон Бобров, Front-end Developer 👉🏻Регистрация на вебинар: https://otus.pw/JQE8/

Текстовый редактор на Lexical и React В статье рассмотрим, как создать собственный тестовый редактор с применением Lexical и React. 👉 @sWebDev

Vanta.js Библиотека, позволяющая создать анимацию за несколько строк кода. От других библиотек с анимацией отличается большим количеством разных настроек. 👉 @sWebDev

Bideo.JS На профессиональных сайтах используются фоновые полноэкранные видеоролики. Для работы с ними и предназначена Bideo.js. Эта JS-библиотека упрощает добавление видеофона, который отлично смотрится на любом экране. 👉 @sWebDev

React в 2022 Обзорная статья актуального состояния React. В материале автор делится своим опытом и видением текущего состояния, проводит аналогии и осуществляет тесты. Ознакомиться подробно можно по ссылке. 👉 @sWebDev

Final Form На большинстве сайтов бывает хотя бы одна форма, а зачастую их бывает больше. JavaScript-библиотека Final Form позволяет легко создавать красивые и доступные формы. Никакая другая библиотека не предоставляет таких возможностей по настройке, позволяющих точно контролировать, какие элементы формы получают уведомления об изменениях состояния. 👉 @sWebDev

Искажение пикселей на Three.js В статье рассмотрим один из вариантов создания эффекта искаженных пикселей на изображении. Владение данным функционалом поможет создавать оригинальные и красочные оформления для вашего проекта. 👉 @sWebDev

Карусель на Svelte Реализация популярного функционала карусели с применением библиотеки Svelte. По ссылке репозиторий, в котором можно ознакомиться с кодом и всеми подробностями. 👉 @sWebDev

One Day Offer для фронтенд-разработчиков 25 июня Яндекс проводит One Day Offer — онлайн-встречу, на которой вы можете получить оффер от Яндекса всего за один день. Вы JS разработчик с опытом от трех лет и хотите работать над интересными проектами в Яндексе? Регистрируйтесь на сайте, успейте решить задачи контеста до 21 июня, а 25 июня мы встретимся на онлайн-секциях, по результатам которых лучшие участники смогут присоединиться к командам Поиска, Yandex Cloud или Директа.

Choreographer-JS Веб-страницы могут содержать широкий спектр анимаций. Choreographer-Js — это простая библиотека JavaScript, которая позволяет обрабатывать как CSS-анимации, так и не-CSS. Пакет содержит большое количество анимаций для разных проектов и целей. 👉 @sWebDev