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 next: templates |
| 9 next-title: "Use <template>" |
| 10 prev: packages |
| 11 prev-title: "Install Shared Packages" |
8 --- | 12 --- |
9 | 13 |
10 {% capture whats_the_point %} | 14 {% capture whats_the_point %} |
11 | 15 |
12 * Web UI is an open-source package. | 16 * Web UI is an open-source package. |
13 * Web UI provides web components for Dart apps. | 17 * Web UI provides web components for Dart apps. |
14 * Other features support separation of data and presentation. | 18 * Other features support separation of data and presentation. |
15 * Compile Web UI apps automatically in Dart Editor. | 19 * Compile Web UI apps automatically in Dart Editor. |
16 * Use data binding to sync Dart variables and UI elements. | 20 * Use data binding to sync Dart variables and UI elements. |
17 * Attach event handlers to UI elements in HTML. | 21 * Attach event handlers to UI elements in HTML. |
(...skipping 535 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
553 <a href="/docs/cookbook/#web-ui">Web UI recipes</a>. | 557 <a href="/docs/cookbook/#web-ui">Web UI recipes</a>. |
554 </li> | 558 </li> |
555 <li> | 559 <li> |
556 Sigmund Cherem's article, | 560 Sigmund Cherem's article, |
557 <a href="/articles/dart-web-components/">Web UI Package</a>, | 561 <a href="/articles/dart-web-components/">Web UI Package</a>, |
558 contains several interactive examples on the page | 562 contains several interactive examples on the page |
559 and the corresponding source code. | 563 and the corresponding source code. |
560 </li> | 564 </li> |
561 </ul> | 565 </ul> |
562 | 566 |
563 <hr> | |
564 | |
565 <div class="row"> | |
566 <div class="span3"> | |
567 <a href="/docs/tutorials/packages/"><i class="icon-chevron-left"> </i> Install
Shared Packages</a> | |
568 </div> | |
569 <div class="span3"> | |
570 <a href="http://code.google.com/p/dart/issues/entry?template=Tutorial%20feedback
" | |
571 target="_blank"> | |
572 <i class="icon-comment"> </i> | |
573 Send feedback | |
574 </a> | |
575 </div> | |
576 <div class="span3"> | |
577 <a href="/docs/tutorials/templates/" class="pull-right">Use <template> <
i class="icon-chevron-right"> </i> </a> | |
578 </div> | |
579 </div> | |
580 | |
581 {% endcapture %} | 567 {% endcapture %} |
582 | 568 |
583 {% include tutorial.html %} | 569 {% include tutorial.html %} |
OLD | NEW |