Курс HTML шаблонизатор PUG ➤ Знакомство с препроцессором Pug и его преимущества
Полный курс - Цель урока – познакомить студентов с явлением шаблонизации, объяснить, для каких нужд она используется. Помочь выбрать правильную среду разработки. Рассказать об истории возникновения Pug и рассмотреть преимущества Pug над обычным HTML. О курсе Pug – это шаблонизатор или HTML-препроцессор, позволяющий в удобной манере писать код, более понятный для восприятия человеком. С помощью шаблонизатора разработчик пишет меньше кода, создает удобные для восприятия вложенные конструкции, необходимы переменные и прочее. Курс "Шаблонизатор Pug" рассматривает особенности этого инструмента. Вы начнете изучение Pug по истории возникновения и его основных преимуществ по сравнению с традиционным HTML. Дальше шаг за шагом продолжите рассмотрение всех нюансов работы с этим инструментом. В ходе курса вы подробно узнаете об особенностях синтаксиса Pug, его тегах и атрибутах. Будут подробно рассмотрены способы использования текста в рамках различных меток, а также вы освоите возможности управления атрибутами, классами и идентификаторами. Кроме основного синтаксиса, вы научитесь работать со встроенным кодом JavaScript в Pug, использовать условные операторы, а также овладеете созданием циклов и миксинов для оптимизации и облегчения работы над проектами. Курс также включает важные аспекты использования макетов и включений, помогая вам освоить наследование шаблонов и эффективное использование блоков в своих проектах. На заключительном этапе вы сможете применить полученные знания при создании практического проекта, который будет включать разработку полноценной страницы с использованием всех навыков, полученных во время курса. Курс подойдет как новичкам, так и опытным разработчикам, желающим углубить свои знания и навыки в работе с Pug. Для успешного прохождения этого курса необходимы базовые знания по HTML, CSS и JavaScript. Предыдущие Требования базовые знания HTML базовые знания CSS базовые знания JS Вы научитесь использовать весь функционал шаблонизатора Pug. понимать основы шаблонизации. настраивать для работы среду Pug. Понимать и использовать основы Pug: его синтаксис, тэги и работу с текстом. понимать использование строкового текста (inline) в тегах, уметь использовать конвейерный (piped) и блочный текст. понимать вариативность атрибутов. Использовать многострочные, логические атрибуты и атрибуты "в кавычках". Разбивать объект на атрибуты элемента с помощью синтаксиса &attributes. На практике использовать встроенный Javascript в Pug, а именно: буферизированный, небуферизованный и неэкранированный-буферизованный код. Также использовать синтаксис переменных. использовать условный синтаксис в шаблонизаторе Pug, а именно: условные операторы if и else, оператор unless, оператор case (when). понимать и применять циклы each и while в шаблонизаторе Pug. пользоваться миксинами как аналогом функциональных компонентов. Использовать атрибуты миксинов и так называемый Rest Arguments. использовать операторы block , extends, append и prepend. использовать Pug для создания структурированных и оптимизированных HTML-шаблонов. Создавать гибкие и адаптивные макеты веб-страниц с использованием всего функционала Pug. разрабатывать шаблоны, отличающиеся чистотой и структурированностью, без использования дополнительных стилей и классов CSS.
