All Projects → Huxpro → Sw 101 Gdgdf

Huxpro / Sw 101 Gdgdf

Licence: other
Slides: Service Worker 101 @ GDG DevFest 2016

Projects that are alternatives of or similar to Sw 101 Gdgdf

Beats0.github.io
After a few hundred years, GitHub will become the world's largest digital cemetery, and most of the users have passed away. However, their homepages, projects and commit history describe what they did during their lifetime.
Stars: ✭ 23 (-52.08%)
Mutual labels:  service-worker
Miniseminar
Confluence as a backend -> Express -> reveal.js as a presentation -> Profit!
Stars: ✭ 27 (-43.75%)
Mutual labels:  slide
Elm Hn Pwa
Hacker News as a PWA built with Elm
Stars: ✭ 43 (-10.42%)
Mutual labels:  service-worker
Swipe
Swipe is the most accurate touch slider. Support both React and Angular.
Stars: ✭ 850 (+1670.83%)
Mutual labels:  slide
Next Pwa
Zero config PWA plugin for Next.js, with workbox 🧰
Stars: ✭ 909 (+1793.75%)
Mutual labels:  service-worker
Budgeting
Budgeting - React + Redux + Webpack (tree shaking) Sample App
Stars: ✭ 971 (+1922.92%)
Mutual labels:  service-worker
Vue Concise Slider
vue-concise-slider,A simple vue sliding component
Stars: ✭ 831 (+1631.25%)
Mutual labels:  slide
Service Mocker
🚀 Next generation frontend API mocking framework
Stars: ✭ 1,033 (+2052.08%)
Mutual labels:  service-worker
Fullpage.js
fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
Stars: ✭ 32,974 (+68595.83%)
Mutual labels:  slide
Vuescroll
A customizable scrollbar plugin based on vue.js for PC , mobile phone, touch screen, laptop.
Stars: ✭ 1,016 (+2016.67%)
Mutual labels:  slide
Xjychart
iOS Chart. Support animation, click, scroll, area highlight.
Stars: ✭ 854 (+1679.17%)
Mutual labels:  slide
React Whirligig
A react carousel/slider like component for sequentially displaying slides or sets of slides
Stars: ✭ 20 (-58.33%)
Mutual labels:  slide
Duo Navigation Drawer
A flexible, easy to use, unique drawer library for your Android project.
Stars: ✭ 986 (+1954.17%)
Mutual labels:  slide
Hoverboard
Conference website template
Stars: ✭ 935 (+1847.92%)
Mutual labels:  service-worker
Pushkit
All the required components to set up independent web push notifications 🎈
Stars: ✭ 45 (-6.25%)
Mutual labels:  service-worker
Lab teaching 2016
Repository for materials/codes from Kording lab teaching 2016
Stars: ✭ 16 (-66.67%)
Mutual labels:  slide
Presentations
Holds and organizes all past, present, and future presentations at the meetup
Stars: ✭ 30 (-37.5%)
Mutual labels:  slide
Sizeslidebutton
A fun Swift UIControl for picking a size
Stars: ✭ 46 (-4.17%)
Mutual labels:  slide
Parcel Plugin Sw Cache
📦👷 Parcel plugin for caching using a service worker
Stars: ✭ 45 (-6.25%)
Mutual labels:  service-worker
Slendr
A responsive & lightweight (2KB gzipped) slider for modern browsers. [UNMAINTAINED]
Stars: ✭ 39 (-18.75%)
Mutual labels:  slide

Service Worker 101

Working Offline and Instant Loading (@GDG DevFest 2016)

Watch Slides →

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), 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, and many of its dependencis (js, css, fonts) are still linked to CDN of 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, 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].