OLD | NEW |
---|---|
1 --- | 1 --- |
2 layout: default | 2 layout: default |
3 title: "Try Dart" | 3 title: "Write Dart" |
4 description: "Write some Dart code. Learn some stuff." | 4 description: "Write some Dart code. Learn some stuff." |
5 snippet_img: images/piratemap.jpg | 5 snippet_img: images/piratemap.jpg |
6 has-permalinks: true | 6 has-permalinks: true |
7 tutorial: | 7 tutorial: |
8 id: trydart | 8 id: trydart |
9 js: | 9 js: |
10 - url: /js/os-switcher.js | 10 - url: /js/os-switcher.js |
11 defer: true | 11 defer: true |
12 - url: /js/editor-downloads-analytics.js | 12 - url: /js/editor-downloads-analytics.js |
13 defer: true | 13 defer: true |
14 - url: /js/editor-version.js | 14 - url: /js/editor-version.js |
15 defer: true | 15 defer: true |
16 header: | 16 header: |
17 css: ["/codelabs/darrrt/darrrt.css"] | 17 css: ["/codelabs/darrrt/darrrt.css"] |
18 --- | 18 --- |
19 | 19 |
20 # {{ page.title }} | 20 # {{ page.title }} |
21 | 21 |
22 ## Got an hour? Write a Dart app. | 22 ## Got about an hour? Write a Dart app. |
Kathy Walrath
2013/11/23 00:51:54
As we discussed, delete this line entirely.
| |
23 | 23 |
24 In this code lab, | 24 In this code lab, |
25 you build a pirate badge generator from a skeleton app. | 25 you build a pirate badge generator from a skeleton app. |
26 The sample app provides a brief look at some Dart language and library features. | 26 The sample app provides a brief look at some Dart language and library features. |
27 This code lab assumes that you have some programming experience. | 27 This code lab assumes that you have some programming experience. |
28 | 28 |
29 <strong>Build this app!</strong> | 29 <strong>Build this app!</strong> |
30 | 30 |
31 <iframe class="running-app-frame" | 31 <iframe class="running-app-frame" |
32 style="height:220px;width:530px;" | 32 style="height:220px;width:530px;" |
33 src="examples/6-piratebadge_json/piratebadge.html"> | 33 src="examples/6-piratebadge_json/piratebadge.html"> |
34 </iframe> | 34 </iframe> |
35 | 35 |
36 <hr> | 36 <hr> |
37 | 37 |
38 <div class="piratemap" markdown="1" style="min-height:325px"> | 38 <div class="piratemap" markdown="1" style="min-height:325px"> |
Kathy Walrath
2013/11/23 00:51:54
I've asked the artist to remove "Try" from the map
| |
39 | 39 |
40 ## Map | 40 ## Map |
41 | 41 |
42 * [Step 0: Set up](#set-up) | 42 * [Step 0: Set up](#set-up) |
43 * [Step 1: Run the skeleton app](#step-one) | 43 * [Step 1: Run the skeleton app](#step-one) |
44 * [Step 2: Add an input field](#step-two) | 44 * [Step 2: Add an input field](#step-two) |
45 * [Step 3: Add a button](#step-three) | 45 * [Step 3: Add a button](#step-three) |
46 * [Step 4: Create a class](#step-four) | 46 * [Step 4: Create a class](#step-four) |
47 * [Step 5: Save to local storage](#step-five) | 47 * [Step 5: Save to local storage](#step-five) |
48 * [Step 6: Read names from JSON file using HttpRequest](#step-six) | 48 * [Step 6: Read names from JSON file using HttpRequest](#step-six) |
(...skipping 1772 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
1821 on our [Samples page](/samples/). | 1821 on our [Samples page](/samples/). |
1822 </div> | 1822 </div> |
1823 | 1823 |
1824 ### <i class="icon-anchor"> </i> Read the tutorials. | 1824 ### <i class="icon-anchor"> </i> Read the tutorials. |
1825 | 1825 |
1826 <div class="trydart-step-details" markdown="1"> | 1826 <div class="trydart-step-details" markdown="1"> |
1827 Learn more about Dart from | 1827 Learn more about Dart from |
1828 the [Dart tutorials](/docs/tutorials/). | 1828 the [Dart tutorials](/docs/tutorials/). |
1829 </div> | 1829 </div> |
1830 | 1830 |
OLD | NEW |