Frontender Libs - обзор библиотек JS / CSS
8.45K subscribers
2.03K photos
736 videos
2 files
241 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Менеджер по рекламе: @Spiral_Yuri

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
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
​​МАРАФОН ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ «СВОЯ ОНЛАЙН-БИБЛИОТЕКА 1984»

С 4 по 17 апреля вы сможете погрузиться в мир IT и испытать свои силы в вёрстке и JavaScript'e на крутом обучающем марафоне от онлайн-школы METHED🔥

Кому подходит? ⬇️
🔹Начинающим фронтендерам — новые знания + полноценный проект в портфолио.
🔹Опытным специалистам — повышение мастерства + прокачка навыков и умений.

На марафоне будем верстать сайт библиотеки по макету Figma с помощью HTML, CSS/SCSS и JavaScript. Весь интерактив пишем на JavaScript — ES6 и выше (современный стандарт)

А также вы ⬇️
▪️Соберёте готовый проект при помощи gulp
▪️Напишете стили для проекта используя SCSS, адаптив.
▪️Научитесь работать с элементами DOM-дерева.
▪️Поработаете со стилями CSS с помощью JavaScript.
▪️Познакомитесь с шаблонными строками и интерполяцией.

Марафон пройдёт с 4 по 17 апреля в формате видеотрансляций с домашним заданием и проверкой от куратора. Стоимость — 990 ₽. Бонус - среди всех участников разыграем место на полном курсе от METHED по вёрстке или JavaScript на выбор.

Запись и подробная программа по ссылке ⬇️

https://bit.ly/3JSVdva
Vue3 OpenLayers

Это библиотека компонентов, которая привносит мощный API OpenLayers в мир Vue 3. Она может отображать карты с растровыми или векторными слоями, загруженными из разных источников.

👉 @sWebDev
lazysizes

Это быстрый , SEO-friendly и самоинициализирующийся lazy-loader изображений.

👉 @sWebDev
JavaScript теперь в телеграм!

JavaScript — самый популярный язык в мире, он используется в 95% всех сайтов, которые вообще существуют. Теперь у JS есть русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсов. Стоит подписаться!
VueFlux

Это слайдер изображений, который поставляется с 20 крутыми переходами между слайдами.

👉 @sWebDev
redux-immutable

redux-immutable используется для создания иммутабильного эквивалента функции Redux CombineReducers, которая работает с состоянием при помощи библиотеки Immutable.js.

👉 @sWebDev
Vue Socials

Это набор из более 50 кнопок с иконками социальных сетей, которые можно встроить в проект на Vue.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
V-wave

Это библиотека для Vue 2 и Vue 3, с помощью которой можно создавать различные эффекты при нажатии на блок.

👉 @sWebDev
graphql-hooks

Минималистичное дополнение к graphQL, позволяющее использовать react хуки.

Пример:
const { loading, error, data } = useQuery(HOMEPAGE_QUERY, {
variables: {
limit: 10
}
})


👉 @sWebDev
Vue-typical

Легковесная библиотека (всего около 400 байт), которая позволяет анимировать написание текста.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
REACT COOL INVIEW

Это React-хук, позволяющий определять, какой из элементов в данный момент находится на экране.

👉 @sWebDev