Прокачайте свои навыки по HTML, освоив современный инструмент веб-разработки Pug (ранее jade). Умение работать с шаблонизатором может очень пригодится профессиональным фронтэндерам при выполнении заказов и проектов или при найме на работу для выполнения тестовых заданий и соответствия требованиям по списку необходимых навыков.
Pug — это препроцессор HTML и шаблонизатор, который был написан на JavaScript для Node.js.
Скорость в работе - это один из важнейших факторов. Заказчики и работодатели хотят, чтобы работа была выполнена качественно и быстро. Появляются разные инструменты-ускорители, один из них: Шаблонизатор Pug/jade - современный ускоритель для HTML.
Pug отличается синтаксисом от HTML и позволяет не делать типичных ошибок, которые можно встретить в обычном HTML. При этом Pug значительно ускорит верстку, в том числе за счет многократного использования одних и тех же частей кода. Более того и править такой код в дальнейшем будет намного проще.
Этот курс для веб-разработчиков и всех желающих освоить современный инструмент верстки сайтов. Если вы связываете свою карьеру с web-разработкой, то Pug вам обязательно пригодится!
ЧЕМУ ВЫ НАУЧИТЕСЬ
Основам работы с шаблонизатором Pug на реальных примерах
Научитесь писать вёрстку на шаблонизаторе Pug (jade), создавать независимые блоки кода для импорта и последующей модификации на любые страницы
Использовать переменные, условия-возможности, также включать расширенный функционал с помощью вложенных страниц, шапки, подвалы, файлы конфигурации и многое-многое другое
Научитесь использовать шаблон, дополнять его, расширять и т.д.
Познакомитесь с миксинами, заметно упрощающими однотипное наполнение сайта
Увидите, как использовать возможности других языков вместе с языком Pug, таких как препроцессоры CSS
Также узнаете о возможностях языка JavaScript, которые сделали Pug поистине потрясающим инструментом современного фронтенд-разработчика
Создадите большой макет с разными фишками - переменными, условиями, с подключениями других блоков на сайт, с использованием миксинов, где это было нужно. С использованием конфигурационного файла, дополнения этого файла, изменений и прочих нюансов.
Посмотреть больше
Урок 1.00:02:13
1.1 Введение
Урок 2.00:13:47
1.2 Настройка среды разработки для Pug
Урок 3.00:07:54
2.1 Быстрые теги HTML и вложенность
Урок 4.00:07:30
2.2 Работа с текстом внутри тегов
Урок 5.00:03:42
2.3 Быстрое добавление классов и идентификаторов
Урок 6.00:06:07
2.4 Расширенная работа с атрибутами
Урок 7.00:04:30
2.5 Создание базовой структуры HTML-документа
Урок 8.00:10:49
3.1 Создание родительских и дочерних шаблонов
Урок 9.00:07:03
3.2 Добавления в блоки - в конец и в начало
Урок 10.00:13:28
3.3 Переменные и условия для конфигурации шаблона
Урок 11.00:07:48
3.4 Обновление конфигурации для каждой страницы
Урок 12.00:05:43
4.1 Добавление строчного JS или CSS
Урок 13.00:04:48
4.2 Использование языковых фильтров
Урок 14.00:03:15
4.3 Подключение внешнего HTML
Урок 15.00:07:19
5.1 Возможности JavaScript
Урок 16.00:09:44
5.2 Использование миксинов. Пример со слайдером
Урок 17.00:08:49
5.3 Меню с использованием миксина
Урок 18.00:01:28
6.1 Подведение итогов
Автор - beonmax.com
beonmax.com
beONmax – образовательная онлайн платформа для обучения во всех областях и направлениях IT и WEB – онлайн курсы по созданию сайтов, верстке и программированию, дизайну и веб-дизайну, продвижению и заработку и многому другому от лучших авторов-экспертов IT/Web. Проект beONmax создан в 2018 году и активно развивается. Наша команда — это профессионалы своего дела, следуя нашей миссии мы стремимся сделать проект лучше, чтобы обучение было для вас увл
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.