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 |