Полезные библиотеки для web разработки

Библиотека - это набор готовых функций, классов и объектов для решения каких-то задач.

Использование готовых решений (библиотек) обладает рядом преимуществ:

  • Экономия времени. Самое большое преимущество, не надо тратить время на реализацию уже готового функционала.
  • Надежность *. Большинство популярных библиотек протестированы на различных входных данных и большом количестве сценариев использования, что трудозатратно при написании своего решения. Так же предусмотрен отлов различных ошибок кода.
  • Оптимизация для работы в различных браузерах. В разных браузерах и тем более на разных типах устройств (декстоп, смартфон, планшет и т.д.) элементы могут отображаться по разному и функции могут работать по разному эти нюансы предусмотрены в большинстве популярных библиотек, чтобы функционал работал корректно в различных условиях.
  • Документация. К большинству библиотек есть документация, зачастую она проиллюстрирована примерами, что упрощает понимание и помогает лучше разобраться в том как работает библиотека и как её использовать.

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

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

inputmask - полезная библиотека для создания различных масок для полей ввода. Например: номер телефона, ИНН, дата рождения, номер кредитной карты и т.д. Страница с примерами. (Можно сделать отдельную страницу с примерами использования т.к. на странице библиотеки визуальных примеров не так много)

select2 - библиотека для удобного отобржения выпадающих списков (select) есть возможность поиска элементов по названию, так же очень удобная возможность загрузки вариантов по AJAX.

bootstrap - в первую очередь css библиотека предоставляющая полный набор готовых html шаблонов для сайта: формы, меню, уведомления, разное оформление текста, большой набор иконок и много другое. Данное библиотека решает больше 90% задач по верстке, остается только поменять цвет элементов, если нужно. Для динамичности присутствует js код, который позволяет создавать всплывающие формы, прогресс бары и т.д.

DataTables - библиотека предназначена для отображения данных в табличном виде с возможностью фильтрации, сортировки, постраничной навигации, что доступно из коробки. Так же есть возможность работы в ajax режиме. 

mPDF - библиотека позволяет создавать pdf файлы на php на основе html верстки.

Datepicker - библиотека позволяет добавлять календарь для выбора даты к полю формы. Доступно много настроек, есть возможность добавить обработчики на различные события календаря: открытие, закрытие, выбор даты и т.д. Можно так же менять вид календаря с помощью css стилей.

Print.js - если нужно отправить pdf файл сразу на печать, без открытия в другой вкладке, например при нажатии какой-то кнопки на сайте, данная библиотека позволяет решить эту задачу. Помимо pdf файлов можно отправлять на печать изображения, html формы и т.д.

Делитесь библиотеками, которые используете сами, в комментариях.

Рубрики: JavaScript CSS

Если есть вопросы, что-то в статье не понятно или нашли ошибку, напишите об этом в комментариях, все комментарии читаются и по возможности материал будет доработан.
Популярные статьи

Bitrix подключить класс компонента

В статье приводится пример того как можно подключить только компонент битрикс без подключения его шаблона, чтобы можно было вызвать его метод или получить значения свойств

Команда grep. Примеры использования

grep - удобная и быстрая команда, здесь приведены примеры как произвести рекурсивный поиск в каталоге, поиск среди запущенных процессов и другие.

Bitrix регистрация своего события

В статье приводится пример регистрации собственного события в bitrix и добавления на него обработчика.

CSS простой горизонтальный слайдер

В статье приводится пример кода для создания простого горизонтального слайдера с использованием CSS и небольшим количеством JS кода. Для реализации потребуется всего около 60 строк стилей и js кода.

Подключить bitrix без подключения шаблона сайта

В статье приводится пример кода подключения bitrix без подключения шаблона сайта. Так же описано когда это может пригодится.

Bitrix сбросить буфер вывода

Функция RestartBuffer() в Bitrix используется для сброса буфера вывода. Она позволяет прервать вывод страницы на определенном этапе выполнения скрипта и начать вывод заново. В статье рассмотрим основные сценарии использования данной функции, рассмотрим пример кода.

Комментарии

Anton [07.12.2023]
select2 пригодился
Vlad [03.11.2023]
за printjs спасибо, пригодилось
Данный сайт использует файлы cookies. Продолжая просмотр сайта, вы соглашаетесь с использованием файлов cookies.
ОК