Курс посвящён HTML препроцессору Pug, основной целью которого является ускорение разработки и облегчение работы со структурой приложения. Pug позволяет добавить новую функциональность при разметке страниц: подключение модулей и файлов, шаблонизация, миксины, взаимодействие с JS. Это позволяет оптимизировать работу с вёрсткой и уменьшить количество ошибок в ней.
Чему вы научитесь:
- Размечать страницу с использованием синтаксиса Pug.
- Подключать файлы и дополнительные модули.
- Использовать JavaScript для добавления логики компиляции шаблона.
- Создавать миксины для переиспользования участков кода.
HTML
Pug
Миксины
Последнее обновление:
14 апреля 2021
Уроки курса
-
4
Подключение файлов
Изучить подключение Pug файлов и работу с дополнительными модулями, позволяющие обрабатывать данные в разных форматах -
5
JavaScript
Научиться использовать JavaScript внутри препроцессора и использовать интерполяцию переменных и выражений. Изучить добавление буферизованного и небуферизованного кода. -
6
Условные конструкции
Изучить условные конструкции препроцесса Pug. Научиться использоваться конструкции if, else, unless -
&.
Продолжение следует
Автор
Ключевые навыки: HTML, CSS, JS Frontend.
Много лет работал в аутсорсинговой компании. Развивал клиентские проекты, делал фичи для разных CMS. В основном верстал, готов передать весь опыт вам. Поработав с сотнями проектов, научился выкручиваться даже из самых безнадёжных ситуаций. Помогу освоить вёрстку, чтобы она перестала казаться чем-то страшным.