[HTML Academy] Онлайн-курс «Шаблонизаторы HTML»

Stromden · 5 Янв 2022

Использование шаблонизаторов позволяет сократить время на разработку продуктов и уменьшить количество ошибок и исправлений.
‍
На курсе мы познакомимся с основными принципами работы шаблонов и рассмотрим их на примере Pug — одного из самых популярных шаблонизаторов.
Использование шаблонизаторов позволяет сократить время на разработку продуктов и уменьшить количество ошибок и исправлений.

Необходимые знания: HTML, CSS, базовый JavaScript

В курс включено: принципы работы шаблонизаторов, Pug

Гибкие сроки: начинайте прямо сейчас и двигайтесь в комфортном режиме

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

Раздел 1

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

Раздел 2

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

Раздел 3

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

Раздел 4

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

Раздел 5

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

Раздел 6

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