| OLD | NEW |
| 1 --- | 1 --- |
| 2 layout: default | 2 layout: default |
| 3 title: "Target 11: Use IndexedDB" | 3 title: "Use IndexedDB" |
| 4 description: "Use IndexedDB for persistence and offline capability for your app.
" | 4 description: "Use IndexedDB for persistence and offline capability for your app.
" |
| 5 has-permalinks: true | 5 has-permalinks: true |
| 6 tutorial: | 6 tutorial: |
| 7 id: indexeddb | 7 id: indexeddb |
| 8 next: index.html | 8 next: index.html |
| 9 next-title: "Home" | 9 next-title: "A Game of Darts" |
| 10 prev: forms | 10 prev: forms |
| 11 prev-title: "Get Input from a Form" | 11 prev-title: "Get Input from a Form" |
| 12 --- | 12 --- |
| 13 | 13 |
| 14 {% capture whats_the_point %} | 14 {% capture whats_the_point %} |
| 15 | 15 |
| 16 * IndexedDB is a new standard for client-side storage in modern web browsers. | 16 * IndexedDB is a new standard for client-side storage in modern web browsers. |
| 17 * Client-side storage provides persistence, offline capability, | 17 * Client-side storage provides persistence, offline capability, |
| 18 and other advantages. | 18 and other advantages. |
| 19 * IndexedDB lets you store significant amounts of structured data. | 19 * IndexedDB lets you store significant amounts of structured data. |
| (...skipping 16 matching lines...) Expand all Loading... |
| 36 <li> | 36 <li> |
| 37 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web
/target11/count_down" | 37 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web
/target11/count_down" |
| 38 target="_blank">count_down</a> (polymer) | 38 target="_blank">count_down</a> (polymer) |
| 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 id="under-construction" markdown="1"> | 46 <div class="tute-target-title"> |
| 47 <h3> <i class="icon-wrench"> </i> Under construction </h3> | 47 <h1>{{page.title}}</h1> |
| 48 | 48 <h3>Save data on the client.</h3> |
| 49 This is a draft under construction. | |
| 50 Your kindly worded | |
| 51 <a | |
| 52 href="http://code.google.com/p/dart/issues/entry?template=Tutorial%20feedback" | |
| 53 target="_blank"> | |
| 54 comments and suggestions | |
| 55 </a> | |
| 56 are appreciated. | |
| 57 Thank you for your patience. | |
| 58 </div> | 49 </div> |
| 59 | 50 |
| 60 Browsers provide several ways for your apps to store data on the client side. | 51 Browsers provide several ways for your apps to store data on the client side. |
| 61 One storage option is IndexedDB—a | 52 One storage option is IndexedDB—a |
| 62 web standard supported by | 53 web standard supported by |
| 63 <a href="http://caniuse.com/#feat=indexeddb" | 54 <a href="http://caniuse.com/#feat=indexeddb" |
| 64 target="_blank">many browsers</a>. | 55 target="_blank">many browsers</a>. |
| 65 IndexedDB provides an implementation of an indexed database, | 56 IndexedDB provides an implementation of an indexed database, |
| 66 in which each record is identified by a unique index or key, | 57 in which each record is identified by a unique index or key, |
| 67 making data retrieval speedy. | 58 making data retrieval speedy. |
| (...skipping 667 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 735 ###What next? | 726 ###What next? |
| 736 | 727 |
| 737 Check out our | 728 Check out our |
| 738 <a href="/codelabs/web-ui-writer/index.html" target="_blank"><i class="icon-beak
er"> </i>Codelab</a>; | 729 <a href="/codelabs/web-ui-writer/index.html" target="_blank"><i class="icon-beak
er"> </i>Codelab</a>; |
| 739 it uses LocalStorage instead of IndexedDB to store data in the client. | 730 it uses LocalStorage instead of IndexedDB to store data in the client. |
| 740 Try converting it to use IndexedDB. | 731 Try converting it to use IndexedDB. |
| 741 | 732 |
| 742 {% endcapture %} | 733 {% endcapture %} |
| 743 | 734 |
| 744 {% include tutorial.html %} | 735 {% include tutorial.html %} |
| OLD | NEW |