overview

Intro

• combination of data and layout

• data and presentation are seperate

• usually used to format repeating item

Before Templating

var htmlStr = "<div class='cardInfo'>" +
  "<div>" + person.Name + "</div>" +
  "<div>" + person.Phone + "</div>" +
  "<div>" + person.Address + "</div>" +
  "</div>";

SPecify placeholders dont worry about syntax

twitter

Quick Survey of JS Templating

• jQuery Templating

• Mustache

• Handlebars

• Backend Servers often have templating

  • ejx, pug, jade and node

  • python flask and jinja2

  • ruby on rails

  • php