YoVDO

Pug Template Engine - Full Tutorial for Beginners

Offered By: freeCodeCamp

Tags

Software Development Courses Computer Science Courses Web Development Courses Node.Js Courses HTML Courses

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 Service
University 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