| OLD | NEW |
| 1 --- | 1 --- |
| 2 layout: default | 2 layout: default |
| 3 title: "Target 2: Connect Dart & HTML" | 3 title: "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 | 8 next: add-elements |
| 9 next-title: "Add Elements to the DOM" | 9 next-title: "Add Elements to the DOM" |
| 10 prev: get-started | 10 prev: get-started |
| 11 prev-title: "Get Started" | 11 prev-title: "Get Started" |
| 12 --- | 12 --- |
| 13 | 13 |
| (...skipping 22 matching lines...) Expand all Loading... |
| 36 <li> | 36 <li> |
| 37 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web
/target02/mini_with_style" | 37 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web
/target02/mini_with_style" |
| 38 target="_blank">mini_with_style</a> | 38 target="_blank">mini_with_style</a> |
| 39 </li> | 39 </li> |
| 40 </ul> | 40 </ul> |
| 41 | 41 |
| 42 {% endcapture %} | 42 {% endcapture %} |
| 43 | 43 |
| 44 {% capture content %} | 44 {% capture content %} |
| 45 | 45 |
| 46 <div class="tute-target-title"> |
| 47 <h1>{{page.title}}</h1> |
| 48 <h3>Write a mini Dart app.</h3> |
| 49 </div> |
| 50 |
| 46 To write a Dart web app, | 51 To write a Dart web app, |
| 47 you need to have basic understanding of | 52 you need to have basic understanding of |
| 48 several topics—the DOM tree, nodes, elements, | 53 several topics—the DOM tree, nodes, elements, |
| 49 HTML, Dart language and libraries, | 54 HTML, Dart language and libraries, |
| 50 and Dart Editor. | 55 and Dart Editor. |
| 51 | 56 |
| 52 The interdependencies are circular, | 57 The interdependencies are circular, |
| 53 but we have to begin somewhere, | 58 but we have to begin somewhere, |
| 54 so we begin with a simple HTML file, | 59 so we begin with a simple HTML file, |
| 55 which introduces the DOM tree and nodes. | 60 which introduces the DOM tree and nodes. |
| (...skipping 576 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 632 where you'll find many recipes about | 637 where you'll find many recipes about |
| 633 manipulating the DOM and using CSS. | 638 manipulating the DOM and using CSS. |
| 634 The cookbook also has recipes about basic Dart data types, | 639 The cookbook also has recipes about basic Dart data types, |
| 635 such strings, lists, maps, and numbers. | 640 such strings, lists, maps, and numbers. |
| 636 </li> | 641 </li> |
| 637 </ul> | 642 </ul> |
| 638 | 643 |
| 639 {% endcapture %} | 644 {% endcapture %} |
| 640 | 645 |
| 641 {% include tutorial.html %} | 646 {% include tutorial.html %} |
| OLD | NEW |