Главная Школы ITGid PUG - препроцесор HTML
ITGid

PUG - препроцесор HTML

Безкоштовно
-
Для начинающих
Frontend
Этот курс научит вас работать с Pug — шаблонизатором для HTML. Вы освоите генерацию тегов, работу с переменными, условиями, циклами и миксинами, а также интеграцию с Express.js. Курс подходит для тех, кто уже знает основы HTML и CSS и хочет ускорить разработку. Включает практические задания, поддержку и доступ навсегда.

О курсе

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

Основы Pug и работа с CLI

На этом курсе начинают с основ - изучают Pug CLI и базовые принципы генерации HTML. Студенты учатся создавать теги, работать с вложенными элементами, различать блочные и строчные теги. Также рассматривают работу с текстом, атрибутами и комментариями.

Логика и контроль структуры

Далее курс переходит к логическим конструкциям. Студенты осваивают switch case, циклы и условия в Pug. Учатся вставлять JavaScript код, работать с типами документов и выводить массивы. Этот модуль дает возможность динамически управлять содержимым страниц.

Расширенные возможности и интеграция

Третий модуль охватывает более сложные концепции. Здесь изучают инклюды для разбиения страницы на файлы, наследование шаблонов и интерполяцию переменных. Особое внимание уделяют миксинам и практическому применению Pug в express.js для создания серверных приложений.

Практические спринты

Курс содержит шесть практических спринтов. Они начинаются с знакомства с Pug CLI и структурой страницы. Потом студенты учатся работать в Codepen.io, осваивают разбитие страницы на файлы через includes. Далее идет подключение скриптов, работа с переменными, условиями и циклами.

Преимущества изучения Pug

Pug значительно ускоряет написание HTML и уменьшает количество ошибок. Он дает гибкость в генерации кода, упрощает взаимодействие с сервером и позволяет повторно использовать код. Это облегчает переход к фреймворкам и повышает эффективность разработки.

Требования к студентам

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

Формат обучения

Курс включает 8 спринтов с 30 практическими заданиями. Студенты получают помощь и поддержку, разбор и устранение ошибок. Доступ к материалам предоставляется без временных ограничений.

Что включено

Гибкий график
Сопровождение ментора