| 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 |