A workshop to introduce my co-workers to Progressive Web Applications & ServiceWorkers.

Slides can be found in /index.html and they're built with reveal.js.

Various examples can be found in /examples (and hopefully will be updated in the future with more complex additions).

Feel free to use and/or modify this to your liking.

To present:

⚡ git clone https://github.com/andreasvirkus/pwa-workshop.git
⚡ cd pwa-workshop/slides
⚡ npm i && npm start

See a more detailed usage guide in /slides

Great PWA/SW resources to look into (also see slides/index.html References section):

• deanhume/pwa-tips-tricks
• the spec
• Webpack plugin
• BackgroundSync
• WebPush book
  • Common notification patterns
• MDN/WebWorkers
• PonyFoo articles
• serviceworkers/list
• Google devs/service-workers

• Example of offline support
• Example & workshop using BackgroundSync
• Example & workshop using notifications
• Example & workshop using scoped workers
• Example & workshop of Web Push + VAPID, PushManager
  • An example using web-push
  • https://thihara.github.io/Web-Push/
• Example & workshop about realtime data updates, e.g. updating a /json endpoint without reloads (https://blog.pusher.com/offline-and-realtime/)