Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
PUG Template Engine Master Course
Rating: 3.8 out of 5(52 ratings)
187 students

PUG Template Engine Master Course

Make HTML Fun Again! Node JS Template Engine
Last updated 9/2017
English

What you'll learn

  • You will learn everything about PUG
  • How to compile PUG to html
  • How to use PUG for your Node JS project

Course content

1 section13 lectures1h 27m total length
  • Introduction2:22

    Explore the pug template engine, learn its syntax and features, and set up a local workflow to start writing clean, error-free templates.

  • Indentation is very important3:31

    Emphasizes indentation as a core rule in pug, showing how nesting tags like head, title, and body with a paragraph yields valid html. Demonstrates how consistent indentation keeps code clean.

  • writing html tags5:04
  • Buffered and Unbuffered5:21
  • writting attibutes5:42
  • comments2:44

    Learn how to document your Pug templates with comments that help developers communicate without exposing notes in HTML, using // for visible comments and //- for hidden dev-only notes.

  • conditionals4:03

    Learn how to use conditionals in Pug templates by evaluating variables like user login status to display messages with if, else, and else if, making the page dynamic.

  • Interpolation6:44
  • Loops5:10
  • mixings6:48

    Create and reuse mixins in pug by defining a mixin with arguments, printing links, using rest parameters, and iterating with each to render names.

  • How to run pug locally16:40

    Set up your local environment to run pug by installing node and npm, installing gulp and gulp-pug, and using browsersync for live reload while compiling pug to HTML.

  • Includes7:17

    Discover how to use includes in the Pug template engine: create a shared header in views, and include it across pages for consistent, maintainable layouts.

  • Extending layouts16:05

    Learn how to create and extend layouts in Pug by defining blocks such as content, title, and footer, and using extends to compose pages with a shared header and footer.

Requirements

  • Some experience with HTML
  • You should be comfortable with using a computer

Description

Learn how to write html with the pug template engine and make your work flow faster. Also when you learn pug you can use it for node js as your main template engine. Pug used to be known as jade but for legal reasons they decide it to rename it pug. Learn how to write loops, render template on node js, and export it to html.

Who this course is for:

  • All levels of developers from beginner to experts
  • Anyone who is bored with html and want to make it fun again!