JsRender Fundamentals


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level



Overview/Description
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.

Target Audience
Web Developers who want to use the JsRender templating framework

Prerequisites
None

Expected Duration (hours)
1.9

Lesson Objectives

JsRender Fundamentals

  • start the course
  • explore the JsRender environment
  • understand the relationship between JsRender, JSON data and HTML design
  • set up JsRender
  • insert data with JsRender
  • work with the JsRender If Else tag
  • use the If Else tag of JsRender with templates and #index
  • use the If Else tag of JsRender and Click event with jQuery
  • use the If Else tag of JsRender and Click event without jQuery
  • understand how to access data with the For tag of JsRender
  • work with arrays using the For tag of JsRender
  • access data with the For tag of JsRender
  • loop through multiple objects with JsRender
  • compile JsRender templates
  • compile JsRender templates from a string
  • compile multiple JsRender templates
  • compile named JsRender templates
  • toggle JsRender templates
  • work with JsRender data paths
  • display JSON data within JsRender templates and make use of the if and for statements
  • Course Number:
    sl_jsrd_a01_it_enus

    Expertise Level
    Beginner