This is the second part of my tutorial on how to create a mobile web app using jQuery Mobile. In this tutorial we’re building a mobile web application that offers its users the following features:
- Ability to create, edit and delete notes.
- Ability to store notes on the device running the application, across browser sessions.
- Ability to view the entire collection of notes stored on the device.
In the first chapter of this series we started building the business logic layer of the app. We are using a simple workflow that consists of the following steps:
- Use the Jasmine framework to define the business logic behavior.
- Implement the behavior in the application.
- Confirm that the implemented behavior adheres to its definition.
We’re now going to continue working on the business logic features that will allow us to retrieve the list of notes cached on the device. We’re also going to use the jQuery Mobile framework to present the cached notes to the user.
By the end of this article, we will have completed the first version of the Notes List screen. This screen will render the list of cached notes as depicted below.