Learn about the building blocks of creating an offline-enabled and re-engaging Progressive Web App: Service Worker, Push, Fetch, and Cache. We'll cover each of these web features and how they provide performance benefits and help maintain functionality even under poor network conditions as well as how to bring users back via push notifications.

1. Building
performance and
re-engaging web
apps with Service
Worker
(Ali Alabbas, May
7- 9 2018, Seattle)
Learn about the building blocks of creating an offline-enabled
and re-engaging Progressive Web App: Service Worker, Push,
Fetch, and Cache. We'll cover each of these web features and
how they provide performance benefits and help maintain
functionality even under poor network conditions as well as
how to bring users back via push notifications.

2. How to build offline-capable,
performant, and re-engaging web apps
1. Why the web is a first-class platform
2. Why old web features didn’t succeed with solving offline
3. How to enable key app scenarios using new web features
Offline & performance: Service Workers, Fetch, Caches
Re-engagement: Push Notifications

3. Start and run really REALLY fast!
Work across a variety of devices, screen sizes, etc.
Run over HTTPS
Work offline / reliably under poor network conditions
Can send push notifications
Provide better device integration

4. Start and run really REALLY fast!
Work across a variety of devices, screen sizes, etc.
Run over HTTPS
Work offline / reliably under poor network conditions
Can send push notifications
Provide better device integration

5. native web

7. CSS
JS
IMG
XHR
HTML

8. CSS
JS
IMG
XHR
HTML
FETCH

9. Exposed to JavaScript
fetch(), Request and Response

10. Service Workers

12. We need to save Responses!

13. Cache APIs

15. Thank you

16. Source :
http://bit.ly/ServiceWorkerMicrosoftBuild