| OLD | NEW |
| 1 --- | 1 --- |
| 2 layout: default | 2 layout: default |
| 3 title: "Target 6: Get Started with Web UI" | 3 title: "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 next: templates | 8 next: templates |
| 9 next-title: "Use <template>" | 9 next-title: "Use Templates" |
| 10 prev: packages | 10 prev: shared-pkgs |
| 11 prev-title: "Install Shared Packages" | 11 prev-title: "Install Shared Packages" |
| 12 --- | 12 --- |
| 13 | 13 |
| 14 {% capture whats_the_point %} | 14 {% capture whats_the_point %} |
| 15 | 15 |
| 16 * Web UI is an open-source package. | 16 * Web UI is an open-source package. |
| 17 * Web UI provides web components for Dart apps. | 17 * Web UI provides web components for Dart apps. |
| 18 * Other features support separation of data and presentation. | 18 * Other features support separation of data and presentation. |
| 19 * Compile Web UI apps automatically in Dart Editor. | 19 * Compile Web UI apps automatically in Dart Editor. |
| 20 * Use data binding to sync Dart variables and UI elements. | 20 * Use data binding to sync Dart variables and UI elements. |
| (...skipping 18 matching lines...) Expand all Loading... |
| 39 <li> | 39 <li> |
| 40 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web
/target06/stopwatch" | 40 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web
/target06/stopwatch" |
| 41 target="_blank">stopwatch</a> | 41 target="_blank">stopwatch</a> |
| 42 </li> | 42 </li> |
| 43 </ul> | 43 </ul> |
| 44 | 44 |
| 45 {% endcapture %} | 45 {% endcapture %} |
| 46 | 46 |
| 47 {% capture content %} | 47 {% capture content %} |
| 48 | 48 |
| 49 <div class="tute-target-title"> |
| 50 <h1>{{page.title}}</h1> |
| 51 <h3>Declaratively create dynamic user interfaces.</h3> |
| 52 </div> |
| 53 |
| 49 <hr> | 54 <hr> |
| 50 | 55 |
| 51 <aside class="alert" style="background-color:Lavender;color:SlateBlue"> | 56 <aside class="alert" style="background-color:Lavender;color:SlateBlue"> |
| 52 <font size="24"> | 57 <font size="24"> |
| 53 <i class="icon-bullhorn"> </i> | 58 <i class="icon-bullhorn"> </i> |
| 54 </font> | 59 </font> |
| 55 | 60 |
| 56 The Dart Web UI team recently | 61 The Dart Web UI team recently |
| 57 <a href="https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/6laXXxR
tA7k">announced</a> | 62 <a href="https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/6laXXxR
tA7k">announced</a> |
| 58 a port of the Polymer project: | 63 a port of the Polymer project: |
| (...skipping 501 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 560 Sigmund Cherem's article, | 565 Sigmund Cherem's article, |
| 561 <a href="/articles/dart-web-components/">Web UI Package</a>, | 566 <a href="/articles/dart-web-components/">Web UI Package</a>, |
| 562 contains several interactive examples on the page | 567 contains several interactive examples on the page |
| 563 and the corresponding source code. | 568 and the corresponding source code. |
| 564 </li> | 569 </li> |
| 565 </ul> | 570 </ul> |
| 566 | 571 |
| 567 {% endcapture %} | 572 {% endcapture %} |
| 568 | 573 |
| 569 {% include tutorial.html %} | 574 {% include tutorial.html %} |
| OLD | NEW |