Pug Template Engine - Full Tutorial for Beginners

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=kt3cEjjkCZA


Duration: 1:05:36
160,002 views
0

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



Other Videos By freeCodeCamp.org


2018-08-20Logic for Programmers: Set Theory
2018-08-18Top Contributors 2018 Party in New York City for freeCodeCamp.org
2018-08-17ASP.NET Core 2.0 Gallery App with Azure - Tutorial
2018-08-16The Five Ws of Atomic Design
2018-08-15C Programming Tutorial for Beginners
2018-08-14S3 Operations with AWS Lambda
2018-08-14Answering tricky JavaScript interview questions
2018-08-13React, Node, and the Salesforce API (P5D92) - Live Coding with Jesse
2018-08-13Memory Card Game - JavaScript Tutorial
2018-08-13CSS Shapes & Friends: upgrade your page layouts
2018-08-09Pug Template Engine - Full Tutorial for Beginners
2018-08-09The Dangers of Being a Web Developer
2018-08-08React Routing, Props, and Inputs (P5D91) - Live Coding with Jesse
2018-08-08Learn Java 8 - Full Tutorial for Beginners
2018-08-07Parallax Tutorial - Scrolling Effect using CSS and Javascript
2018-08-07JavaScript Modules Past & Present
2018-08-06React Search Filters (P5D90) - Live Coding with Jesse
2018-08-03Python Django Framework Full Course - Learning with the Docs
2018-08-02Developing for the rest of the world
2018-08-01Build a Calculator with Vue.js
2018-08-01WebAssembly and the Death of JavaScript


Tags:
pug template
pug template engine
jade
jade template engine
node.js
expressjs
nodejs
express.js
pug tutorial
pug course
jade tutorial
jade course
pug temmplate engine tutorial
pug.js
pug.js tutorial