Pug Template Engine - Full Tutorial for Beginners
Offered By: freeCodeCamp
Course Description
Overview
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.
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
Related Courses
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX