OLD | NEW |
1 --- | 1 --- |
2 layout: default | 2 layout: default |
3 title: "Dart Tutorials" | 3 title: "Dart Tutorials" |
4 description: "The Dart Tutorials—Your guide to building great web apps." | 4 description: "The Dart Tutorials—Your guide to building great web apps." |
5 has-permalinks: true | 5 has-permalinks: true |
6 rel: | 6 rel: |
7 author: | 7 author: |
8 - mary-campione | 8 - mary-campione |
9 tutorial: | 9 tutorial: |
10 id: tut-home | 10 id: tut-home |
(...skipping 19 matching lines...) Expand all Loading... |
30 <strong>Let's go!</strong> Follow the tutorials in order | 30 <strong>Let's go!</strong> Follow the tutorials in order |
31 from left to right...or choose just the ones you need. | 31 from left to right...or choose just the ones you need. |
32 | 32 |
33 <div class="tute-tabs"> | 33 <div class="tute-tabs"> |
34 <div class="tabbable"> | 34 <div class="tabbable"> |
35 <ul class="nav nav-tabs"> | 35 <ul class="nav nav-tabs"> |
36 <li class="active"><a href="#basics" data-toggle="tab">Get started</a></li> | 36 <li class="active"><a href="#basics" data-toggle="tab">Get started</a></li> |
37 <li><a href="#dom" data-toggle="tab">Browser</a></li> | 37 <li><a href="#dom" data-toggle="tab">Browser</a></li> |
38 <li><a href="#packages" data-toggle="tab">Packages</a></li> | 38 <li><a href="#packages" data-toggle="tab">Packages</a></li> |
39 <li><a href="#polymer" data-toggle="tab">Polymer</a></li> | 39 <li><a href="#polymer" data-toggle="tab">Polymer</a></li> |
| 40 <li><a href="#futures" data-toggle="tab">Futures</a></li> |
40 <li><a href="#forms" data-toggle="tab">Forms & Data</a></li> | 41 <li><a href="#forms" data-toggle="tab">Forms & Data</a></li> |
41 <!--<li><a href="#mobile" data-toggle="tab">Mobile</a></li>--> | 42 <!--<li><a href="#mobile" data-toggle="tab">Mobile</a></li>--> |
42 </ul> | 43 </ul> |
43 | 44 |
44 <div class="tab-content"> | 45 <div class="tab-content"> |
45 | 46 |
46 <!-- BASICS TAB --> | 47 <!-- BASICS TAB --> |
47 <div class="tab-pane active" id="basics"> | 48 <div class="tab-pane active" id="basics"> |
48 | 49 |
49 Download the software and | 50 Download the software and |
(...skipping 123 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
173 <img src="images/stopwatch-screenshot.png" width="200"> | 174 <img src="images/stopwatch-screenshot.png" width="200"> |
174 </section> | 175 </section> |
175 </div> | 176 </div> |
176 | 177 |
177 <div class="col-md-6"> | 178 <div class="col-md-6"> |
178 </div> | 179 </div> |
179 | 180 |
180 </div> | 181 </div> |
181 </div> | 182 </div> |
182 | 183 |
| 184 <!-- FUTURES & STREAMS TAB --> |
| 185 <div class="tab-pane" id="futures"> |
| 186 <div class="row"> |
| 187 |
| 188 <div class="col-md-6"> |
| 189 <section> |
| 190 <h4 class="no-permalink"><a href="futures/"><img src="images/target.pn
g" height="20" width="20"> Use Future-Based APIs</a></h4> |
| 191 <p>A first look at Futures.</p> |
| 192 <img src="futures/images/futurescode.png" width="350"> |
| 193 </section> |
| 194 </div> |
| 195 |
| 196 <div class="col-md-6"> |
| 197 </div> |
| 198 |
| 199 </div> |
| 200 </div> |
| 201 |
183 <!-- FORMS TAB --> | 202 <!-- FORMS TAB --> |
184 <div class="tab-pane" id="forms"> | 203 <div class="tab-pane" id="forms"> |
185 | 204 |
186 Various classes in the Dart libraries help you get, send, receive, | 205 Various classes in the Dart libraries help you get, send, receive, |
187 and save user data. | 206 and save user data. |
188 You can use input elements within forms to get data from users. | 207 You can use input elements within forms to get data from users. |
189 You can use JSON to format data and HttpRequest to send requests and recei
ve responses. | 208 You can use JSON to format data and HttpRequest to send requests and recei
ve responses. |
190 And, finally, you can save data on the client with IndexedDB. | 209 And, finally, you can save data on the client with IndexedDB. |
191 | 210 |
192 <div class="row"> | 211 <div class="row"> |
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
244 </div> | 263 </div> |
245 --> | 264 --> |
246 | 265 |
247 </div> <!-- end tab content--> | 266 </div> <!-- end tab content--> |
248 </div> <!--end tabbable --> | 267 </div> <!--end tabbable --> |
249 </div> <!-- end of tute-tabs --> | 268 </div> <!-- end of tute-tabs --> |
250 | 269 |
251 {% endcapture %} | 270 {% endcapture %} |
252 | 271 |
253 {% include tutorial_main_page.html %} | 272 {% include tutorial_main_page.html %} |
OLD | NEW |