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 |