Coursera Plus Annual is 40% Off — Ends June 29.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Pug Template Engine - Full Tutorial for Beginners

via freeCodeCamp

Start learning Write review
Coursera Ad

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Learn More → Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More →

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
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

Reviews

5.0 rating, based on 1 Class Central review

Start your review of Pug Template Engine - Full Tutorial for Beginners

  • Zia Ullah
    2
    its one of best and simple course on pug, i highly recommended this course to anyone who want to understand how pug template engine works.
Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.