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

Ext JS Ещё пару лет назад этот продукт бил все рекорды популярности у опытных разработчиков, заслуженно завоевав их уважение. Был даже период, когда Sencha Ext JS был безраздельным властелином на рынке UI библиотек. 👉 @sWebDev

NG-ZORRO Компоненты из библиотеки NG-ZORRO написаны на TypeScript с полной типизацией. Цель этого проекта — дать разработчикам высококлассные компоненты для создания пользовательских интерфейсов в стиле Ant Design. Эта интересная библиотека создана китайскими разработчиками, на GitHub у неё около 2 тысяч звёзд. 👉 @sWebDev

Сколько времени учатся на фронтендера с нуля? От 6-ти месяцев. Вот несколько правил, с которыми сделать это будет проще: - Не изучайте фреймворк, не разобравшись в азах; - Не учитесь по любительским урокам, где могут показать плохие практики; - Не делайте перерывов в обучении; - Выполняйте практические задания, выбирайте их соответственно своему уровню; - Найдите ментора, который будет вас проверять и выявлять пробелы в знаниях. Плохая организация обучения отодвинет срок вашей первой ЗП на годы, отнеситесь к этому ответственно. Можно выбрать готовое решение - Профессия Frontend-разработчик PRO от Skillbox. Курс разработан грамотно и проверен на тысячах студентов. В него входят: - 3 месяца бесплатного периода; - изучение React, Vue - гарантия трудоустройства; и многое другое. Летняя скидка - 40%

ApexChart Представляет собой функцию интерактивных диаграмм, которую можно использовать с веб-сайтами, работающими с фреймворками JavaScript. Интерактивные предварительно упакованные диаграммы с простым API предоставляются вместе с библиотекой. Функции: 1. Оболочки для популярных фреймворков, таких как React, Vue и Angular; 2. Обширная документации и кроссбраузерная поддержка; 3. Единый и простой в использовании API. 👉 @sWebDev

Prime NG Это библиотека, включающая в себя обширный набор из более чем 70-ти компонентов пользовательского интерфейса. При этом здесь доступны разные виды их стилизации, например — Material Design и Flat Design. Ей пользуются такие компании, как eBay, Fox, и многие другие. Всё это говорит о том, что данная библиотека достойна внимания тех, кто ищет подходящий набор компонентов для своего проекта. 👉 @sWebDev

Typeahead.js Библиотека с открытым исходным кодом. Обеспечивает автозаполнение для окон поиска и других текстовых полей на веб-сайтах. Состоит из двух компонентов — механизма предложений и UI-элемента. Ключевые функции: 1. Компоненты библиотеки можно использовать отдельно модульно; 2. Обширная библиотека для каждого компонента; 3. Поддержка всех десктопных браузеров (не для мобильных). 👉 @sWebDev

NGX Bootstrap Библиотека NGX Bootstrap набрала около 5 тысяч звёзд на GitHub. В ней можно найти базовые компоненты, реализующие возможности шаблона Bootstrap и написанные для Angular, да и не только их. Она подходит для разработки настольных и мобильных приложений и спроектирована с учётом расширяемости и адаптивности. 👉 @sWebDev

DropzoneJS Позволяет создавать окна загрузки файлов с помощью технологии drag-and-drop. Есть возможности для создания превью изображений, превью файлов и анимации выполнения процесса. Преимущества: 1. Не имеет внешних зависимостей; 2. Возможность настройки под конкретные нужды. 👉 @sWebDev

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

Redux Обычно используется вместе с JavaScript-фреймворками, такими как Angular и React. Помогает решить проблему нехватки данных поддержкой предсказуемого состояния приложений, когда их размер в производственном процессе становится огромным. 👉 @sWebDev

Final Form Библиотека для создания красивых и доступных форм. Позволяет точно контролировать, какие элементы формы получают уведомления об изменениях состояния формы. Функции: 1. Совместима со всеми веб-фреймворками; 2. Полноценная и расширяемая реализация; 3. Автономность. 👉 @sWebDev

С нас крутые спикеры, интересные лекции и трудоустройство, с тебя – желание учиться и минимум год опыта коммерческой разработки на JavaScript. ⠀ Как все проходит? 3 раза в неделю на протяжении двух месяцев тебя будут обучать Senior’ы и Teamlead’ы ведущих банков страны. ⠀ Чему будут учить? На курсе будем изучать React, Angular, RxJS и Vue. Помимо этого еще будут практические занятия и домашние задания. ⠀ Что будет после учебы? Трудоустройство на Middle позицию в Цифровые привычки. Ты будешь работать над проектами крупных банков страны в Москве, в СПб или на удаленке. Пройти вступительный тест на курс: https://cutt.ly/ZQjMtuT

SurveyJS Помогает разработчикам создавать настраиваемые опросы и квизы, которые можно интегрировать с любыми приложениями JavaScript (JS). Возможности: 1. Расширение опросов с помощью сторонних виджетов; 2. Интеграция с любыми приложениями; 3. Создание опросов для сопровождения элементов бренда веб-сайта. 👉 @sWebDev

Тот самый канал про программирование в опросах👇🏻 t.me/programmer_polls

Wired elements Wired elements — это коллекция элементов, нарисованных вручную. Разработанные для вайрфреймов, элементы нарисованы таким образом, что два элемента визуализации не могут быть одинаковы — как две отдельные нарисованные от руки формы. Полезно? Возможно. Круто? Определенно:). 👉 @sWebDev

Ring UI Неплохая библиотека компонентов React от всеми известной JetBrains. Имеется большой набор компонентов среди которых есть действительно уникальные и полезные «штуки». Все компоненты имеют фирменный стиль JetBrains. 👉 @sWebDev

Фронтендер от бога — топ-канал о фронтенд-разработке. Если вы учите JS — подписывайтесь! Что вас ждет: — обучающие материалы (в том числе и уникальные) с удобной категоризацией; — еженедельные дайджесты информации из мира фронтенд-разработки; — профессиональный юмор; Подписывайтесь на фронтендера от бога ⬇️

Patternfly Элементы PatternFly — это коллекция, состоящая из 20 гибких и легких веб-компонентов, а также инструментов для их создания. Элементы PatternFly обладают легким весом и ограничением boilerplating (что в значительной степени является стандартом для веб-компонента). Они работают в React, Vue, Angular и vanilla JS, а также везде, где используются HTML-элементы. Запустите демо-версию: git clone git@github.com:patternfly/patternfly-elements.git cd patternfly-elements npm install # this will take a while due to lerna bootstrap npm run storybook 👉 @sWebDev

FrontEndDev - канал для веб разработчиков. Собираем и выкладываем актуальный контент: основы и аспекты ЯП, туториалы по современным фреймворкам, полезные инструменты и подходы в разработке 🚀 @front_end_dev