Course “HTML: Preprocessor Pug”
Course updated on July 24, 2023
Access this and all courses with a subscription
What's included
Description
The course is devoted to the Pug HTML preprocessor, the main purpose of which is to speed up development and facilitate work with application structure. Pug allows you to add new functionality to page layout: plugins and files, templates, mixins, interaction with JS. This allows you to optimize your work with the layout and reduce the number of errors in it.
You will learn
- Mark up the page using Pug syntax
- Include files and plugins
- Use JavaScript to add logic to compile a template
- Create mixins to reuse code snippets
Syllabus
1 | Introduction Learning about the goals and structure of the course |
2 | Installation Installing the Pug preprocessor and compiling the first file |
3 | Tags and content Learning to add tags, attributes, and content with Pug |
4 | Connecting files Learning how to connect Pug files and work with additional modules that allow you to process data in different formats |
5 | JavaScript Learning to use JavaScript in the preprocessor, to work with interpolating variables and expressions, and add buffered and unbuffered code |
6 | Conditional constructions Learning about the conditional constructs (if, else, unless) |
7 | Cycles Learning how to loop through arrays and objects using Pug loops |
8 | Mixins Learning how to create mixins to reuse a layout within Pug |
Challenges
1 | Multilingual |
Recommended programs
- Run code right in the browser
- Lifetime access
- Learn at your own pace
Access this and all courses with a subscription