Часто используемые FRONTend библиотеки и фреймворки
Почти в каждом проекте приходится работать с адаптивом, анимацией и другими привычными в наше время эффектами. Писать каждый раз на голом JS и CSS это большие перезатраты времени и энергии. На помощь нам уже созданы множество фреймворков и библиотек, которые облегчают рутинную работу программистов.
1. jQuery
Используется почти везде. Да, есть свои недостатки, но простота и обилие расширений просто радует.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>2. Bootstrap
Очень удобный фреймворк для создания адаптивной верстки. Огромный плюс, это множество уже готовых наборов элементов, эффектов и иконок.
3. Slick slider
Очень простой и достаточно удобный плагин для создания сладеров. Поддерживает адаптивные настройки.
https://kenwheeler.github.io/slick/
4. Fancybox
Простой как топор, но очень удобный плагин для просмотра увеличенных изображений по клику на миниатюру.
https://fancyapps.com/fancybox/
5. jQuery UI
Фреймворк с кучей визуальных инструментов взаимодействия пользователя с интерфейсом. Самым важным достоинством этого фреймворка я считаю облегчение работы с DRAG, SWIPE и другими событиями ставшими не отъемлимой частью сегодняшней реальности.
6. Lazyload
Тут вариантов исполнения данного плагина очень много, есть варианты раширения под jQuery, а есть и самостоятельные варианты. Для меня наиболее удобным оказался вариант самостоятельного фреймворка.
https://github.com/verlok/vanilla-lazyload
Подробно расписывать как что подключать и как пользоватеься не стану. Об этом очень подробно написано на официальных сайтах проектов, ссылки на которые прикреплены.
Maskedinput
<script src="https://cdn.jsdelivr.net/npm/jquery.maskedinput@1.4.1/src/jquery.maskedinput.min.js" type="text/javascript"></script>