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

Пройдите полную программу обучения по специальности «Фронтенд-разработчик» на Хекслете и получите гарантированную оплачиваемую стажировку в «Ростелеком»: https://bit.ly/3r3P6Mh 📍Глубокий практический курс на 8 месяцев: JavaScript, HTML и CSS, фреймворки React+Redux Toolkit, инфраструктура — командная строка, NPM, Git, Webpack. 📍Асинхронный формат — комфортный темп, мягкие дедлайны. 📍Более 350 заданий в онлайн-тренажере с мгновенной автопроверкой. 📍Помощь практикующих наставников. 📍4 рабочих проекта в портфолио на GitHub и практика в Open Source. Выпускникам — гарантированная оплачиваемая стажировка в проектах ИТ-кластера «Ростелеком» от 1 до 3 месяцев с окладом 40 000 рублей в месяц. Лучшие получат оффер!

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

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

Каналы от Senior разработчиков Хотите быстро выучить JavaScript, Python или другой язык программирования? Подписывайтесь на каналы от опытных разработчиков, где они объясняют код и учат программировать. 💻 Канал Senior JavaScript разработчика: @senior_front 🐍 Канал Python разработчика: @seniorpythonist ☕️ Канал Senior Java разработчика: @seniorjavist 🤖 Канал C++ разработчика: @seniorcpp 📚 Книги от программиста: @progersbooks

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

🚀 Канал CodeReview - это комьюнити разработчиков, которые помогают друг другу получать ревью на свой код. ⚡️ Недавно ребята запустили новый формат на своем канале - «подготовка к собеседованиям», где они помогают подготовиться на Junior, Middle и Senior позиции по направлениям Java, Python, PHP, а также JavaScript. 📤 Если ты хочешь пройти собеседование 1 на 1 с Senior разработчиком, узнать свои слабые места и лучше подготовиться к предстоящему собеседованию, то оставляй заявку через эту форму, и стань гуру в собеседованиях. 👉 Оставить заявку

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

Инновационные ноутбуки на базе передового процессора AMD Ryzen™ 5000-й серии - ваш верный спутник в мир по-настоящему качественного контента! 💡Интеллектуальная ​энергоэффективность​ — до 12 часов быстрой и тихой работы без подзарядки; 💡До 8 усовершенствованных​​ ядер — моментальная загрузка и запуск аудио, видео и графических изображений высокого качества в режиме бесперебойной многопоточности; 💡Графика Radeon нового поколения — наслаждайтесь каждой деталью изображений или создавайте собственные шедевры в разрешении до 4K в режиме HDR! Узнать больше и приобрести по выгодной цене можно тут ⬇️

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

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

Теперь популярные языки программирования можно легко выучить по гайдам в картинках: 🐍 Python: guides_python 🎗 JavaScript: guides_js 🗃 SQL и БД: db_guides 🔐 Хакинг и ИБ: hack_guides Ещё полезные каналы для программиста: 🦾 Для любых ЯП: it_guides 📚 Статьи: programmer_article Выбирай нужный язык программирования и учись по гайдам не напрягаясь.

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

🌟Цель наставника любой профессии — передать опыт, подобрав индивидуальный план развития📈 ✅ В Mentor City мы научим ПРАВИЛЬНО использовать: ❗️Фреймворки Laravel, Symfony ❗️Базы данных PostgreSQL, MySQL, Redis, Elastic и др ❗️Очереди на RabbitMQ, Apache Kafka ❗️Автотесты и TDD ❗️Проектирование архитектуры: ООП, Паттерны, SOLID, GRASP, DDD ❗️Микросервисная архитектура и Highload ❗️Настройка CI/CD: Docker, Kubernetes и др 🔥Скорее переходи по ссылке, что бы получить бесплатную консультацию🔥

TODO list TODO list, реализованный на Pug и SCSS. Анимации созданы при помощи ключевого слово keyframes.

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

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

validator.js Эта библиотека предназначена для валидации строк в полях для ввода. Может пригодиться для создания форм для ввода информации о пользователе. Пример проверки валидности Email: validator.isEmail('foo@bar.com'); //=> true 👉 @sWebDev

CSShake Как следует из названия, CSShake - это библиотека CSS-анимации, которая содержит различные типы анимаций встряхивания. Для запуска добавляем класс shake и класс-название анимации своему элементу. <div class="shake shake-hard"></div> 👉 @sWebDev

Three Dots Three Dots - это набор CSS-анимаций для прелоадера, созданных из трех точек, которые, на самом деле, являются одним элементом. Для запуска просто создаем элемент div и добавляем название анимации <div class="dot-elastic"></div> 👉 @sWebDev

WickedCSS WickedCSS - это небольшая библиотека CSS-анимации, в ней не так уж много вариантов анимаций, но те, которые у нее есть - великолепны. Используется просто - добавляем название анимации к вашему элементу и готово. <div class="bounceIn"></div> 👉 @sWebDev