JsRender Fundamentals

Course details

JsRender is a JavaScript templating framework for rendering HTML dynamically. In this course, you'll explore how to get started with JsRender, how to work with If Else and For tags, how to compile templates, and how to use paths for rendering data.

• Topic T2 Objective O3
• start the course
• Topic T6 Objective O7
• explore the JsRender environment
• Topic T10 Objective O11
• understand the relationship between JsRender, JSON data and HTML design
• Topic T15 Objective O16
• set up JsRender
• Topic T19 Objective O20
• insert data with JsRender
• Topic T24 Objective O25
• work with the JsRender If Else tag
• Topic T28 Objective O29
• use the If Else tag of JsRender with templates and #index
• Topic T32 Objective O33
• use the If Else tag of JsRender and Click event with jQuery
• Topic T36 Objective O37
• use the If Else tag of JsRender and Click event without jQuery
• Topic T41 Objective O42
• understand how to access data with the For tag of JsRender
• Topic T45 Objective O46
• work with arrays using the For tag of JsRender
• Topic T49 Objective O50
• access data with the For tag of JsRender
• Topic T53 Objective O54
• loop through multiple objects with JsRender
• Topic T58 Objective O59
• compile JsRender templates
• Topic T62 Objective O63
• compile JsRender templates from a string
• Topic T66 Objective O67
• compile multiple JsRender templates
• Topic T70 Objective O71
• compile named JsRender templates
• Topic T74 Objective O75
• toggle JsRender templates
• Topic T79 Objective O80
• work with JsRender data paths
• Topic T113 Objective O114
• display JSON data within JsRender templates and make use of the if and for statements