HTML and CSS Reference
In-Depth Information
• Step 2: Implement the data management of the Settings view using the Web Stor-
age API.
• Step 3: Connect to the database and create a storage area for tasks.
• Step 4: Enable data entry and search of the Task List view using the IndexedDB
API.
• Step 5: Allow users to add, update, and delete tasks.
• Step 6: Create a cache manifest file to allow the application to work offline.
• Step 7: Implement automatic updating of the application.
Note
The application should be run from a web server rather than the local filesystem. Other-
wise, you won't be able to use it on a mobile device and offline support won't work. Also
note that the application has been tested on iOS, Android, and BlackBerry Torch mobile
devices, as well as on Opera Mobile. It's also fully functional in the Chrome, Firefox, Sa-
fari, and Opera desktop browsers.
If you're looking for a quick and easy way to set up a web server for this chapter's applic-
ation, we suggest you try Python's built-in server, http.server. You can get this server mod-
ule by downloading and installing the latest version of the Python programming language
from http://python.org/download/ . Once you have it installed, you can start the server by
changing your current directory to the directory of your web app and then invoking the web
server with the following command:
python -m http.server
Python's web server will start running on port 8000. If you don't like the default 8000 port,
you can specify another port by adding the desired port number at the end of the python
command:
python -m http.server 8080
In this section, you'll define the application's HTML structure, use CSS to define visibility
for each view, and write the JavaScript to implement navigation between the views. For the
development of the My Tasks basic structure, the process consists of four steps:
• Step 1: Define the top-level HTML structure.
Search WWH ::




Custom Search