Шаблонизатор Pug

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

Курс «Шаблонизатор Pug» рассматривает особенности этого инструмента. Вы начнете изучение Pug с истории возникновения и его основных преимуществ по сравнению с традиционным HTML. Далее, шаг за шагом продолжим рассмотрение всех нюансов работы с этим инструментом.

В ходе курса вы подробно узнаете об особенностях синтаксиса Pug, его тегах и атрибутах. Будут подробно рассмотрены способы использования текста в рамках различных меток, а также вы освоите возможности управления атрибутами, классами и идентификаторами.

Кроме основного синтаксиса, вы научитесь работать со встроенным кодом JavaScript в Pug, использовать условные операторы, а также овладеете созданием циклов и миксинов для оптимизации и облегчения работы над проектами.

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

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

Курс подойдет как новичкам, так и опытным разработчикам, желающим углубить свои знания и навыки в работе с Pug. Для успешного прохождения этого курса необходимы базовые знания по HTML, CSS и JavaScript.

ВИДЕОУРОК №1. Pug. Основы шаблонизации

Цель урока – познакомить студентов с явлением шаблонизации, объяснить, для каких нужд она используется. Помочь выбрать правильную среду разработки. Рассказать об истории возникновения Pug и рассмотреть преимущества Pug над обычным HTML.