Putting It All Together

Previously we figured out how to take a normal HTML page and frame it, style it, and use some HTML5 tags to organize it, but it's still just a shell. The steps we need to take from this chapter are:

• Creating a data API to access server data
• Using Ajax to retrieve and populate the pages of our mobile app
• Using the jQuery JavaScript framework for all the heavy work

Let's look again at the data that we want to get from our API. Table 4-2 outlines our API components along with their data types and URLs. I've used PHP to retrieve server-side data for Grandview Ave, but you can use anything you want in your own apps, even HTML.

So far my directory structure looks like that shown in Figure 4-3.

Figure 4-3. Current GrandviewAve directory structure