Learn the craft of building websites/apps progressively for all devices!
If you have read Medium or Twitter in the last few months, you'll be forgiven for thinking that all web applications are built as single-page apps which manage stare on the client the client.
"first load should be extremely quick, then immediately be cached"
Tutorial: https://developers.google.com/web/fundamentals/getting-started/your-first-progressive-web-app/
First change into /demo/pwa-weather e.g: cd demo/pwa-weather/
Then run a simple web server with python -m SimpleHTTPServer 8000
then visit: http://localhost:8000/step-04/
You should expect to see something like this:
Mobile:
To run the step-05 code, first cd demo/pwa-weather/step-05 then python -m SimpleHTTPServer 8000
and visit: http://localhost:8000/ in your browser.
- Progressive enhancement is still important: https://jakearchibald.com/2013/progressive-enhancement-still-important/
- Introduction to Service Workers: http://www.html5rocks.com/en/tutorials/service-worker/introduction/
- Can we use Service Workers? http://caniuse.com/#feat=serviceworkers 53% at time of writing (No IOS)