Курс Шаблонизатор 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.

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

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

04.06.2022
Anastasiia Sheshenia

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

04.05.2022
Пётр Колосов

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

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

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

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

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

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

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

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

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

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

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

08.05.2021
Orlean

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

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

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

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

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

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

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

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

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

29.09.2020
Сергій Пазюк

четко и ясно

11.09.2020
Кирилл Белов

класс!

10.09.2020
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! :)

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

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

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

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

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

Нормально

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

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

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

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

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

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

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

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

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

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

06.04.2020
Viktor Petrichenko

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

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

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

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

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

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

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

04.11.2019
Alex B

Отлично!

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

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

25.08.2019
student_JUM3G_Ac

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

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

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

12.04.2019
student_8vsRa_2i

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

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

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

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

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

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

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

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

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


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