курс

HTML: Препроцессор Pug

965 студентов
Последнее обновление: 06 мая 2025
Курс HTML: Препроцессор Pug
3 900 ₽ в месяц
за все курсы Хекслета
Зарегистрироваться
  • Тренажер с практикой
  • Бессрочный доступ к теории
  • Асинхронный формат
    обучения

Включено в курс

8 уроков (видео и/или текст)
7 упражнений в тренажере
28 проверочных тестов
Доступ к остальным курсам платформы

Чему вы научитесь

  • Размечать страницу с использованием синтаксиса Pug
  • Подключать файлы и дополнительные модули
  • Использовать JavaScript для добавления логики компиляции шаблона
  • Создавать миксины для переиспользования участков кода

Описание

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

Pug — препроцессор для HTML, который позволяет расширить функции при работе с версткой, например, добавить возможность импорта файлов друг в друга. Чтобы продуктивно изучить курс, требуются базовые знания верстки:

  • Создание структуры HTML документа
  • Семантическая верстка
  • Базовые теги для верстки элементов (таблицы, формы, заголовки, текст)

Изучить эти темы можно в следующих курсах:

  1. Основы современной верстки
  2. Основы верстки контента

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

Продолжительность 9 часов
  • 1

    Введение

    Поговорим о целях и структуре курса
  • 2

    Установка

    Устанавливаем препроцессор Pug и компилируем первый файл

    тесты

  • 3

    Теги и контент

    Учимся добавлять теги, атрибуты и контент с помощью Pug

    тесты

    упражнение

  • 4

    Подключение файлов

    Изучаем подключение Pug файлов и работу с дополнительными модулями, которые обрабатывают данные в разных форматах

    тесты

    упражнение

  • 5

    JavaScript

    Учимся использовать JavaScript внутри препроцессора и использовать интерполяцию переменных и выражений

    тесты

    упражнение

  • 6

    Условные конструкции

    Изучаем условные конструкции препроцесса Pug, учимся использовать конструкции if, else, unless

    тесты

    упражнение

  • 7

    Циклы

    Учимся перебирать массивы и объекты с использованием циклов Pug

    тесты

    упражнение

  • 8

    Миксины

    Учимся создавать миксины для переиспользования вёрстки внутри Pug

    тесты

    упражнение

  • 9

    Дополнительные материалы

    Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса

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

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже

#
Задание
% завершений

Рекомендуемые программы

profession
новый
Освоите основы Java, автоматизацию UI и API, научитесь писать устойчивые автотесты и подготовитесь к переходу на роль автоматизатора
8 месяцев
Старт 11 сентября
profession
Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React
10 месяцев
Старт 11 сентября
profession
Программирование на Python, Разработка веб-приложений и сервисов используя Django, проектирование и реализация REST API
10 месяцев
Старт 11 сентября
profession
Тестирование веб-приложений, чек-листы и тест-кейсы, этапы тестирования, DevTools, Postman, SQL, Git, HTTP/HTTPS, API
4 месяца
Старт 11 сентября
profession
Программирование на Java, Разработка веб-приложений и микросервисов используя Spring Boot, проектирование REST API
10 месяцев
Старт 11 сентября
profession
новый
Google таблицы, SQL, Python, Superset, Tableau, Pandas, визуализация данных, Anaconda, Jupyter Notebook, A/B-тесты, ROI
9 месяцев
Старт 11 сентября
profession
новый
Переменные, константы, функции, типы данных, коллекции в Go, обработка ошибок, горутины, каналы, многопоточность, Fiber
6 месяцев
в разработке
Старт 11 сентября
profession
Программирование на PHP, Разработка веб-приложений и сервисов используя Laravel, проектирование и реализация REST API
10 месяцев
Старт 11 сентября
profession
Программирование на Ruby, Разработка веб-приложений и сервисов используя Rails, проектирование и реализация REST API
5 месяцев
Старт 11 сентября
profession
Программирование на JavaScript в браузере и на сервере (Node.js), разработка бекендов на Fastify и фронтенда на React
16 месяцев
Старт 11 сентября
profession
Программирование на JavaScript, разработка веб-приложений, bff и сервисов используя Fastify, проектирование REST API
10 месяцев
Старт 11 сентября
profession
новый
Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL
8 месяцев
Старт 11 сентября
profession
новый
Программирование на JavaScript и PHP, разработка веб-приложений и сервисов используя Laravel, проектирование REST API и работа с базами
16 месяцев
Старт 11 сентября
profession
новый
Разработка фронтенд- и бэкенд-компонентов для веб-приложений на Spring Boot и React
16 месяцев
Старт 11 сентября
profession
новый
Программирование на JavaScript и Python, разработка веб-приложений и сервисов используя Django, проектирование REST API и работа с базами данных
16 месяцев
Старт 11 сентября
profession
новый
Полное погружение в DevOps: весь стек от Linux до Kubernetes. Подойдет новичкам и ИТ специалистам меняющим направление
14 месяцев
в разработке
Старт 11 сентября
profession
новый
Автоматизация окружения, деплой, масштабирование, Github Actions, Docker, Ansible, Terraform, инфраструктура как код
3 месяца
в разработке
Старт 11 сентября
profession
новый
Освоите Pytest, работу с API, Page Object и CI/CD. Курс для тех, кто хочет перейти от ручного тестирования к востребованной профессии автоматизатора
8 месяцев
Старт 11 сентября