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 |