OLD | NEW |
(Empty) | |
| 1 --- |
| 2 layout: default |
| 3 title: Countdown |
| 4 group_id: "working_with_the_dom" |
| 5 live_example_url: /docs/tutorials/indexeddb/examples/count_down/out/web/count_do
wn.html |
| 6 header: |
| 7 css: ["/samples/samples.css"] |
| 8 --- |
| 9 |
| 10 <h1>{{ page.title }}</h1> |
| 11 |
| 12 Enter a name date and time and click the plus (+) button. |
| 13 |
| 14 This program shows you how to store and retrieve data on the client-side using |
| 15 IndexedDB. |
| 16 |
| 17 IndexedDB is one kind of local storage supported by many browsers that any web |
| 18 app can use to store and retrieve data on the client. IndexedDB is an indexed |
| 19 database in which each record is identified by unique ID. |
| 20 |
| 21 In brief, to save a record in an IndexedDB: |
| 22 |
| 23 - check for browser support |
| 24 - create or open a database |
| 25 - create or open an object store on the database |
| 26 - create a transaction on the object store |
| 27 - add the record to the database |
| 28 - handle transaction completed or error |
| 29 |
| 30 |
| 31 Read this [tutorial](/docs/tutorials/indexeddb) for |
| 32 more detail, or read the |
| 33 [source](https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/sto
pwatch). |
| 34 |
| 35 <iframe class="running-app-frame" |
| 36 style="height:400px;width:50%;" |
| 37 src="{{page.live_example_url}}"> |
| 38 </iframe> |
| 39 |
| 40 <p>See all <a href="/samples/">samples</a></p> |
OLD | NEW |