Lesson 4: Using Handlebars.js for HTML Templating
Lesson 4: Using Handlebars.js for HTML Templating
Technologies: JavaScript, HTML, CSS
Lesson Description
In this lesson you learn to generate dynamic HTML using the Handlebars.js library. You learn why you want to use Handlebars and how it is much more efficient than string concatenation. You see demos of using handlebars.js to generate HTML on the fly. Utilize expressions and helpers to manage dynamic content generation. Format the data that will be generated using custom helpers.
Contents
Lesson Objectives 00:00
The Template Element in HTML 00:25
Templating in JavaScript 01:05
The Script Element in HTML 01:32
Using Handlebars.js in JavaScript 01:47
Your First Handlebars.js Page 02:30
DEMO: Manipulate the DOM Using Handlebars.js 03:46
Using the #if Helper in Handlebars.js 05:58
DEMO: Using the #if Helper in Handlebars.js 06:56
Use #if and else Helpers in Handlebars.js 08:16
DEMO: Use #if and else Helpers in Handlebars.js 08:44
Add Multiple Elements to DOM Using Handlebars.js 09:48
DEMO: Multiple Expressions in a Handlebars Template 10:05
Formatting Data Using Handlebars.js 11:40
DEMO: Display Price as Currency Using Handlebars.js 12:37
Lesson Summary 14:46
Helpful Links
Samples and hands-on labs for this course: https://www.pdsa.com/YouTube
JavaScript
https://developer.mozilla.org/en-US/d...
Handlebars.js
https://handlebarsjs.com/
#javascripttemplating #templating #mustache #mustachejs #handlebars #handlebarsjs
#javascript #html #css #javascriptdeveloper #javascripttutorial #javascriptintro #developer #development #web #website #webdeveloper #webprogrammer #pauldsheriff #pluralsight #youtube
Paul.About()
Hello, my name is Paul D. Sheriff and I have a passion for teaching. I have been training developers for over 35 years through books, videos, article, blog posts, and international conferences and user groups.
Paul.Contact()
Website: https://www.pdsa.com
Email: [email protected]
LinkedIn: / paulsheriff
Blog: https://blogs.pdsa.com/
Pluralsight: https://app.pluralsight.com/profile/a...
YouTube Channel: @pauldsheriff