Frontender Libs - обзор библиотек JS / CSS
8.44K subscribers
2.03K photos
736 videos
2 files
241 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Менеджер по рекламе: @Spiral_Yuri

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
Media is too big
VIEW IN TELEGRAM
Vanta.js

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

👉 @sWebDev
Текстовый редактор на Lexical и React

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

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Iwder.js

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

👉 @sWebDev
Superplaceholder.js

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

👉 @sWebDev
DropzoneJS

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

👉 @sWebDev
Новвоведения в Angular 14

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

👉 @sWebDev
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/
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация движущейся лампы 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