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

Друзья! Мы знаем, что не все из вас смогут присоединиться к нам в Москве. Но очень важно, чтобы каждый из вас смог узнать о том, что происходит в современном фронтенде. Чтобы вы смогли получить знания о лучших практиках и внедрить их у себя. Только так отрасль будет развиваться. Поэтому мы открываем трансляцию Главного зала FrontendConf 2021. Чтобы получить доступ к трансляции, нужно зарегистрироваться по ссылке 11 и 12 октября, с 11:00 до 18:00 (МСК) вас ждут 12 огненных докладов. Присоединяйтесь и зовите коллег!

Быть в курсе последних IT-новостей — необходимость для современного разработчика. Можно не тратить драгоценное время на поиск свежей информации, а делегировать это дело «Быстрому Фронтенду». Наш коллега Саша смотрит видео, слушает подкасты и читает статьи, чтобы регулярно публиковать в своём Telegram-канале «Быстрый Фронтенд» краткий обзор свежих новостей со всего мира. Конечно же, со ссылочками и комментариями. Подписывайся на «Быстрый Фронтенд» — самые интересные и полезные новости фронтенда в компактном формате 📲

Formik Formik - популярное решение для создания форм, так как оно предоставляет многоразовый компонент, в котором можно просто использовать его API для обработки трех наиболее раздражающих частей при построении форм: - получение значений внутри формы и вне его состояния; - сообщения о проверке и ошибках; - обработка отправки формы. 👉 @sWebDev

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

NG2 Charts Библиотека NG2 Charts, имеющая около тысячи звёзд на GitHub, даёт разработчику директивы Angular для создания графиков шести типов, при этом используемые здесь свойства основаны на chart.js. Эту библиотеку можно использовать для визуализации больших наборов данных и вывода списков. 👉 @sWebDev

FrontendQuiz задачи с собеседований - канал на котором публикуются задачки для фронтендщиков: алгоритмы, регулярные выражения, вопросы с интервью, задачи для Junior Frontend и разбор их решения. Проверь свои знания на @frontendquiz

Clarity Clarity — это опенсорсная система дизайна, созданная VMware. Она представляет собой комбинацию из реализации рекомендаций по UX-дизайну, HTML/CSS фреймворка и компонентов для Angular. Clarity даёт разработчику обширный набор высокопроизводительных компонентов с привязкой данных. 👉 @sWebDev

NG Bootstrap У NG Bootstrap, популярной библиотеки, в которую входят компоненты для Angular, выполненные в стиле Bootstrap 4, около 4.5 тысячи звёзд на GitHub. Она служит заменой Bootstrap-проекту angular-ui, который больше не поддерживается. NG Bootstrap отличается высоким уровнем покрытия кода тестами и отсутствием сторонних JS-зависимостей. 👉 @sWebDev

Angular Material Angular Material — это официальная библиотека компонентов Angular, в которой реализованы концепции Material Design от Google. Эти компоненты пользовательского интерфейса можно рассматривать как примеры кода, написанные в соответствии с рекомендациями команды разработчиков Angular.

#полезное #git LearnGitBranching - это визуализатор репозитория git, песочница и серия обучающих руководств и задач. Создан, чтобы помочь разработчикам понять git с помощью визуализации (чего нет при работе с командной строкой). Ссылка на исходник Ссылка из чемодана frontend'ера - канал, где публикуются ссылки на полезные сервисы, плагины, инструменты и сайты. Присоединяйся, чтобы ускорить свою работу и найти для себя новые и интересные сайты и сервисы!

Компоненты React от Khan Academy Компоненты React, подготовленные силами Khan Academy, выпущены в виде библиотеки компонентов, в которой используется встроенный CSS и имеются комментарии. Отдельные компоненты библиотеки можно установить, воспользовавшись этой подборкой, созданной средствами Bit. 👉 @sWebDev

Хочешь научиться разрабатывать сайты? Админ канала WordPress | Разработка сайтов  простыми словами рассказывает про разработку сайтов, говорит о конкретных фишках, проверенных собственным опытом. Максимум сути и минимум бесполезной теории. Подпишись и повысь свой чек за работу 👉t.me/dv_wordpress #wordpress #разработка_сайтов

Fish-UI Fish-UI — это набор инструментов для веб-разработки, использующий возможности WebPack и ES2015. Несмотря на скудную документацию, библиотека Fish-UI достойна внимания, так как содержит в себе более 35-ти хорошо структурированных компонентов, позволяющих создавать простые и понятные интерфейсы, не перегруженные ненужными деталями. 👉 @sWebDev

В команду Юлы нужен DevOps-инженер! Наш идеальный кандидат на «ты» с Kubernetes, любит новые и интересные технологии, хочет их внедрять и применять. Большим плюсом будет опыт из смежных направлений разработки и широкий кругозор, ведь задачи могут быть самые разные – и трафик поанализировать, и подебажить упавшую сборку, и помочь коллегам с внедрением CI-инструментов. Если тебе это интересно, ищи подробности (стек, требования, условия) по ссылке.

Velocity Velocity — это быстрый механизм анимации Javascript с тем же API, что jQuery $.animate(). Он включает в себя цветную анимацию, преобразования, смягчения, поддержку SVG и анимацию прокрутки. 👉 @sWebDev

BootstrapVue Эта библиотека предназначена для создания отзывчивых веб-приложений, при разработке которых ориентируются, в первую очередь, на мобильные платформы. Библиотека построена на базе Vue и Bootstrap 4. Она предназначена для Vue 2.4+, в ней реализована автоматическая разметка WAI-ARIA, направленная на создание веб-проектов, с которыми удобно работать людям с ограниченными возможностями. 👉 @sWebDev

Запомните: айти в 2021 году – самая перспективная ниша. 1. Выучить «базу» 2-3 языков можно за месяц, даже если вы чайник. 2. Тысячи компаний платят новичкам от $800. 3. Из-за высокого спроса вы найдете работу за 1-2 недели. Освоить всё с нуля поможет канал Frontend. Уроки по JavaScript, CSS, HTML и советы для собеседований. Впитываете знания – уверенно проходите интервью – получаете работу. Ребята скомпоновали всё так, что влиться в процесс сможет каждый. Стартуйте сейчас: @frontendInterview

Hover Это CSS-библиотека. Hover — сборка эффектов наведения на CSS3, которые будут применяться к ссылкам, кнопкам, логотипам, SVG, избранным изображениям и т. д. Эффекты доступны на CSS, Sass и LESS. Вы можете копировать и вставлять эффект, который вы хотите использовать в своей таблице стилей, или ссылаться на таблицу стилей библиотеки. 👉 @sWebDev

Персональная рассылка IT-вакансий под твою ЗП и график. Подписывайся! @masterhubot

Keen UI Библиотека Keen-UI, хотя её разработчики явно черпали идеи из уже не раз упомянутой на этом канале концепции Material Design, не является настоящим набором Material-компонентов. В её состав входят только компоненты, использующие JavaScript, она не является CSS-фреймворком и не включает в себя систему работы с сеткой или типографские стили. 👉 @sWebDev