Описание

Курс позволит вам получить востребованный навык и повысить свою ценность на рынке

Благодаря использованию шаблонизаторов, вы сможете:

• Быстрее собирать сложные интерфейсы
• Связывать компоненты с данными и тестировать их с разным контентом
• Грамотнее использовать компонентный подход
• Минимизировать количество ошибок и ускорить их исправление

Типовые задачи, которые вы научитесь решать после курса «Шаблонизаторы HTML»:

• Разделение интерфейса на структуру и данные
• Выделение и использование компонентов
• Выделение общего каркаса и отдельных страниц. Шапка, подвал, контент страницы
• Циклический вывод компонентов на основе данных. Например, карточки товаров или список новостей
• Условный рендеринг компонентов в зависимости от условий. Добавление классов по условию

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

Раздел 1. Введение в шаблонизацию
— Проблемы, возникающие при разработке интерфейсов без шаблонизации
— Проблемы, решаемые шаблонизаторами
— Принципы и философия шаблонизаторов
— Выделение компонентов

Раздел 2. Синтаксис шаблонизаторов
— Введение в синтаксис шаблонизатора Pug
— Правила написания тегов, работа с атрибутами

Раздел 3. Деление на шаблоны
— Общие правила выделения шаблонов и компонентов
— Принцип описания шаблона и интеграцию в него данных
— Принцип описания шаблонов через подключение компонентов
— Описание шаблонов на Pug

Раздел 4. Отделение данных от шаблонов
— Принципы отделения данных от шаблона
— Какие данные и как отделяются
— Подключение данных к компонентам

Раздел 5. Циклические конструкции и вывод данных
— Использование циклических конструкций для вывода повторяющихся компонентов
— Синтаксис циклических конструкций

Раздел 6. Условные конструкции
— Варианты использования условных конструкций
— Замена контента или классов по условиям
— Использование условных выражений и в циклах
— Синтаксис условных конструкций в Pug