Использование шаблонизаторов позволяет сократить время на разработку продуктов и уменьшить количество ошибок и исправлений.
‍
На курсе мы познакомимся с основными принципами работы шаблонов и рассмотрим их на примере Pug — одного из самых популярных шаблонизаторов.
Использование шаблонизаторов позволяет сократить время на разработку продуктов и уменьшить количество ошибок и исправлений.
Необходимые знания: HTML, CSS, базовый JavaScript
В курс включено: принципы работы шаблонизаторов, Pug
Гибкие сроки: начинайте прямо сейчас и двигайтесь в комфортном режиме
Программа курса построена таким образом, чтобы рассказать о принципах шаблонизации и показать примеры на конкретном инструменте.
Однако, используя полученные знания, можно пользоваться любыми шаблонизаторами, так как отличаться они будут только синтаксисом.
Раздел 1
Введение в шаблонизацию
— Проблемы, возникающие при разработке интерфейсов без шаблонизации
— Проблемы, решаемые шаблонизаторами
— Принципы и философия шаблонизаторов
— Выделение компонентов
Раздел 2
Синтаксис шаблонизаторов
— Введение в синтаксис шаблонизатора Pug
— Правила написания тегов, работа с атрибутами
Раздел 3
Деление на шаблоны
— Общие правила выделения шаблонов и компонентов
— Принцип описания шаблона и интеграцию в него данных
— Принцип описания шаблонов через подключение компонентов
— Описание шаблонов на Pug
Раздел 4
Отделение данных от шаблонов
— Принципы отделения данных от шаблона
— Какие данные и как отделяются
— Подключение данных к компонентам
Раздел 5
Циклические конструкции и вывод данных
— Использование циклических конструкций для вывода повторяющихся компонентов
— Синтаксис циклических конструкций
Раздел 6
Условные конструкции
— Варианты использования условных конструкций
— Замена контента или классов по условиям
— Использование условных выражений и в циклах
— Синтаксис условных конструкций в Pug