Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(628)

Side by Side Diff: src/site/docs/tutorials/templates/index.markdown

Issue 19621005: linked to new polymer examples (Closed) Base URL: https://github.com/dart-lang/dartlang.org.git@master
Patch Set: kw tweaks Created 7 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 --- 1 ---
2 layout: default 2 layout: default
3 title: "Target 7: Use <template>" 3 title: "Target 7: Use <template>"
4 description: "Use template loops and conditionals for declarative UI creation." 4 description: "Use template loops and conditionals for declarative UI creation."
5 has-permalinks: true 5 has-permalinks: true
6 tutorial: 6 tutorial:
7 id: web-ui-templates 7 id: web-ui-templates
8 --- 8 ---
9 9
10 {% capture whats_the_point %} 10 {% capture whats_the_point %}
(...skipping 21 matching lines...) Expand all
32 <li> 32 <li>
33 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web /target07/hangman" 33 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web /target07/hangman"
34 target="_blank">hangman</a> 34 target="_blank">hangman</a>
35 </li> 35 </li>
36 </ul> 36 </ul>
37 37
38 {% endcapture %} 38 {% endcapture %}
39 39
40 {% capture content %} 40 {% capture content %}
41 41
42 <hr>
43
44 <aside class="alert" style="background-color:Lavender;color:SlateBlue">
45 <font size="24">
46 <i class="icon-bullhorn"> </i>
47 </font>
48
49 The Dart Web UI team recently
50 <a href="https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/6laXXxR tA7k">announced</a>
51 a port of the Polymer project:
52 <a href="http://pub.dartlang.org/packages/polymer">polymer.dart</a>.
53
54 We've converted most of the tutorial Web UI examples and compiled some
55 <a href="https://github.com/dart-lang/dart-tutorials-samples/blob/master/web/t o-polymer-notes.txt" target="_blank">notes</a>
56 along the way.
57 Here is source code for the polymer versions of the three examples from this t arget:
58 <ul>
59 <li>
60 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/w eb/target07-polymer/adlibitum"
61 target="_blank">adlibitum</a>
62 </li>
63 <li>
64 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/w eb/target07-polymer/simplehangman"
65 target="_blank">simplehangman</a>
66 </li>
67 <li>
68 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/w eb/target07-polymer/hangman"
69 target="_blank">hangman</a>
70 </li>
71 </ul>
72 </aside>
73
74 <hr>
75
42 The Web UI package implements the &lt;template&gt; tag, 76 The Web UI package implements the &lt;template&gt; tag,
43 which you can use directly in your HTML. 77 which you can use directly in your HTML.
44 Templates define UI elements that are instantiated 78 Templates define UI elements that are instantiated
45 only under specific circumstances. 79 only under specific circumstances.
46 You can use templates to define the structure of a custom element, 80 You can use templates to define the structure of a custom element,
47 to instantiate UI elements based on a boolean condition, 81 to instantiate UI elements based on a boolean condition,
48 or to repeat UI elements by iterating over a Dart Iterable object. 82 or to repeat UI elements by iterating over a Dart Iterable object.
49 83
50 This target covers 84 This target covers
51 template conditionals and loops, 85 template conditionals and loops,
(...skipping 258 matching lines...) Expand 10 before | Expand all | Expand 10 after
310 </div> 344 </div>
311 <div class="span3"> 345 <div class="span3">
312 <a href="/docs/tutorials/custom-elements/" class="pull-right">Define a Custom DOM Tag <i class="icon-chevron-right"> </i> </a> 346 <a href="/docs/tutorials/custom-elements/" class="pull-right">Define a Custom DOM Tag <i class="icon-chevron-right"> </i> </a>
313 </div> 347 </div>
314 </div> 348 </div>
315 349
316 350
317 {% endcapture %} 351 {% endcapture %}
318 352
319 {% include tutorial.html %} 353 {% include tutorial.html %}
OLDNEW
« no previous file with comments | « src/site/docs/tutorials/indexeddb/index.markdown ('k') | src/site/docs/tutorials/web-ui/index.markdown » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698