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 21 matching lines...) Expand all Loading... |
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 & Streams</a></li> | 40 <li><a href="#futures" data-toggle="tab">Futures & Streams</a></li> |
41 <li><a href="#forms" data-toggle="tab">Forms & Data</a></li> | 41 <li><a href="#forms" data-toggle="tab">Forms & Data</a></li> |
| 42 <li><a href="#commandline" data-toggle="tab">Command-line apps</a></li> |
42 <!--<li><a href="#mobile" data-toggle="tab">Mobile</a></li>--> | 43 <!--<li><a href="#mobile" data-toggle="tab">Mobile</a></li>--> |
43 </ul> | 44 </ul> |
44 | 45 |
45 <div class="tab-content"> | 46 <div class="tab-content"> |
46 | 47 |
47 <!-- BASICS TAB --> | 48 <!-- BASICS TAB --> |
48 <div class="tab-pane active" id="basics"> | 49 <div class="tab-pane active" id="basics"> |
49 | 50 |
50 Download the software and | 51 Download the software and |
51 discover which tools and libraries you get with the bundle. | 52 discover which tools and libraries you get with the bundle. |
(...skipping 188 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
240 <h4 class="no-permalink"><a href="indexeddb/"><img src="images/target.
png" height="20" width="20"> Use IndexedDB</a></h4> | 241 <h4 class="no-permalink"><a href="indexeddb/"><img src="images/target.
png" height="20" width="20"> Use IndexedDB</a></h4> |
241 <p>Save data on the client with IndexedDB.</p> | 242 <p>Save data on the client with IndexedDB.</p> |
242 <img src="images/countdown-screenshot.png" width="300"> | 243 <img src="images/countdown-screenshot.png" width="300"> |
243 </section> | 244 </section> |
244 </div> | 245 </div> |
245 <div class="col-md-6"> | 246 <div class="col-md-6"> |
246 </div> | 247 </div> |
247 </div> <!-- end row --> | 248 </div> <!-- end row --> |
248 </div> <!-- end FORMS tab --> | 249 </div> <!-- end FORMS tab --> |
249 | 250 |
| 251 <!-- COMMAND-LINE APPS TAB --> |
| 252 <div class="tab-pane" id="commandline"> |
| 253 <div class="row"> |
| 254 |
| 255 <div class="col-md-6"> |
| 256 <section> |
| 257 <h4 class="no-permalink"><a href="cmdline/"><img src="images/target.pn
g" height="20" width="20"> Write Command-line Apps</a></h4> |
| 258 <p>Learn about features that command-line apps need.</p> |
| 259 <img src="cmdline/images/sourceforhomepage.png"> |
| 260 </section> |
| 261 </div> |
| 262 |
| 263 <div class="col-md-6"> |
| 264 </div> |
| 265 |
| 266 </div> |
| 267 </div> |
| 268 |
250 <!-- MOBILE TAB --> | 269 <!-- MOBILE TAB --> |
251 <!-- | 270 <!-- |
252 <div class="tab-pane" id="mobile"> | 271 <div class="tab-pane" id="mobile"> |
253 <div class="row"> | 272 <div class="row"> |
254 | 273 |
255 <div class="col-md-6" style="border-right:1px solid Lavender"> | 274 <div class="col-md-6" style="border-right:1px solid Lavender"> |
256 <section> | 275 <section> |
257 <h4 class="no-permalink"><a href="mobile/"><img src="images/target.png
" height="20" width="20"> Write for Mobile Devices</a></h4> | 276 <h4 class="no-permalink"><a href="mobile/"><img src="images/target.png
" height="20" width="20"> Write for Mobile Devices</a></h4> |
258 <p>Mobile devices are taking over the world!</p> | 277 <p>Mobile devices are taking over the world!</p> |
259 <img src="images/countdown-screenshot.png" width="300"> | 278 <img src="images/countdown-screenshot.png" width="300"> |
260 </section> | 279 </section> |
261 </div> | 280 </div> |
262 | 281 |
263 <div class="col-md-6"> | 282 <div class="col-md-6"> |
264 </div> | 283 </div> |
265 | 284 |
266 </div> | 285 </div> |
267 </div> | 286 </div> |
268 --> | 287 --> |
269 | 288 |
270 </div> <!-- end tab content--> | 289 </div> <!-- end tab content--> |
271 </div> <!--end tabbable --> | 290 </div> <!--end tabbable --> |
272 </div> <!-- end of tute-tabs --> | 291 </div> <!-- end of tute-tabs --> |
273 | 292 |
274 {% endcapture %} | 293 {% endcapture %} |
275 | 294 |
276 {% include tutorial_main_page.html %} | 295 {% include tutorial_main_page.html %} |
OLD | NEW |