JSRender

16
USING JSRENDER WITH JAVASCRIPT AND HTML DRAKE

description

using jsrender with javascript and html

Transcript of JSRender

Page 1: JSRender

USING JSRENDER

WITH JAV

ASCRIPT AND

HTML

DRAKE

Page 2: JSRender

WHY TEMPLATES?

Page 3: JSRender

JSRENDER – JQUERY VERSION//Define template//Define template

//Client//Client

Page 4: JSRender

RENDERING A TEMPLATE REQUIRES THREE ASPECTS• Template• Data• Container

Page 5: JSRender

JSRENDER – PURE JAVASCRIPT

Page 6: JSRender

RENDERING TEMPLATES - 1

Page 7: JSRender

RENDERING TEMPLATES - 2

Page 8: JSRender

RENDERING TEMPLATES - 3

Page 9: JSRender

JSRENDER FUNDAMENTALS

Page 10: JSRender

EXAMPLE

Page 11: JSRender

DRILLING INTO HIERARCHICAL DATA

Page 12: JSRender

CONDITIONALS, EXPRESSIONS AND OPERATORS

Page 13: JSRender

USING COUNTERS AND COMPLEX CONDITIONAL EXPRESSIONS

Page 14: JSRender

ITERATE MULTIPLE ARRAYS TOGETHER

Page 15: JSRender

NESTED TEMPLATES

Page 16: JSRender

REFERENCEArticlehttp://msdn.microsoft.com/en-us/magazine/hh882454.aspxGithub Projecthttps://github.com/BorisMoore/jsrender