https://github.com/huxpro/sw-101-gdgdf

Slides: Service Worker 101 @ GDG DevFest 2016
https://github.com/huxpro/sw-101-gdgdf

service-worker slide

Last synced: 7 months ago
JSON representation

Slides: Service Worker 101 @ GDG DevFest 2016

• Host: GitHub
• URL: https://github.com/huxpro/sw-101-gdgdf
• Owner: Huxpro
• License: other
• Created: 2016-11-15T10:38:21.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-12-27T19:02:32.000Z (almost 9 years ago)
• Last Synced: 2025-01-14T20:24:28.385Z (9 months ago)
• Topics: service-worker, slide
• Language: HTML
• Homepage: https://huangxuan.me/sw-101-gdgdf/
• Size: 8.19 MB
• Stars: 47
• Watchers: 4
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# **Service Worker 101** 

### Working Offline and Instant Loading (@GDG DevFest 2016)

### [Watch Slides → ](https://huangxuan.me/sw-101-gdgdf/)



### What is in `code/`

- Hello World of Service Worker

- Make your own Offline Dinosaurs

- Stale/Fastest while revalidate

### What is covered 

TLDR; All the fundamental stuffs of SW to help your site work offline and load instantly. 

It covers techniques below, but in a step-by-step order:

- Motivation

	- Why AppCache & H2 is insufficient 

- How SW works

	- Web Workers

	- Shared Workers

	- Background Processing

	- Event-Driven

- LifeCycle

	- SW state

	- First SW

	- Updating SW

- Events

	- LifeCycle Events

	- Functional Events

	- Extendable Events

- Caching Strategies 

	- Network First

	- Cache First

	- Generic Fallback

	- Fatest (Racing)

	- Stale while revalidate

	- Fastest while revalidate

	- Cache then network

- Gotchas 

- Etc.

### Notes  

This slides is powered by [Yanshuo.io (演说.io)](http://yanshuo.io), a online software helping you create, store and share web slides. 

There are 2 ways that you can fork or contribute to this project:

1. `index.html` is the HTML source code exported from [Yanshuo.io](http://yanshuo.io), and many of its dependencis (js, css, fonts) are still linked to CDN of [Yanshuo.io](http://yanshuo.io). You can do any secondary development and host it by yourself.

2. Download the project file under `shuo/`, drag it into [Yanshuo.io](http://yanshuo.io), and you are ready to go. You can edit whatever you want, upload it to your account, and even share your distributions.

### License

BSD

Copyright (c) 2016 Hux