Шаблонизаторы HTML

все курсы

Программирование

Шаблонизаторы HTML

Сложность

Продвинутый

Тип обучения

Курс

Трудоустройство

Отсутствует

Стоимость курса

6 900 ₽

есть рассрочка

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

Знание шаблонизаторов — необходимый навык для фронтенд-разработчиков с опытом работы более года.

Необходимые знания: HTML, CSS, базовый JavaScript
В курс включено: принципы работы шаблонизаторов, Pug
Гибкие сроки: начинайте прямо сейчас и двигайтесь в комфортном режиме

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

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

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

Что вы получите после обучения

Приобретаемые навыки

CSS

HTML+CSS

JavaScript

Pug

Образовательная организация

HTML Academy

4.4

274 отзыва

Наша цель — сделать из любого новичка полноценного и востребованного специалиста, готового работать в веб-индустрии.

В 2013 году Саша и Лёша запустили HTML Academy. Мы с самого начала решили учить работать с живым кодом, решая задачи, приближенные к реальным. Мы даём возможность получить не только знания, но и умения. В процессе обучения мы сталкиваем ученика с испытаниями, принцип которых — «сверстай, как показано в образце». Именно по такому принципу работают большинство верстальщиков.

Мы считаем вёрстку очень полезным навыком для любой IT-специальности. Поэтому стараемся делать наши тренажёры максимально интересными, затягивающими, интерактивными, необычными, где-то похожими на игру.

Мы подготовили тренажёры, затрагивающие разные аспекты работы верстальщика. Этого достаточно, чтобы вплотную познакомиться с вёрсткой. А для тех, кто хочет вырасти в профессионала, мы подготовили шесть онлайн-курсов. Эти уникальные образовательные программы позволяют подготовить специалистов с необходимыми для веб-индустрии навыками. И в этом нам помогают наставники. Сейчас с нами работают более трёхсот наставников.

Если тренажёров и курсов вам будет мало, то можно посмотреть на книжную полку, где мы постепенно собираем книги по веб-разработке. Или зайти к нам на форум и обсудить волнующий вас вопрос.

Программа курса

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

Раздел 1 Синтаксис шаблонизаторов

— Введение в шаблонизаторы
— Выделение компонентов
— Тест по разделу
— Введение в синтаксис шаблонизатора Pug
— Правила написания тегов, работа с атрибутами
— Практика: перевод учебного проекта в синтаксис шаблонизатора
— Тест по разделу
— 6 демо-кейсов по материалам раздела

Раздел 2 Деление на шаблоны и компоненты

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

Раздел 3 JavaScript внутри шаблонизатора

— Использование JavaScript внутри шаблонизатора
— Кейс: начинаем использовать JavaScript на страницах учебного проекта
— Практика: создаём переменные и начинаем их использовать

— Объекты и массивы внутри шаблонизатора
— Кейс: создаём данные для компонентов
— Практика: создаём данные для компонентов и подключаем их в разметку

Раздел 4 Циклы в шаблонизаторе PUG

— Использование циклов в шаблонизаторе PUG
— Кейс: решаем задачу по обработке и выводу данных с помощью циклов
— Практика: с помощью циклов выводим данные в разметку

Раздел 5 Условия и миксины в шаблонизаторе PUG

— Варианты использования условных конструкций внутри шаблонизатора
— Замена контента или классов по условиям
— Использование условных выражений в циклах
— Синтаксис условных конструкций в Pug
— Кейс: придаём логику разметке с помощью условий
— Практика: создание логики в учебном проекте с помощью условий
‍
— Использование миксинов внутри разметки
— Кейс: создаём миксины для компонентов
— Практика: применение миксинов в учебном проекте