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

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

PDF Export Библиотеки, включенные в Telerik Document Processing, позволяют создавать, изменять и экспортировать документы PDF, а также конвертировать документ из другого формата файла в PDF. При помощи этого модуля вы можете сгенерировать PDF документ из HTML вёрстки или даже из JSX в React компонентах. 👉 @sWebDev

🔥 Насколько хорошо вы знаете JavaScript? Ответьте на 20 вопросов и получите возможность учиться на хардкорном курсе «JavaScript Developer. Professional» от OTUS. Если правильно ответите хотя бы на 10 вопросов, сможете поступить на курс по специальной новогодней цене и получите видео-курс по Git в подарок! 👉 ПРОЙТИ ТЕСТ: https://otus.pw/Mpxi/

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

Программист из Google выкладывает тесты и задачи по JavaScript -> @js_tests Зайди и посмотри сколько сможешь решить

A-frame Эта футуристическая библиотека позволяет создавать эффект виртуальной реальности, используя только старые добрые веб-технологии. 👉 @sWebDev

Superplaceholder С помощью Superplaceholder вы можете добавить одно или несколько сообщений по вашему выбору в качестве плейсхолдеров в поля ввода. Затем библиотека будет отображать эти сообщения с классной анимацией. 👉 @sWebDev

Яндекс снова открыл набор на программу Deep Dive по направлению фронтенд (JavaScript). Это стажировка в Яндекс.Маркете, которая проходит в формате буткемпа. Она стартует в начале февраля, а пройти собеседования можно уже сейчас: https://clck.ru/ZLZwh — Кому подойдёт эта программа? Тем, кто хочет попробовать себя в разном и понять, какие задачи интереснее и ближе. Особенность буткемпа — за время стажировки вы поработаете в двух разных командах. Стажировка оплачивается и длится 3 месяца в московском офисе Яндекса. Также мы оплатим проезд и проживание в Москве при успешном прохождении отбора в буткемп. 👉 Подать заявку: https://clck.ru/ZLZwh

Grd Grd, как следует из названия, занимается построением макетов сетки. Библиотека сделана на чистом CSS, использует свойства модели flexbox и предлагает только самые необходимые и полезные функции. 👉 @sWebDev

Loaders Это отличный пакет, содержащий набор хорошо спроектированных загрузчиков на чистом CSS. Добавить их на свой веб-сайт или приложение очень просто, и, вероятно, самая сложная часть этого процесса - выбрать загрузчик, который вам больше всего нравится (наш любимый - pacman). 👉 @sWebDev

​​Готов проверить насколько ты крут во фронтенде? На канале Frontend Tests & Tasks мы собираем для Вас самые интересные вопросы и  задачи по фронтенду. Если вдруг не сможешь решить задачу - не беда, мы подробно объясним её решение. Готов? Тогда поехали 👉 @frontend_tests