Are you a beginner in Service worker? This deck with Demo help you understand the service workers

1. Service Workers
By- Neha Sharma | @hellonehha

2. Take your Site OFFLINE

4. Say bye-bye to Dino

5. Demo
https://github.com/Neha/serviceworkers

6. Rich offline Experience,
Periodic Background Sync ,
Push Notification
Welcome to WEB!!

7. What is Service Worker?
A script that is run by your browser in the background, separate from a web page,
opening the door to features which don't need a web page or user interaction.

8. ● Javascript Workers - Hence cannot access DOM. Service Worker communicate and Control the pages via
postMessage
● Service worker is a programmable network proxy, allowing you to control how network requests from your
page are handled.
● Services workers will be terminated when not in use and restarted when needed again.
● Services workers make extensive use of the Promises

9. What we need?
● Web Page
● HTTPs
● Service worker
● Browser which support Service worker
● Static Assets

10. How it Works?

11. Magic begins from here & go to sw.js

12. What’s next?
● Push notifications
● Background Sync
● And more...

13. Questions & Feedbacks @ neha@jslovers.com