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 ...

Get Seven Mobile Apps in Seven Weeks now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.