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

react-form Библиотека создана на основе React хуков. У неё очень гибкий и удобный API для создания полей ввода для формы. 👉 @sWebDev

React Nice Dates Удобный и кастомизируемый Date Picker, с помощью которого можно создавать поля для выбора диапазона дат. 👉 @sWebDev

Теперь популярные языки программирования можно легко выучить по гайдам в картинках: 🐍 Python: guides_python 🎗 JavaScript: guides_js 🗃 SQL и БД: db_guides 🔐 Хакинг и ИБ: hack_guides Ещё полезные каналы для программиста: 🦾 Для любых ЯП: it_guides 📚 Статьи: programmer_article Выбирай нужный язык программирования и учись по гайдам не напрягаясь.

sliderjs sliderjs – небольшой, гибкий плагин слайдера изображений, который позволяет создавать мобильно-совместимую карусель на кросс-платформенной веб-странице. Поддерживает асинхронную загрузку изображений для повышения производительности. 👉 @sWebDev

🌟Цель наставника любой профессии — передать опыт, подобрав индивидуальный план развития📈 ✅ В Mentor City мы научим ПРАВИЛЬНО использовать: ❗️Фреймворки Laravel, Symfony ❗️Базы данных PostgreSQL, MySQL, Redis, Elastic и др ❗️Очереди на RabbitMQ, Apache Kafka ❗️Автотесты и TDD ❗️Проектирование архитектуры: ООП, Паттерны, SOLID, GRASP, DDD ❗️Микросервисная архитектура и Highload ❗️Настройка CI/CD: Docker, Kubernetes и др 🔥Скорее переходи по ссылке, что бы получить бесплатную консультацию🔥

TODO list TODO list, реализованный на Pug и SCSS. Анимации созданы при помощи ключевого слово keyframes.

Easy canvas Эта очень простая, абсолютно бесплатная, но в то же время сильная библиотека, которая создана специально, чтобы облегчить использование canvas в html. 👉 @sWebDev

Google Charts Популярное средство для построения диаграмм. Google Charts занимает лидирующие позиции на рынке бесплатных библиотек визуализации данных. Диаграммы совместимы не только с современными, но и со старыми браузерами. 👉 @sWebDev

validator.js Эта библиотека предназначена для валидации строк в полях для ввода. Может пригодиться для создания форм для ввода информации о пользователе. Пример проверки валидности Email: validator.isEmail('foo@bar.com'); //=> true 👉 @sWebDev

CSShake Как следует из названия, CSShake - это библиотека CSS-анимации, которая содержит различные типы анимаций встряхивания. Для запуска добавляем класс shake и класс-название анимации своему элементу. <div class="shake shake-hard"></div> 👉 @sWebDev

Three Dots Three Dots - это набор CSS-анимаций для прелоадера, созданных из трех точек, которые, на самом деле, являются одним элементом. Для запуска просто создаем элемент div и добавляем название анимации <div class="dot-elastic"></div> 👉 @sWebDev

WickedCSS WickedCSS - это небольшая библиотека CSS-анимации, в ней не так уж много вариантов анимаций, но те, которые у нее есть - великолепны. Используется просто - добавляем название анимации к вашему элементу и готово. <div class="bounceIn"></div> 👉 @sWebDev

Дед Мороз получил твое письмо - зарабатывай 100к в месяц в новом году 🎁🎅 Велкам на курс "Профессия Frontend-разработчик с нуля до PRO" от Skillbox. - Адаптированная программа под требования работодателей - Вебинары с разработчиками из крупных компаний - Командный проект в конце курса - Гарантия трудоустройства (или вернут деньги) 🎄Новогодние скидки до 60% 🎄

Inputmask Это библиотека javascript, которая создает маску для полей ввода. Inputmask может работать с обычным javascript, jQuery и jqlite. Маска ввода помогает пользователю с вводом, обеспечивая предопределенный формат. Это может быть полезно для дат, чисел, телефонных номеров. 👉 @sWebDev

💰 Получи оффер от 150к На канале Frontend Interview постят актуальные вопросы с собеседований по JS, CSS, HTML. А главное - разбирают их и дают ответы, которые точно впечатлят интервьюера. Хочешь в Тинькофф или Яндекс? Подписывайся

Lettering Дает полный контроль над текстом. Используется для анимации. Слово разбивается на буквы, и с каждой можно работать отдельно. 👉 @sWebDev

Highcharts Это современная библиотека диаграмм javascript, основанная на технологии SVG. Никаких плагинов не требуется. Интеграция со всеми основными веб-фреймворками очень проста. 👉 @sWebDev

В этот раз ТехноГайд подготовил для вас целых 4 подарка к Новому году! Дорожные карты по CSS, JS, HTML5, soft skills и многое другое ждут вас! Залетайте, завтра будет третья часть 😉 Полезные уроки, лайфхаки и туториалы → @Techno_guids

Lax.js Простой и легкий плагин javascript для создания плавных и красивых анимаций при прокрутке! Используйте всю мощь интуитивно понятного взаимодействия и оживите свои веб-сайты! 👉 @sWebDev

FileSaver Это библиотека для скачивания файлов через JavaScript. Казалось бы, нет ничего сложного в том, чтобы скачать файл и без библиотеки. Но в различных браузерах, например IE или Safari это может быть не так просто как кажется. 👉 @sWebDev