Slide 1

Slide 1 text

@JOHN_PAPA @JOHN_PAPA

Slide 2

Slide 2 text

@JOHN_PAPA

Slide 3

Slide 3 text

@JOHN_PAPA

Slide 4

Slide 4 text

@JOHN_PAPA         

Slide 5

Slide 5 text

@JOHN_PAPA var i = 1; $(movies).each(function () { var movie = this; $("#movieContainer").append( "
" + i++ + ": " + movie.name + " (" + movie.releaseYear + ")
"); });

Slide 6

Slide 6 text

@JOHN_PAPA

Slide 7

Slide 7 text

@JOHN_PAPA

Slide 8

Slide 8 text

@JOHN_PAPA $("#myContainer").html( $("#movieTemplate").render(movies) ); <div>{{:name}}</div> <div>Year Released: {{:releaseYear}}</div>

Slide 9

Slide 9 text

@JOHN_PAPA

Slide 10

Slide 10 text

@JOHN_PAPA Var tmplString = "
{{:firstName}}
"; var myTmpl = $.templates(tmplString); htmlString = myTmpl.render(myData); $("#myDiv").html(htmlString); var htmlString = $("#myTmpl").render(myData); $("#myDiv").html(htmlString);

Slide 11

Slide 11 text

@JOHN_PAPA

Slide 12

Slide 12 text

@JOHN_PAPA {{for employees}}
  • {{/for}}

    Slide 13

    Slide 13 text

    @JOHN_PAPA

    Slide 14

    Slide 14 text

    @JOHN_PAPA {{if expression1}} ... {{/if}} {{if expression1}} {{else expression2}} {{/if}} {{if val1 !== val2}} ... {{/if}} {{: (val1> val2) ? "this" : "that"}}

    Slide 15

    Slide 15 text

    @JOHN_PAPA

    Slide 16

    Slide 16 text

    @JOHN_PAPA      

    Slide 17

    Slide 17 text

    @JOHN_PAPA @JOHN_PAPA