---
layout:     keynote
title:      "Service Worker 101「GDG DevFest 2016 北京」"
subtitle:   "🎞  Slides:Service Worker 101, Working Offline and Instant Loading (GDG DevFest 2016 Beijing)"
iframe:     "//huangxuan.me/sw-101-gdgdf/"
navcolor:   "invert"
date:       2016-11-20
author:     "Hux"
tags:
    - Slides
    - Web
    - PWA
---


> 下滑这里查看更多内容


TLDR; It covers lots of cool stuff about Service Worker!

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

<div class="visible-md visible-lg">
    <img src="//huangxuan.me/sw-101-gdgdf/attach/qrcode.png" width="350" />
    <small class="img-hint">Scanning on mobile</small>
</div>



### [Demo Code → ](https://github.com/Huxpro/sw-101-gdgdf)

- Hello World of Service Worker
- Make your own Offline Dinosaurs
- Stale/Fastest while revalidate



### 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 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.