javascript-templating/index.html at master · smerth/javascript-templating · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Javascript Templating</title>
    <script type="text/javascript" src="/bower_components/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="/bower_components/jquery/dist/jquery.min.map"></script>
    <script type="text/javascript" src="/bower_components/jquery-load-template/dist/jquery.loadTemplate-1.5.7.min.js"></script>
    <link rel="stylesheet" href="">
</head>

<body>
    <h1>Javascript Templating</h1>
    <ul>
        <h1>jQuery Template</h1>
        <p><a href="https://github.com/BorisMoore/jquery-tmpl">jQuery Template</a> is used in this tutorial but has been superseded by <a href="http://www.jsviews.com/#jsrender">jsRender</a> which is itself one option in a suite of templating libraries.</p>
        <li><a href="./02_jqTempl/SimpleTemplate_finished.html">jQuery Template - Simple Template</a></li>
        <li><a href="./02_jqTempl/ExternalTemplate_finished.html">jQuery Template - External Template</a></li>
        <li><a href="./02_jqTempl/Formatters_finished.html">jQuery Template - Formatters</a></li>
        <li><a href="./02_jqTempl/PagingTemplate_finished.html">jQuery Template - Paging Template</a></li>
        <li><a href="./02_jqTempl/BindAttribs_finished.html">jQuery Template - Binding Attributes</a></li>
    </ul>
    <ul>
        <h1>Mustache</h1>
        <p>Get Mustche.js <a href="https://mustache.github.io">Here</a>.</p>
        <li><a href="./03_mustache/SimpleMustache_finished.html">Mustache - Simple Template</a></li>
        <li><a href="./03_mustache/MustacheSections_finished.html">Mustache - Sections</a></li>
        <li><a href="./03_mustache/ConditionalMustache_finished.html">Mustache - Conditional Templates</a></li>
        <li><a href="./03_mustache/MustacheFuncs_finished.html">Mustache - Functions</a></li>
    </ul>
    <ul>
        <h1>Handlebars</h1>
        <p>Get Handlebars.js <a href="http://handlebarsjs.com">Here</a>.</p>
        <li><a href="./04_handlebars/HandlebarsSimple_finished.html">Handlebars - Simple Template</a></li>
        <li><a href="./04_handlebars/HandlebarsCond_finished.html">Handlebars - Conditionals and Loops</a></li>
        <li><a href="./04_handlebars/HandlebarsHelp_finished.html">Hanlebars - Using Helpers</a></li>
        <li><a href="./04_handlebars/HandlebarsPreComp_finished.html">Handlebars - Precomiling Templates</a></li>
    </ul>
    <ul>
        <h1>Dust</h1>
        <p>Go <a href="http://www.dustjs.com/guides/setup/">here</a> to start working with dust.js</p>
        <li><a href="./05_dust/SimpleDust_finished.html">Dust - Simple Template</a></li>
        <li><a href="./05_dust/DustSections_finished.html">Dust - Sections</a></li>
        <li><a href="./05_dust/DustContext_finished.html">Dust - Sections with Paths and Contexts</a></li>
        <li><a href="./05_dust/DustHelpers_finished.html">Dust - Helpers</a></li>
    </ul>
    <ul>
        <h1>External Data and Handlebars</h1>
        <li><a href="./06_github_json_handlebars">Github JSON</a></li>
    </ul>
</body>

</html>