Autoplay
Autocomplete
Speed
Previous Lecture
Complete and Continue
Speed up your HTML Creation with Pug
Pug Tutorial
Pug Tutorial - Preliminaries. Install Visual Studio Code, Nodejs, and Pug (4:05)
Lesson 1 - Create your first Pug file; Basic Pug syntax; Compiling to HTML (7:16)
Lesson 2 - More Pug syntax; Multi line content; Classes, IDs and attributes (5:46)
Lesson 3 - Assignment: Create a more complete index file (1:52)
Lesson 4 - Go through assignment (5:59)
Lesson 5 - Emmet in Pug (6:25)
Lesson 6 - Including files (6:16)
Lesson 7 - Extends and blocks (7:29)
Assignment - Create other pages (1:15)
Lesson 8 - JavaScript in Pug: Variables (5:09)
Lesson 9 - JavaScript: Arrays, Objects and Iteration (4:27)
Lesson 10 - Mixins (3:30)
Lesson 11 (1) - Go through final project: Static Pug file (3:21)
Lesson 11 (2) - Go through final project: Includes, Extends, Blocks (3:59)
Lesson 11 (3) - Go through final project: Mixins, Data, Iteration and Tidy Up (6:48)
Lesson 11 (1) - Go through final project: Static Pug file
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock