Pug Template Engine – Full Tutorial for Beginners

  • Post comments:0 Comments



Pug (formally known as Jade) is an HTML preprocessor implemented in Node.js. It allows you to render HTML with powerful features such as loops, templates, mixins and native JavaScript logic + support.

Learn how to use Pug in this complete course.

🔗For your reference, check this out:
https://pugjs.org/api/getting-started.html

⭐️ Course Contents ⭐️
⌨️ (0:00) 1. Getting Started | HTML + NodeJS
⌨️ (4:29) 2. The Basics (Doctypes + HTML Tags)
⌨️ (10:32) 3. IDs and Classes
⌨️ (14:23) 4. Attributes (and Advanced Attribute Features)
⌨️ (24:12) 5. Using CSS (Stylesheets)
⌨️ (30:33) 6. For/Each Loop – Iterate over Arrays and Objects
⌨️ (38:15) 7. Conditionals | If/Else Statements
⌨️ (45:25) 8. Case Statement | Switch Statement
⌨️ (50:20) 9. Includes Statement | Including other Pug files
⌨️ (55:37) 10. Mixins | Reusable blocks of code

🎥Tutorial by dcode. Check out the dcode channel for more great tutorials: https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g

🐦dcode on Twitter: @ dcodeyt

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

source

Leave a Reply