PUG технология работает как посредник. Браузер читает HTML и CSS, а затем отображает отформатированные изображения и текст клиенту на основе того, что ему говорит HTML и CSS.
По сути, PUG – это процессор шаблонов, который позволяет вводить данные, а затем создавать HTML, то есть помогает при верстке сайтов web-разработчику.
Множество приложений требуют создания HTML-кода на сервере или в браузере, а PUG идеально подходит для таких площадок. Его можно запустить внутри браузера или на Node.js.
Класс продукта
Процессор шаблонов, препроцессор HTML.
PUG заменяет переменные в файле сайта фактическими значениями, а затем отправляет полученную строку HTML клиенту. То есть чистит первичный код от лишних значений, как редактор. Преимущества PUG технологии:
- уменьшение кода HTML почти вдвое за счет форматирования;
- отображение кодов в виде абзацев, что улучшает читаемость кода и упрощает проекты с несколькими разработчиками;
- отсутствие закрывающих тегов;
- использование отступов для определения вложенных тегов;
- наличие сокращений для классов и идентификаторов;
С помощью PUG нельзя скопировать HTML из любого места. Сначала нужно преобразовать все в PUG, а потом уже использовать. PUG предоставляет два пакета:
- для общего назначения;
- для компиляции кода паролей в HTML-код из командной строки без написания кода JavaScript.
Следует помнить: малейшая ошибка в форматировании, отступах, интервалах создает большие проблемы для кода.
Услуги Cetera на базе PUG технологии:
- интеграция PUG в проект и настройка механизма просмотра;
- разработка сайтов на препроцессоре PUG;
- упрощение готового HTML-кода при помощи PUG.