Pug has some great features including a clean shorthand for writing HTML markup, templating logic, and the ability to write inline JavaScript.

In this tutorial we will be working with a templating engine named Pug, which changed its name from Jade recently after it was learned that Jade was already a registered trademark. Each has its own strengths, syntax, logic, and methods of handling data injection. There are lots of different templating engines that work with JavaScript including Mustache, Handlebars, EJS, and Pug to name just a few. To do this, we need to use a templating engine to render our dynamic data to the page. So, rather than serving a “hard-coded” html page, we are going to inject dynamic information into the page when it is served. Dynamic content is content that is generated at the time you request the page. Now let’s start making things a little more interesting by serving up some dynamic content. In the previous post we served up some static content. Lit-html is pretty well known and designed to work with the polymer web component framework.This post is part of a Node.js series and is a continuation of my last post, Serving Static Content with Node.js and Express. If you need more functionality than basic templating there are some really light and fast frameworks which use template literals. ` Using template literals with JS frameworks You can include new lines: const message = `Hello World` message = 'Hello World'

Template Literals are a really nice JavaScript feature you may not have used much yet, they look a bit like strings: const message = `Hello World` message = 'Hello World' In this post I will introduce the JavaScript syntax for templating and then show how it can be used in the real world for sanitising HTML and introducing some of the frameworks which use template literals for their templating. Modern JavaScript has templating syntax built in which can use for all kinds of purposes including composing HTML. There are many templating languages used in the web such as handlebars, Pug, Vue and JSX these are primarily used for composing HTML. HTML in the Web is often made of reusable components, composed by templates, making it convenient to edit the different parts that make up a website. HTML and Templates & JavaScript Template Literals

Passing function into pug template