Курс Шаблонизатор Pug/jade - современный ускоритель для HTML

4.9Premium

Прокачайте свои навыки по HTML, освоив современный инструмент веб-разработки Pug (ранее jade). Умение работать с шаблонизатором может очень пригодится профессиональным фронтэндерам при выполнении заказов и проектов или при найме на работу для выполнения тестовых заданий и соответствия требованиям по списку необходимых навыков.

Начать обучение Регистрация

О курсе - Чему Вы научитесь?

Pug — это препроцессор HTML и шаблонизатор, который был написан на JavaScript для Node.js.
Скорость в работе - это один из важнейших факторов. Заказчики и работодатели хотят, чтобы работа была выполнена качественно и быстро. Появляются разные инструменты-ускорители, один из них: Шаблонизатор Pug/jade - современный ускоритель для HTML.

Pug отличается синтаксисом от HTML и позволяет не делать типичных ошибок, которые можно встретить в обычном HTML. При этом Pug значительно ускорит верстку, в том числе за счет многократного использования одних и тех же частей кода. Более того и править такой код в дальнейшем будет намного проще.

Этот курс для веб-разработчиков и всех желающих освоить современный инструмент верстки сайтов. Если вы связываете свою карьеру с web-разработкой, то Pug вам обязательно пригодится!

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

  • Основам работы с шаблонизатором Pug на реальных примерах
  • Научитесь писать вёрстку на шаблонизаторе Pug (jade), создавать независимые блоки кода для импорта и последующей модификации на любые страницы
  • Использовать переменные, условия-возможности, также включать расширенный функционал с помощью вложенных страниц, шапки, подвалы, файлы конфигурации и многое-многое другое
  • Научитесь использовать шаблон, дополнять его, расширять и т.д.
  • Познакомитесь с миксинами, заметно упрощающими однотипное наполнение сайта
  • Увидите, как использовать возможности других языков вместе с языком Pug, таких как препроцессоры CSS
  • Также узнаете о возможностях языка JavaScript, которые сделали Pug поистине потрясающим инструментом современного фронтенд-разработчика
  • Создадите большой макет с разными фишками - переменными, условиями, с подключениями других блоков на сайт, с использованием миксинов, где это было нужно. С использованием конфигурационного файла, дополнения этого файла, изменений и прочих нюансов.

Требования для прохождения курса:
- Базовые знания HTML
- Базовые знания JavaScript (желательно, но не обязательно)

Рекомендуем пройти наши базовые курсы:
Основы HTML/CSS - верстка сайтов с нуля
Верстка сайтов на HTML/CSS для начинающих
JavaScript/jQuery - первые шаги

Начать обучение

План курса

Программа обучения включает видео уроки по изучению HTML верстки с использованием шаблонизатора Pug (jade). Уроки содержат пошаговые инструкции и практические примеры по веб-разработке. Освойте современный инструмент Pug для эффективной верстки сайтов!

развернуть все

свернуть все

1. Введение. Подготовка окружения
3. Работа с шаблонами
  • 3.1 Создание родительских и дочерних шаблонов10:49
  • 3.2 Добавления в блоки - в конец и в начало07:03
  • 3.3 Переменные и условия для конфигурации шаблона13:28
  • 3.4 Обновление конфигурации для каждой страницы07:48
4. Работа с другими языками внутри Pug
  • 4.1 Добавление строчного JS или CSS05:42
  • 4.2 Использование языковых фильтров04:48
  • 4.3 Подключение внешнего HTML03:15
5. Продвинутые техники шаблонизатора Pug
  • 5.1 Возможности JavaScript07:19
  • 5.2 Использование миксинов. Пример со слайдером09:44
  • 5.3 Меню с использованием миксина08:48
6. Заключение
  • 6.1 Подведение итогов01:27
Завершение курса - Получение Сертификата

Начать обучение

Студенты также изучают

online_course
4.9
  • 31 видео
  • 65 заданий
  • 5 часов
online_course
new
4.9
  • 8 видео
  • 3 часа
online_course
4.9
  • 25 видео
  • 50 заданий
  • 4 часа
online_course
new
4.9
  • 75 видео
  • 11 часов
online_course
new
5
  • 97 видео
  • 34 часа
online_course
new
5
  • 84 видео
  • 27 часов

Отзывы студентов о курсе

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса Шаблонизатор Pug/jade - современный ускоритель для HTML.

Алексей Казека

Отличный курс!!!

Anastasiia Sheshenia

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

Пётр Колосов

10 звёзд из 5) Мне курс очень понравился!

Никита Попков

Все отлично!) Сейчас буду применять все знания на практике! Спасибо, Михаил, за подробную информацию!)))

Вячеслав Смагин

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

Геннадий Холкин

Отличный курс! Большое спасибо автору.

Дмитрий Русанов

Благодарю за курс. Теперь буду знать на 1 фичу в кодинге больше, но почему-то больше привлекает писать разметку по классике) Еще раз благодарю!

Иванов Константин

Хороший курс, рассказано и объяснено подробно.

Orlean

Несмотря на то, что уже знал и использовал Pug.js перед прохождением курса, нашёл для себя несколько полезных моментов. Спасибо.

Масис Мартиросян

Очень интересно было)

Елена Карпович

Отличный курс, без воды. Спасибо

Любовь Метелкина

Очень хорощий курс для начинающих.

Вероника Акулова

В целом всё понравилось!) Единственный недочёт, на мой взгляд, - это немного не структурирована был работа с разными pug и html файлами в начале курса (до работы над конкретным примером сайта). И настройка gulp в самом начале тоже не совсем понятна была, пришлось самостоятельно с помощью интернета настраивать.

Сергій Пазюк

четко и ясно

Кирилл Белов

класс!

Irana Miriyeva

Spasibo ogromnoe za klassnuyu rabotu, kursi i metod prepodavaniya v tselom! Ranee ya ispolzovala otdelnie skripti PHP i vkladivala headers, footers, configurations i t.d. v skripti vo izbejanie povtoreniya koda. Takje dumala chto navernyaka dinamichniy html mojno razrabotat s pomowyu React (kotoriy ewe ne znayu), no prosmotrev vaw kurs, ya ponala naskolko prosto, legko i effektivno eto sdelat s pomowyu pug. Ochen blagodarna za kurs, xorowo chto vi est! :)

Даниил Шеркожухов

Отличный курс! Спасибо

Гульзат Элебесова

Спасибо Вам большое. Очень полезный курс

Александр Абаничев

Нормально

Николай Маслий

Интересный курс, особенно подойдет новичкам, которые не могут читать документацию. Но и остальные могут найти в этом курсе полезные штуки. Благодарю курсу я наконец разобрался как работает extends, как создавать свои шаблоны, более сложные миксины и т.д

Константин Мирошин

Интересный способ работы с языком вёрстки...

Чынгыз Акматов

Очень полезный курс! Все что нужно для новичка. Спасибо автору за труд.

Ирина Налетова

Отличный курс! То, что раньше у меня не получалось, после этого курса получилось !!! Не понимала как работать с Gulp и что такое шаблонизатор. Теперь это моя любимая тема и верстку делаю теперь намного проще и быстрее !!! Ребятам спасибо за такие курсы! Двигаемся дальше!

Николай Титов

Очень нужный и полезный, по моему мнению, курс.

Viktor Petrichenko

Понятный и быстрый курс!

Ксения Астахова

Хороший и быстрый курс. Правда пропущены моменты по созданию своих фильтров и интерполяции и экранированию.

Никита Вампилов

Отличный курс!

Лариса Лысоченко

Полезный курс. Рассказано доступно и понятно. Спасибо!

Alex B

Отлично!

Вячеслав Баженов

очень познавательно

student_JUM3G_Ac

курс очень хороший, очень легок к восприятию

Евгений Катасонов

Спасибо, все понравилось ! Жду еще курсов от вас !)

student_8vsRa_2i

Отлично! Много интересного узнал по верстке сайтов. Короткие уроки, все доходчиво и понятно.

Начать обучение

Преподаватель

Course Author
Михаил Непомнящий

О преподавателе курса

  • Профессиональный практик-преподаватель
  • По образованию - прикладной информатик
  • Работал и сотрудничал с крупными международными и российскими образовательными проектами

"Преподаю людям разных возрастов - от 8-ми лет до 60-ти. Любимая дисциплина - создание web-сайтов.

При создании обучающих видео стараюсь дать максимум полезной информации, при этом руководствуюсь принципом эффективности - без "воды" и "растеканию по дереву". Каждая минута видео уроков пройдет для Вас с пользой!"

Видеоуроки: 18


Продолжительность: ~2 часа