Sticky kit.js

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

👉 @sWebDev

Voca

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

👉 @sWebDev

💻 21 июня в 20:00 мск OTUS приглашает разработчиков, знакомых с JavaScript, на открытый вебинар «Обзор новых возможностей Node.js».

📚 На занятии обсудим нововведения в последних версиях Node.js и подробно разберем каждое из них.

🔥 Открытый урок дает возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» от OTUS, а также получить персональную скидку на курс от преподавателя после вебинара.🎁

➡️ Для регистрации на вебинар пройдите небольшой тест по JS https://otus.pw/0p0g/

Анимация движущейся лампы GSAP

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

👉 @sWebDev

Typeahead.js

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

👉 @sWebDev

Swiper kit.js

Cлайдер, нацелен на работу с мобильными версиями сайта и веб-приложениями. Swiper обеспечивает аппаратное ускорение анимации на нативном уровне. Благодаря гибким настройкам можно использовать практически в любом проекте.

👉 @sWebDev

Ведение журналов Node.js

Ведение журнала является важной частью в создании современных веб-приложений. Благодаря этому, разработчики могут исследовать проблемы приложений и быстро их решать.
В статье рассмотрим несколько популярных решений для Node.js — Winston, Pino, Bunyan, Log Level и npmlog.

👉 @sWebDev

Mailwind

Mailwind является версией Tailwind CSS, созданной для разработки электронных писем в формате HTML.

👉 @sWebDev

Сайт на Iles.js

Нынешние тенденции в веб-разработке складываются в пользу динамических и анимированных веб-приложений. Но, что делать если нужен статический сайт? Для такого случая, можно использовать библиотеку Iles.js. По ссылке подробный туториал по созданию статического сайта.

👉 @sWebDev

5 библиотек для анимации на Vue.js

По ссылке подробный обзор популярных библиотек для создания анимации на Vue.js.

👉 @sWebDev

Boop-эффект на React

Реализация boop-эффекта с использованием React: изучаем паттерны архитектуры React и комбинируем хуки с компонентами для максимально рационального использования.

👉 @sWebDev

Slick

Карусель упрощает отображение множества изображений, не загромождая веб-страницу. Создание карусели, особенно адаптивной, с нуля — сложная задача. Библиотека Slick предоставляет настраиваемые адаптивные карусели из коробки.

👉 @sWebDev

Vanilla JS + Twilio + Node.js для разработки чата

В статье изучим руководство по созданию группового чата, используя стек технологий: Vanilla JS, Twilio и Node.js. Все подробности в статье по ссылке.

👉 @sWebDev

AR и VR с библиотекой A-Frame

Разберёмся как создавать VR и AR прямо в браузере. Будем использовать библиотеку A-Frame, которая позволит нам создавать трёхмерные миры с помощью HTML и Entity-Component, работающие с Quest, Rift, WMR, SteamVR, смартфонами и компьютерами.

👉 @sWebDev

RemixJS

Remix - фреймворк для JavaScript, использующий технологии React для создания внешней составляющей веб-приложений. Имеет ряд сходств с NextJS и является его прямым конкурентом. Разберёмся, что у этих фреймворков общего и в чем их главные различия.

👉 @sWebDev

Деление на страницы и фильтрация со стороны сервера Angular

В статье рассмотрим, как использовать RxJS для деления на страницы и фильтрации со стороны сервера таблицы данных в Angular.

👉 @sWebDev

Создаём PWA при помощи Vue.js

PWA - прогрессивное веб-приложение. Под этим термином понимается веб-сайт с функциями, благодаря которым он выглядит, ощущается и ведет себя так же как нативное мобильное приложение. Подробная информация о данном подходе в статье по ссылке.

👉 @sWebDev

Способы решения prop drilling в React

Prop drilling - это неофициальный термин для передачи данных, используя несколько вложенных компонентов. Проблема данного подхода в том, что данные передаются и в те компоненты, в которых они не нужны.
Подробная информация о данном подходе и случаях, когда его стоит применять в статье по ссылке.

👉 @sWebDev

Instauto

Instauto — это библиотека для автоматизации/ботов Instagram, написанная на javascript с использованием Puppeteer. Подробный обзор в репозитории.

👉 @sWebDev

Инструменты оптимизации перфоманса React

В статье представлен обзор популярных инструментов для оптимизации процесса перфоманса в React. Подробнее в статье по ссылке.

👉 @sWebDev