Новый курс “Шаблонизатор Pug” на украинском
ITVDN: курсы программирования
Видеокурсы по
программированию

Выбери свою IT специальность

Подписка

Добрый день, друзья!

Сегодня есть хорошие новости для всех, кто хочет упростить и ускорить свою технику вёрстки веб-страниц – на ITVDN вышли все уроки курса "Шаблонизатор Pug". Курс на украинском языке!

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

В ходе курса вы подробно разберете особенности синтаксиса Pug, его тегов и атрибутов. Будут подробно рассмотрены способы использования текста в рамках различных тегов, а также вы овладеете возможностями управления атрибутами, классами и идентификаторами.

Научитесь работать со встроенным кодом JavaScript в Pug, использовать условные операторы, а также овладеете созданием циклов и миксинов для оптимизации и облегчения работы над проектами.

На заключительном этапе вас ждет практика – проект, включающий разработку полноценной страницы с использованием всех навыков, полученных во время курса.

Автор курсаКинаш Станислав, FrontEnd Developer.

Продолжительность курса – 6 часов 27 минут.

Структура курса:

  1. Pug. Основы шаблонизации.
  2. Настройка среды Pug.
  3. Основы Pug: синтаксис, теги, текст.
  4. Работа с текстом внутри тегов.
  5. Работа с атрибутами. Классы и идентификаторы.
  6. Работа с переменными. Встроенный код JavaScript.
  7. Условный синтаксис / Оператор case (when).
  8. Циклы и миксины.
  9. Использование макетов и включений.
  10. Практический проект с использованием Pug.

Чему вы научитесь на данном курсе:

  • Использовать весь функционал шаблонизатора Pug.
  • Понимать основы шаблонизации и настраивать среду Pug.
  • Использовать Pug для работы с синтаксисом, тегами и текстом.
  • Использовать строчный текст (inline) в тегах, конвейерный (piped) и блочный текст.
  • Использовать условный синтаксис в шаблонизаторе Pug, а именно: условные операторы if и else, оператор unless, оператор case (when).
  • Понимать и применять циклы each и while в шаблонизаторе Pug.
  • Пользоваться миксинами в качестве аналога функциональных компонентов.
  • Использовать атрибуты миксинов и так называемый Rest Arguments.
  • Использовать Pug для создания структурированных и оптимизированных HTML-шаблонов.
  • Создавать гибкие и адаптивные макеты веб-страниц с использованием всего функционала Pug.
  • Разрабатывать шаблоны, отличающиеся чистотой и структурированностью, без использования дополнительных стилей и классов CSS.

Предварительные требования

Курс подойдет тем, кто уже имеет базовые знания HTML, CSS и JavaScript.

Смотрите первый урок в свободном доступе. Курс уже доступен на нашем сайте в полном объеме – к каждому уроку есть практические задания и опорный конспект для более глубокого усвоения материала. Если у вас есть активная подписка, вы можете посмотреть его прямо сейчас.

Курс входит в комплексную программу подготовки по специальностям:

              

КОММЕНТАРИИ И ОБСУЖДЕНИЯ
ВИДЕО КУРСЫ ПО СХОЖЕЙ ТЕМАТИКЕ
СТАТЬИ ПО СХОЖЕЙ ТЕМАТИКЕ

Покупай подпискус доступом ко всем курсам и сервисам

Библиотека современных IT знаний в удобном формате

Выбирай свой вариант подписки в зависимости от задач, стоящих перед тобой. Но если нужно пройти полное обучение с нуля до уровня специалиста, то лучше выбирать Базовый или Премиум. А для того чтобы изучить 2-3 новые технологии, или повторить знания, готовясь к собеседованию, подойдет Пакет Стартовый.

Стартовый
  • Все видеокурсы на 3 месяца
  • Тестирование по 10 курсам
  • Проверка 5 домашних заданий
  • Консультация с тренером 30 мин
59.99 $
Оформить подписку
Премиум Plus
  • Все видеокурсы на 1 год
  • Тестирование по 24 курсам
  • Проверка 20 домашних заданий
  • Консультация с тренером 120 мин
  • Скачивание видео уроков
199.99 $
Оформить подписку
Базовый
  • Все видеокурсы на 6 месяцев
  • Тестирование по 16 курсам
  • Проверка 10 домашних заданий
  • Консультация с тренером 60 мин
89.99 $
Оформить подписку
Notification success