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
- MDN/WebWorkers
- PonyFoo articles
- serviceworkers/list
- Google devs/service-workers
Example of offline supportExample & workshop using BackgroundSyncExample & 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/)