Inputmask

Это библиотека javascript, которая создает маску для полей ввода. Inputmask может работать с обычным javascript, jQuery и jqlite. Маска ввода помогает пользователю с вводом, обеспечивая предопределенный формат. Это может быть полезно для дат, чисел, телефонных номеров.

👉 @sWebDev

Дед Мороз получил твое письмо - зарабатывай 100к в месяц в новом году 🎁🎅

Велкам на курс "Профессия Frontend-разработчик с нуля до PRO" от Skillbox.

- Адаптированная программа под требования работодателей
- Вебинары с разработчиками из крупных компаний
- Командный проект в конце курса
- Гарантия трудоустройства (или вернут деньги)

🎄Новогодние скидки до 60% 🎄

WickedCSS

WickedCSS - это небольшая библиотека CSS-анимации, в ней не так уж много вариантов анимаций, но те, которые у нее есть - великолепны.
Используется просто - добавляем название анимации к вашему элементу и готово.

<div class="bounceIn"></div>

👉 @sWebDev

Three Dots

Three Dots - это набор CSS-анимаций для прелоадера, созданных из трех точек, которые, на самом деле, являются одним элементом.

Для запуска просто создаем элемент div и добавляем название анимации
<div class="dot-elastic"></div>

👉 @sWebDev

CSShake

Как следует из названия, CSShake - это библиотека CSS-анимации, которая содержит различные типы анимаций встряхивания.
Для запуска добавляем класс shake и класс-название анимации своему элементу.

<div class="shake shake-hard"></div>

👉 @sWebDev

validator.js

Эта библиотека предназначена для валидации строк в полях для ввода. Может пригодиться для создания форм для ввода информации о пользователе.

Пример проверки валидности Email:
validator.isEmail('[email protected]'); //=> true

👉 @sWebDev

Google Charts

Популярное средство для построения диаграмм. Google Charts занимает лидирующие позиции на рынке бесплатных библиотек визуализации данных. Диаграммы совместимы не только с современными, но и со старыми браузерами.

👉 @sWebDev

Easy canvas

Эта очень простая, абсолютно бесплатная, но в то же время сильная библиотека, которая создана специально, чтобы облегчить использование canvas в html.

👉 @sWebDev

sliderjs

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

👉 @sWebDev

Теперь популярные языки программирования можно легко выучить по гайдам в картинках:

🐍 Python: guides_python

🎗 JavaScript: guides_js

🗃 SQL и БД: db_guides

🔐 Хакинг и ИБ: hack_guides

Ещё полезные каналы для программиста:

🦾 Для любых ЯП: it_guides

📚 Статьи: programmer_article

Выбирай нужный язык программирования и учись по гайдам не напрягаясь.

React Nice Dates

Удобный и кастомизируемый Date Picker, с помощью которого можно создавать поля для выбора диапазона дат.

👉 @sWebDev

react-form

Библиотека создана на основе React хуков. У неё очень гибкий и удобный API для создания полей ввода для формы.

👉 @sWebDev

Инновационные ноутбуки на базе передового процессора AMD Ryzen™ 5000-й серии - ваш верный спутник в мир по-настоящему качественного контента!

💡Интеллектуальная ​энергоэффективность​ — до 12 часов быстрой и тихой работы без подзарядки;

💡До 8 усовершенствованных​​ ядер — моментальная загрузка и запуск аудио, видео и графических изображений высокого качества в режиме бесперебойной многопоточности;

💡Графика Radeon нового поколения — наслаждайтесь каждой деталью изображений или создавайте собственные шедевры в разрешении до 4K в режиме HDR!

Узнать больше и приобрести по выгодной цене можно тут ⬇️

React Transition Group

React-transition-group является библиотекой разработанной сообществом программистов React, она предоставляет нужные component для использования в приложении React, помогает вам создать анимационный эффект во время перехода, так же помогает вам легче работать с CSS Transition.

👉 @sWebDev

🚀 Канал CodeReview - это комьюнити разработчиков, которые помогают друг другу получать ревью на свой код.

⚡️ Недавно ребята запустили новый формат на своем канале - «подготовка к собеседованиям», где они помогают подготовиться на Junior, Middle и Senior позиции по направлениям Java, Python, PHP, а также JavaScript.

📤 Если ты хочешь пройти собеседование 1 на 1 с Senior разработчиком, узнать свои слабые места и лучше подготовиться к предстоящему собеседованию, то оставляй заявку через эту форму, и стань гуру в собеседованиях.

👉 Оставить заявку

recharts

Одна из самых старых и надежных библиотек для создания диаграмм, доступных для React, - это recharts. Эта библиотека имеет встроенную поддержку SVG с небольшой зависимостью от некоторых подмодулей D3.

👉 @sWebDev

vue-easytable

vue-easytable - один из самых мощных компонентов для построения таблиц в Vue.
Что касается табличного компонента, он имеет много удивительных встроенных функций на все случаи жизни.

👉 @sWebDev

vue-easy-toast

vue-easy-toast - это простой в использовании инструмент для создания уведомлений в Vue. Вы можете выбрать стиль компонента, HTML-сообщения, и самое замечательное - это то, что вы можете добавлять плавные переходы.

👉 @sWebDev

Openlayers

Это высокопроизводительный JavaScript-фреймворк с открытым исходным кодом, предназначенный для создания интерактивных карт при помощи различных сервисов. Вы можете выбрать сервер, предоставляющий слой карты.

👉 @sWebDev

NVD3

Компоненты диаграммы разработаны поверх D3.js, однако с ними намного легче взаимодействовать. В документации можно найти подробную информацию о настройке. Для ускорения процесса визуализации используйте его с Fastdom.

👉 @sWebDev

Chartist.js

Chartist.js — простая JS библиотека с открытым исходным кодом, которая также может быть использована для создания аккуратных адаптивных графиков и диаграмм. Вообще говоря, она хорошо подходит тем, кому требуются лишь элементарные Line, Bar или Pie графики и не нужно многого в плане визуализации данных. Приятный внешний вид, и нет необходимости в большом количестве всяческих фич.

👉 @sWebDev