Service Worker and the Offline Web (Lightning Talk)

Transcript

1. SERVICEWORKER And the Offline Web
2. #OFFLINEFIRST
3. "Oh no! My signal's gone! Now I don't have access to my content" — The internet
4. "We should cache things!" — Developers
5. "Hey, I've heard about #offlinefirst. Can we do that in the next sprint?" — Management
6. AppCache
7. — AppCache
8. Turns out APPCACHE has problems
9. Your use case doesn't fit into the way APPCACHE can be used?
10. ServiceWorker
13. ServiceWorker Handle resource requests with a set of durable caches that can be programmatically controlled.
14. ServiceWorker ▸ JavaScript worker, can't access the DOM directly COMMUNICATES WITH PAGES IT CONTROLS VIA THE POSTMESSAGE INTERFACE
15. ServiceWorker ▸ JavaScript worker, can't access the DOM directly ▸ Programmable network proxy CONTROL HOW NETWORK REQUESTS FROM YOUR PAGE ARE HANDLED
16. ServiceWorker ▸ JavaScript worker, can't access the DOM directly ▸ Programmable network proxy ▸ Doesn't rely on global state, but can access IndexedDB TERMINATES WHEN NOT IN USE, AND RESTARTS WHEN NEEDED
17. ServiceWorker ▸ JavaScript worker, can't access the DOM directly ▸ Programmable network proxy ▸ Doesn't rely on global state, but can access IndexedDB ▸ Uses promises extensively
19. ServiceWorker
20. ServiceWorker 1. Register your ServiceWorker
21. ServiceWorker 1. Register your ServiceWorker YOU'RE ON YOUR WAY THERE ALREADY.
22. ServiceWorker 1. Register your ServiceWorker 2. Tell your ServiceWorker what to do
23. ServiceWorker 1. Register your ServiceWorker 2. Tell your ServiceWorker what to do THIS IS THE FUN PART
24. ServiceWorker 1. Register your ServiceWorker 2. Tell your ServiceWorker what to do ▸ Offline Cookbook
25. ServiceWorker 1. Register your ServiceWorker 2. Tell your ServiceWorker what to do ▸ Offline Cookbook AWESOME AND FANTASTIC AND WORTH A TALK BY ITSELF.
26. ServiceWorker Magic and crazy science
27. ServiceWorker
28. ServiceWorker
29. ServiceWorker
30. ServiceWorker
31. ServiceWorker
32. ServiceWorker
33. THANKS! @LEWISCOWPER