Offline Web Apps On GitHub Pages

Offline Web Apps On GitHub Pages

OFFLINE Image by Michael Coghlan

That's My Octocat

I Work For Mozilla

You May Have Heard Of Us

GitHub Pages

Legs to Stand On Image by Orin Zebest

Offline Web Apps

Solar Dehydrator Image by fishermansdaughter

Application Cache





Application Cache is a douchebag.

Service Workers To The Rescue!

Air Rescue Image by Karsten Seiferlin

A Powerful Abstraction

Oghliner

offline

deploy

Auto-Deploy Via Travis

Demo

Show Egg Timer counting down time left in presentation. Reload Egg Timer, show it retaining state. Kill network connection, reload Egg Timer, show it running. Close Egg Timer, restart browser, reopen Egg Timer, show it running. Show Network panel in Chrome, where you can see Service Worker handling requests.

Caveats

https: required

Can I use Service Workers? caniuse.com/serviceworkers
Is ServiceWorker ready? jakearchibald.github.io/isserviceworkerready

Stay tuned…

By the way…

Thank You

Questions?