| OLD | NEW |
| 1 --- | 1 --- |
| 2 layout: default | 2 layout: default |
| 3 title: "Target 2: Connect Dart & HTML" | 3 title: "Target 2: Connect Dart & HTML" |
| 4 description: "Shows basic scaffolding of a Dart web app" | 4 description: "Shows basic scaffolding of a Dart web app" |
| 5 has-permalinks: true | 5 has-permalinks: true |
| 6 tutorial: | 6 tutorial: |
| 7 id: connect-dart-html | 7 id: connect-dart-html |
| 8 next: add-elements |
| 9 next-title: "Add Elements to the DOM" |
| 10 prev: get-started |
| 11 prev-title: "Get Started" |
| 8 --- | 12 --- |
| 9 | 13 |
| 10 {% capture whats_the_point %} | 14 {% capture whats_the_point %} |
| 11 | 15 |
| 12 * The DOM models a browser page in a tree/node structure. | 16 * The DOM models a browser page in a tree/node structure. |
| 13 * An HTML file hosts your Dart code in a browser page. | 17 * An HTML file hosts your Dart code in a browser page. |
| 14 * Use query() with an ID to get an element from the DOM. | 18 * Use query() with an ID to get an element from the DOM. |
| 15 * Control run-time configurations in Dart Editor with named launches. | 19 * Control run-time configurations in Dart Editor with named launches. |
| 16 * Compile to JavaScript to run in any modern browser. | 20 * Compile to JavaScript to run in any modern browser. |
| 17 * CSS selectors are patterns used to select matching elements in the DOM. | 21 * CSS selectors are patterns used to select matching elements in the DOM. |
| (...skipping 607 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 625 Also, check out | 629 Also, check out |
| 626 <a href="/docs/cookbook/"> | 630 <a href="/docs/cookbook/"> |
| 627 <i class="icon-food"> </i> Dart Cookbook</a>, | 631 <i class="icon-food"> </i> Dart Cookbook</a>, |
| 628 where you'll find many recipes about | 632 where you'll find many recipes about |
| 629 manipulating the DOM and using CSS. | 633 manipulating the DOM and using CSS. |
| 630 The cookbook also has recipes about basic Dart data types, | 634 The cookbook also has recipes about basic Dart data types, |
| 631 such strings, lists, maps, and numbers. | 635 such strings, lists, maps, and numbers. |
| 632 </li> | 636 </li> |
| 633 </ul> | 637 </ul> |
| 634 | 638 |
| 635 <hr> | |
| 636 | |
| 637 <div class="row"> | |
| 638 <div class="span3"> | |
| 639 <a href="/docs/tutorials/get-started/"><i class="icon-chevron-left"> </i> Get
Started</a> | |
| 640 </div> | |
| 641 <div class="span3"> | |
| 642 <a href="http://code.google.com/p/dart/issues/entry?template=Tutorial%20feedback
" | |
| 643 target="_blank"> | |
| 644 <i class="icon-comment"> </i> | |
| 645 Send feedback | |
| 646 </a> | |
| 647 </div> | |
| 648 <div class="span3"> | |
| 649 <a href="/docs/tutorials/add-elements/" class="pull-right">Add Elements to the
DOM <i class="icon-chevron-right"> </i> </a> | |
| 650 </div> | |
| 651 </div> | |
| 652 | |
| 653 {% endcapture %} | 639 {% endcapture %} |
| 654 | 640 |
| 655 {% include tutorial.html %} | 641 {% include tutorial.html %} |
| OLD | NEW |