HTML5 Digital Classroom

Lesson 14: Offline Storage in HTML5

In this lesson, you will learn how offline storage works in HTML5, and how you can use it to store information gathered from the Internet onto your desktop or mobile device.

What you’ll learn in this lesson:

• • About the Application Cache API and how to cache files with HTML5
• • About the manifest file and how web pages are stored for offline use
• • To create your first offline web application
• • To manage offline files using HTML5 storage

Starting up

You will work with several files from the HTML5_14lessons folder in this lesson. Make sure you have loaded the HTML5lessons folder onto your hard drive from www.digitalclassroombooks.com/HTML5. See “Loading lesson files” in the Starting Up section of this book.

On the road, again

Certain jobs require people to travel to locations out of reach of the Internet. For individuals who rely on the Internet to keep track of information gathered (such as clients, purchase orders, comments regarding the trip, and so on), being out of reach of the Internet can result in a cumbersome process that requires the individual to somehow annotate all the information gathered, and later manually post it onto the company’s website. HTML5 offers offline storage capabilities, thus turning the out-of-reach website into a mobile application that stores data on the individual’s computer or mobile device when access to the ...