Добрый день, друзья!
Сегодня есть хорошие новости для всех, кто хочет упростить и ускорить свою технику вёрстки веб-страниц – на ITVDN вышли все уроки курса "Шаблонизатор Pug". Курс на украинском языке!
Pug – это HTML-препроцессор, позволяющий в удобной манере писать код, более понятный для восприятия человеком. С помощью шаблонизатора разработчик пишет меньше кода, создает удобные для восприятия вложенные конструкции, необходимые переменные и прочее.
В ходе курса вы подробно разберете особенности синтаксиса Pug, его тегов и атрибутов. Будут подробно рассмотрены способы использования текста в рамках различных тегов, а также вы овладеете возможностями управления атрибутами, классами и идентификаторами.
Научитесь работать со встроенным кодом JavaScript в Pug, использовать условные операторы, а также овладеете созданием циклов и миксинов для оптимизации и облегчения работы над проектами.
На заключительном этапе вас ждет практика – проект, включающий разработку полноценной страницы с использованием всех навыков, полученных во время курса.
Автор курса – Кинаш Станислав, FrontEnd Developer.
Продолжительность курса – 6 часов 27 минут.
Структура курса:
- Pug. Основы шаблонизации.
- Настройка среды Pug.
- Основы Pug: синтаксис, теги, текст.
- Работа с текстом внутри тегов.
- Работа с атрибутами. Классы и идентификаторы.
- Работа с переменными. Встроенный код JavaScript.
- Условный синтаксис / Оператор case (when).
- Циклы и миксины.
- Использование макетов и включений.
- Практический проект с использованием Pug.
Чему вы научитесь на данном курсе:
- Использовать весь функционал шаблонизатора Pug.
- Понимать основы шаблонизации и настраивать среду Pug.
- Использовать Pug для работы с синтаксисом, тегами и текстом.
- Использовать строчный текст (inline) в тегах, конвейерный (piped) и блочный текст.
- Использовать условный синтаксис в шаблонизаторе Pug, а именно: условные операторы if и else, оператор unless, оператор case (when).
- Понимать и применять циклы each и while в шаблонизаторе Pug.
- Пользоваться миксинами в качестве аналога функциональных компонентов.
- Использовать атрибуты миксинов и так называемый Rest Arguments.
- Использовать Pug для создания структурированных и оптимизированных HTML-шаблонов.
- Создавать гибкие и адаптивные макеты веб-страниц с использованием всего функционала Pug.
- Разрабатывать шаблоны, отличающиеся чистотой и структурированностью, без использования дополнительных стилей и классов CSS.
Предварительные требования
Курс подойдет тем, кто уже имеет базовые знания HTML, CSS и JavaScript.
Смотрите первый урок в свободном доступе. Курс уже доступен на нашем сайте в полном объеме – к каждому уроку есть практические задания и опорный конспект для более глубокого усвоения материала. Если у вас есть активная подписка, вы можете посмотреть его прямо сейчас.
Курс входит в комплексную программу подготовки по специальностям:
