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
Vuelidate

Это простая и легковесная библиотека для реализации валидации форм на Vue.

👉 @sWebDev
RC-TABLE

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

👉 @sWebDev
Animate.css

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

👉 @sWebDev
Schemaform

Это генератор форм на Angular для создания сложных веб-форм из схемы JSON.

👉 @sWebDev
n3-charts

Если Вы – AngularJS разработчик, то n3-charts определённо вам покажется необычайно полезным и интересным. n3-charts создан поверх D3.js и AngularJS. Он предоставляет множество стандартных графиков в виде настраиваемых AngularJS директив.

👉 @sWebDev
Jest

Это восхитительный фреймворк для тестирования JavaScript с акцентом на простоту.
Работает с проектами, использующими Babel, TypeScript, Node, React, Angular, Vue и многое другое!

👉 @sWebDev
Dragula

Это библиотека, реализующая Drag & Drop в Angular приложениях.

👉 @sWebDev
ng2-file-upload

Это небольшая библиотека angular, позволяющая без проблем организовать загрузку и отправку файлов.

👉 @sWebDev
EJSChart

EJS Chart заявляют о своём практичном решении для предприятий. Графики выглядят аккуратней и читабельней чем большинство других из более старых библиотек. Также имеется совместимость с IE6+ и другими старыми браузерами.

👉 @sWebDev
Vue FusionCharts

Это официальная обертка над JS библиотекой FusionCharts, которая позволяет использовать более 150 различных графиков в вашем Vue приложении.

👉 @sWebDev
Vue 3 Carousel

Это современный легкий компонент Vue 3 для создания каруселей. Он поддерживает touch events, клавиатуру и колесико мыши.

👉 @sWebDev
VechaiUI

Это относительно новая библиотека компонентов React, которая поддерживает темы и динамические цвета для ваших компонентов и работает «из коробки» с приложением create-react-app. Сама библиотека включает компоненты для форм, отображения данных, навигации, мультимедиа, значков, уведомлений и многого другого.

👉 @sWebDev
Argon Design System React

Эта библиотека предлагает бесплатную дизайн систему для Bootstrap 4, React и Reactstrap. В неё есть около 100 современных элементов.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
VueTyper

Это компонент Vue, который имитирует ввод, выделение и стирание текста пользователем.

👉 @sWebDev
Новый формат получения IT специальности - Буткемп. Что это такое?

Буткемп — методика, которую использовали в лагерях для подготовки солдат. Чтобы стать полноценным бойцом, в обычных условиях новобранцу нужно 3-4 года. В условиях Bootcamp такого результата достигали за 4 месяца. Эффективность методики обоснована тем, что на период кемпа человек полностью погружается в процесс обучения и быстрей воспринимает информацию. Сейчас этот метод обучения активно используют в Гарварде, IT-компаниях, бизнес-проектах и образовательных программах.

Для обучения IT специальностям (прежде всего программирование) формат начали использовать в 2011 году в США. Он быстро доказал свою эффективность и стал популярным. К примеру, за 2020 год IT буткемпы выпустили 24975 американцев. Для стран бывшего СССР, это новый формат.

В 2018 году в России открылся первый - Эльбрус Буткемп. С тех пор его выпускниками стали 752 человека. 93% из них нашло работу в течение 3 месяцев после выпуска. 

Буткемп работает как оффлайн (Москва и Санкт-Петербург), так и онлайн.

Подробнее о формате Буткемп можно узнать на мероприятии в ближайший вторник
This media is not supported in your browser
VIEW IN TELEGRAM
Vue DnD Zone

Это легковесный плагин на vue, которые реализует функциональность drag & drop.

👉 @sWebDev
react-number-format

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

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Vue 3 Autocounter

Небольшой компонент Vue, который реализует анимацию возрастания числа.

👉 @sWebDev
React Photo Gallery

Это галерея на React в стиле pinterest, которая поддерживает оригинальное разрешение картинок, совместимо с SSR.

👉 @sWebDev
qrcode.react

Небольшая библиотека для генерации QR-кодов. Просто передайте в value компонента строку и получите код.

Пример:
const React = require('react');
const QRCode = require('qrcode.react');

React.render(
<QRCode value="https://facebook.github.io/react/" />,
mountNode
);


👉 @sWebDev