O'Reilly logo

Seven Mobile Apps in Seven Weeks by Tony Hillerson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Day 3: Time to Move

Or, Making the Web App Mobile-Ready

Today we’ll make our web app ready for mobile. That means we’ll work out a caching strategy for the data we get from the web, both JSON data and application data. That way if we don’t have an Internet connection or the connection isn’t great, we’ll still be able to use the app.

Then we’ll get the app ready to install on the user’s device. Finally we’ll apply a grid-based, responsive style to the app so the user interface will work on different screen sizes. Let’s start with caching data.

Caching Data for Offline Operation

To speed up perceived page load time, web browsers have had caching built in almost since the beginning. Generally, this is something web developers don’t have to think ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required