Handlebars JS Training Course, Part 2

Handlebars JS Training Course, Part 2

August 6, 2016

In part 1, after we got started we created our first Handlebars template and then got to know the Handlebars.compile() function. We wrapped up by learning about the {{#each}} helper. In part 2, we begin by adding some CSS - so our layout stands out a bit. We then explore the {{#if}} helper and the {{#unless}} helper. The 8th video in the series covers a ton of ground as we spin up a Gulp server, move our data from a Javascript object to a separate JSON file and Ajax it on to our page.

Videos

05 Handlebars training: Styling it up

Adding the necessary CSS to our project in order for it to not look like utter garbage.

06 Handlebars training: If/Else Helper

Start adding conditional logic to our logic-less Handlebars templates.

07 Handlebars training: Unless Helper

More conditional logic to our Handlebars template.

08 Handlebars training: JS to JSON

Gulp, local servers, Ajax, and JSON.

Stay tuned, the next few videos are on their way. I’ll be going over how to work with data that isn’t so flat, the {{#when}} helper, and custom helpers!

Mastering CSS: Book by Rich Finelli
Mastering CSS, the Book! Flexbox, Layout, Animations, Responsive, Retina, and more!
Mastering CSS, 2nd Edition, video course by Rich Finelli
Mastering CSS, Second Edition: 47 videos on how to make websites like a boss! Flexbox, Animations, Responsive, Retina, and more!
Back to top