Stepik О курсе
Подробнее
В рамках курса вы научитесь писать вёрстку на шаблонизаторе Pug (jade), создавать независимые блоки кода для импорта и последующей модификации на любые страницы.
Познакомитесь с миксинами, заметно упрощающими однотипное наполнение сайта, а также узнаете о возможностях языка JavaScript, которые сделали Pug поистине потрясающим инструментом современного фронтенд-разработчика.
Pug - это актуальное требование работодателей, с которым часто можно встретиться уже на этапе тестового задания. Поэтому если вы связываете свою карьеру с вебом, то Pug вам обязательно пригодится.
Требования
Что нужно для старта
- Базовая компьютерная грамотность
- HTML
Результат
Что вы получите
- Использовать и создавать pug-шаблоны и миксины для декларативного подхода к созданию html-разметки.
Аудитория
Для кого этот курс
- Для освоивших HTML-вертску и желающих сделать следующий шаг.
Содержание
6 занятийПрограмма курса
№ТемаЧто внутри
01Вводный модуль
- Введение
- Настройка окружения
02Основы синтаксиса Pug
- Быстрые теги и вложенность
- Работа с текстом внутри тегов
- Быстрое добавление классов и идентификаторов
- Расширенная работа с атрибутами
- Создание базовой структуры HTML-документа
03Работа с шаблонами
- Создание родительских и дочерних шаблонов
- Добавления в блоки - в конец и в начало
- Переменные и условия для конфигурации шаблона
- Обновление конфигурации для каждой страницы
04Работа с другими языками внутри Pug
- Добавление строчного JS или CSS
- Использование языковых фильтров
- Подключение внешнего HTML
05Продвинутые техники Pug
- Возможности JavaScript
- Использование миксинов. Пример со слайдером
- Меню с использованием миксина
06Заключение
- Подведение итогов
01Вводный модуль
- Введение
- Настройка окружения
02Основы синтаксиса Pug
- Быстрые теги и вложенность
- Работа с текстом внутри тегов
- Быстрое добавление классов и идентификаторов
- Расширенная работа с атрибутами
- Создание базовой структуры HTML-документа
03Работа с шаблонами
- Создание родительских и дочерних шаблонов
- Добавления в блоки - в конец и в начало
- Переменные и условия для конфигурации шаблона
- Обновление конфигурации для каждой страницы
04Работа с другими языками внутри Pug
- Добавление строчного JS или CSS
- Использование языковых фильтров
- Подключение внешнего HTML
05Продвинутые техники Pug
- Возможности JavaScript
- Использование миксинов. Пример со слайдером
- Меню с использованием миксина
06Заключение
- Подведение итогов
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Шаблонизатор Pug» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Направления:JavaScript
Информация обновлена 3 сентября 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
