Сравните шаблон и результат
Возьмите маленький HTML-фрагмент с заголовком, изображением и ссылкой. Перепишите его на Pug и проверьте итоговый HTML в браузере. Порядок элементов, атрибуты и смысл страницы должны остаться понятными.
Pug / Jade · русская озвучка
Шаблонизатор Pug. Ускорь свою верстку в несколько раз!
Архив программы · запись закрыта
Архивный разбор курса Михаила Непомнящего о шаблонах Pug, общих блоках и миксинах. На 28 октября 2026 года Udemy сообщает, что зарегистрироваться на эту программу больше нельзя. Содержание сохранено для знакомства с каталогом автора и для тех, у кого уже есть доступ к материалам.
Запись закрытаUdemy больше не принимает новых студентов на этот курс. Обзор сохранён как справка о программе; выбрать доступное обучение можно в каталоге преподавателя.Другие курсы- 4,349 оценок на Udemy
- 283студента на Udemy
- около 2 чвидео · 18 лекций
- RUрусская речь преподавателя
Запись закрытаРусский язык · обновление ноябрь 2020
Перед началом
Подойдёт ли вам этот курс
Кому подойдёт
Верстальщикам, которым Pug нужен в существующем проекте, сборке или конкретном задании.
Что знать до старта
Базовое понимание HTML. Знакомство с синтаксисом JavaScript желательно, но не обязательно по требованиям автора.
Что сможете сделать
Набор страниц с общим шаблоном, переиспользуемыми блоками и миксинами для повторяющихся элементов.
Учесть при выборе
Новая запись на курс закрыта: это подтверждено в карточке Udemy. Обзор сохранён как часть каталога преподавателя. Обновление — ноябрь 2020 года; около двух часов — оценка API. Pug нужен не каждому frontend-проекту.
Архив программы
Pug: повторно использовать разметку и понимать готовый HTML
Программа посвящена конкретной задаче: Pug уже используется в проекте или нужно разобраться в шаблонизации статических страниц. Она опирается на HTML. Более компактная запись не отменяет понимания того, какие элементы получатся в браузере и как они будут устроены. В открытом описании подтверждены общие и расширяемые шаблоны, переменные, подключаемые блоки, миксины и использование JavaScript при формировании разметки. Новая запись закрыта, поэтому этот разбор не предлагает приобрести доступ: он помогает оценить содержание старого курса и его место в каталоге. Обещание ускорить вёрстку в названии нельзя считать измеренной гарантией — выгода зависит от повторений в проекте и рабочего процесса.
Новая запись закрыта. Обзор основан на сохранённых открытых данных Udemy и помогает понять содержание программы. Новая запись на курс закрыта: это подтверждено в карточке Udemy. Обзор сохранён как часть каталога преподавателя. Обновление — ноябрь 2020 года; около двух часов — оценка API. Pug нужен не каждому frontend-проекту.
Самопроверка · редакционные задания
Самопроверка: убрать повторения без потери ясности
Эти упражнения предложены редакцией RusUdemy для самостоятельной проверки навыков. Они не являются дополнительными уроками преподавателя и не предполагают проверку работ автором.
Измените общий блок один раз
Сделайте две учебные страницы с общей шапкой. Вынесите повторение в отдельный блок, затем измените пункт навигации. Проверьте обе страницы и убедитесь, что изменение не потребовало ручного редактирования каждой копии.
Передайте данные в повторяющийся элемент
Создайте миксин карточки и используйте его для нескольких объектов. Проверьте короткое и длинное название, отсутствие изображения и необычный текст ссылки. Разделите данные карточки и её структуру.
Объясните необходимость шаблона
Сравните обычную разметку и шаблонную версию небольшого проекта. Назовите изменения, которые стали проще, и дополнительные шаги сборки, которые появились. Сохраняйте абстракцию там, где она помогает поддержке.
около 2 ч видео · 18 лекцийОткрыть карточку Udemy
Шаблон, данные и переиспользуемые части страницы
Открытый каталог указывает 18 лекций и около двух часов материала. Курс обновлялся в ноябре 2020 года. Ниже темы сгруппированы по описанию программы: синтаксис Pug и связь с HTML, создание и расширение шаблона, подключаемые блоки, переменные и миксины. Если доступ к урокам уже есть, сверяйте команды с используемой версией окружения.
На дату проверки в открытых данных Udemy: 18 лекций, около 2 ч видео. На установку инструментов, самостоятельную практику и разбор ошибок потребуется дополнительное время. Темы ниже сгруппированы редакцией; перед выбором сверяйте доступное оглавление на Udemy.
Переделайте небольшой повторяющийся фрагмент своего сайта в шаблон и сравните поддержку двух вариантов. Если проекту Pug не нужен, не добавляйте его только ради дополнительного инструмента.
- 01
Синтаксис шаблонизатора Pug и его связь с HTML
- 02
Создание и расширение общего шаблона
- 03
Вынос повторяющихся блоков для подключения на страницы
- 04
Передача переменных в шаблоны
- 05
Миксины для повторяющихся компонентов
- 06
Использование JavaScript в шаблонизации
Выбрать доступную программуНа этот курс запись закрыта. Найдём другой вариант.
Обзор помогает понять содержание архивной программы. Если вам нужно обучение по этой теме, расскажите о своей задаче — поможем подобрать доступный курс на Udemy.
Доступ к этой программе не предлагаем: Udemy закрыл новую регистрацию.
Опыт работы с сервисом
Отзывы клиентов RusUdemy
Купил курс по программированию. Михаил, спасибо за помощь с созданием нового аккаунта, быстроту ответа и оформления курса. Хороший сервис
Отзыв от:
Купил курс по программированию. Михаил, спасибо за помощь с созданием нового аккаунта, быстроту ответа и оформления курса. Хороший сервис
Отзыв от:
Спасибо Михаилу за помощь! Все получилось быстро и легко!
Отзыв от:
Помогли с приобретением курса за 5 мин. Буду обращаться ещё. Михаилу респект!
Отзыв от:
Прекрасный сервис, буквально за пару минут купил курс. Всем советую
Отзыв от:
Довольно долго подбирал сервис, который поможет на udemy купить курс по системному дизайну. В итоге остановился на этом, Михаил помог быстро оплатить udemy, я получил доступ к курсу. В дальнейшем только здесь планирую приобретать курсы udemy
Отзыв от:
Ответы перед стартом