| OLD | NEW |
| 1 --- | 1 --- |
| 2 layout: default | 2 layout: default |
| 3 title: "Target 6: Get Started with Web UI" | 3 title: "Target 6: Get Started with Web UI" |
| 4 description: "Web UI provides web components, templates, data binding, and encap
sulation." | 4 description: "Web UI provides web components, templates, data binding, and encap
sulation." |
| 5 has-permalinks: true | 5 has-permalinks: true |
| 6 tutorial: | 6 tutorial: |
| 7 id: get-started-web-ui | 7 id: get-started-web-ui |
| 8 --- | 8 --- |
| 9 | 9 |
| 10 {% capture whats_the_point %} | 10 {% capture whats_the_point %} |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 47 <aside class="alert" style="background-color:Lavender;color:SlateBlue"> | 47 <aside class="alert" style="background-color:Lavender;color:SlateBlue"> |
| 48 <font size="24"> | 48 <font size="24"> |
| 49 <i class="icon-bullhorn"> </i> | 49 <i class="icon-bullhorn"> </i> |
| 50 </font> | 50 </font> |
| 51 | 51 |
| 52 The Dart Web UI team recently | 52 The Dart Web UI team recently |
| 53 <a href="https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/6laXXxR
tA7k">announced</a> | 53 <a href="https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/6laXXxR
tA7k">announced</a> |
| 54 a port of the Polymer project: | 54 a port of the Polymer project: |
| 55 <a href="http://pub.dartlang.org/packages/polymer">polymer.dart</a>. | 55 <a href="http://pub.dartlang.org/packages/polymer">polymer.dart</a>. |
| 56 | 56 |
| 57 Here are a few samples that we've converted to Polymer so far: | 57 We've converted most of the tutorial Web UI examples and compiled some |
| 58 <a href="https://github.com/dart-lang/dart-tutorials-samples/blob/master/web/t
o-polymer-notes.txt" target="_blank">notes</a> |
| 59 along the way. |
| 60 Here is the source code for the polymer versions of the three examples from th
is target: |
| 58 <ul> | 61 <ul> |
| 59 <li> | 62 <li> |
| 60 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/w
eb/target06-polymer/littleben" | 63 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/w
eb/target06-polymer/littleben_element" |
| 61 target="_blank">littleben</a> | 64 target="_blank">littleben_element</a>: version of littleben using a cus
tom element |
| 65 </li> |
| 66 <li> |
| 67 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/w
eb/target06-polymer/littleben_model" |
| 68 target="_blank">littleben_model</a>: version of littleben with a bound
model |
| 62 </li> | 69 </li> |
| 63 <li> | 70 <li> |
| 64 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/w
eb/target06-polymer/shout" | 71 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/w
eb/target06-polymer/shout" |
| 65 target="_blank">shout</a> | 72 target="_blank">shout</a> |
| 66 </li> | 73 </li> |
| 67 <li> | 74 <li> |
| 68 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/w
eb/target06-polymer/stopwatch" | 75 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/w
eb/target06-polymer/stopwatch" |
| 69 target="_blank">stopwatch</a> | 76 target="_blank">stopwatch</a> |
| 70 </li> | 77 </li> |
| 71 </ul> | 78 </ul> |
| (...skipping 495 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 567 </a> | 574 </a> |
| 568 </div> | 575 </div> |
| 569 <div class="span3"> | 576 <div class="span3"> |
| 570 <a href="/docs/tutorials/templates/" class="pull-right">Use <template> <
i class="icon-chevron-right"> </i> </a> | 577 <a href="/docs/tutorials/templates/" class="pull-right">Use <template> <
i class="icon-chevron-right"> </i> </a> |
| 571 </div> | 578 </div> |
| 572 </div> | 579 </div> |
| 573 | 580 |
| 574 {% endcapture %} | 581 {% endcapture %} |
| 575 | 582 |
| 576 {% include tutorial.html %} | 583 {% include tutorial.html %} |
| OLD | NEW |