Dive into a comprehensive tutorial on the Pug template engine, formerly known as Jade, implemented in Node.js. Master HTML preprocessing with powerful features like loops, templates, mixins, and native JavaScript logic. Begin with the basics of HTML and Node.js, then progress through doctypes, tags, IDs, classes, and advanced attribute features. Learn to incorporate CSS stylesheets, iterate over arrays and objects using For/Each loops, and implement conditionals with If/Else statements. Explore case statements, include other Pug files, and create reusable blocks of code with mixins. Perfect for beginners, this 1-2 hour course covers everything needed to render HTML efficiently using Pug.
Overview
Syllabus
) 1. Getting Started | HTML + NodeJS.
) 2. The Basics (Doctypes + HTML Tags).
) 3. IDs and Classes.
) 4. Attributes (and Advanced Attribute Features).
) 5. Using CSS (Stylesheets).
) 6. For/Each Loop - Iterate over Arrays and Objects.
) 7. Conditionals | If/Else Statements.
) 8. Case Statement | Switch Statement.
) 9. Includes Statement | Including other Pug files.
) 10. Mixins | Reusable blocks of code.
Taught by
freeCodeCamp.org
