курс

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

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

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

8 уроков (видео и/или текст)
7 упражнений в тренажере
25 проверочных тестов
Помощь в «Обсуждениях»
Доступ к остальным курсам платформы

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

  • Размечать страницу с использованием синтаксиса 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 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже

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

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

профессия
от 6 300 ₽ в месяц
Осваивайте разработку веб-страниц, оживляйте дизайн макетов, публикуйте сайты и приложения. Отслеживайте ошибки в интерфейсе и устраняйте их
10 месяцев
с нуля
Старт 25 июля
профессия
от 6 300 ₽ в месяц
Обучитесь разработке бэкенда сайтов и веб-приложений — серверной части, которая отвечает за логику и базы данных
10 месяцев
с нуля
Старт 25 июля
профессия
от 6 183 ₽ в месяц
Выполняйте ручное тестирование веб-приложений, находите ошибки в продукте. Узнайте все о тест-дизайне.
4 месяца
с нуля
Старт 25 июля
профессия
от 6 300 ₽ в месяц
Научитесь разработке веб-приложений, сайтов и программного обеспечения на языке Java, программируйте и используйте структуры данных
10 месяцев
с нуля
Старт 25 июля
профессия
от 5 025 ₽ в месяц
новый
Собирайте, анализируйте и интерпретируйте данные, улучшайте бизнес-процессы и продукт компании. Обучитесь работе с библиотеками Python
9 месяцев
с нуля
Старт 25 июля
профессия
от 6 300 ₽ в месяц
Занимайтесь созданием сайтов, веб-приложений, сервисов и их интеграцией с внутренними бизнес-системами на бекенд-языке PHP
10 месяцев
с нуля
Старт 25 июля
профессия
от 5 840 ₽ в месяц
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 25 июля
профессия
от 9 900 ₽ в месяц
Обучитесь разработке визуальной части сайта — фронтенда, а также реализации серверной — бэкенда. Освойте HTML, CSS, JavaScript
16 месяцев
с нуля
Старт 25 июля
профессия
от 6 300 ₽ в месяц
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 25 июля
профессия
новый
Организовывайте процесс автоматизации тестирования на проекте, обучитесь языку программирования JavaScript, начните управлять процессом тестирования
8 месяцев
c опытом
в разработке
Старт 25 июля