JavaScript: Templating

Get a look at popular JavaScript template solutions for modern web apps that consume and display data.

JavaScript templates take simple web apps to the next level, keeping your application logic separate from your presentation and your HTML and JS files clean. This course provides a look at popular JavaScript template solutions for modern web apps that consume and display data. Joe Marini reviews four popular templating libraries: JQuery Template, a simple solution that plugs straight into jQuery; Handlebars and Mustache, which provide greater flexibility; and Dust, the templating engine for more complex scenarios.

Introduction

• Welcome
• What you should already know
• Using the exercise files

1. Overview

• What is templating?
• A quick survey of templating engines
• Installing the developer tools

2. jQuery Template

• Getting and using jQuery Template
• Defining templates
• Using formatters
• Binding options and paging

3. Mustache.js

• Overview of Mustache.js
• Simple Mustache templates
• Sections and conditions
• Functions

4. Handlebars.js

• Overview of Handlebars.js
• Simple Handlebars templates
• Conditionals and loops
• Using helpers
• Precompiling templates

5. Dust

• Overview of Dust
• Simple Dust templates
• Sections
• Sections with paths and context
• Helpers

Conclusion

• Goodbye