Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mbj36/awesome-service-workers

A Collection of some awesome Service-Workers resources. Feel Free to contribute if u feel it's worth adding in this repository
https://github.com/mbj36/awesome-service-workers

List: awesome-service-workers

Last synced: 24 days ago
JSON representation

A Collection of some awesome Service-Workers resources. Feel Free to contribute if u feel it's worth adding in this repository

Awesome Lists containing this project

README

        

# Awesome-service-workers

> A Collection of some awesome [Service-Workers](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API) resources

> Rich offline experiences, periodic background syncs, push notifications— functionality that would normally require a native application—are coming to the web. Service workers provide the technical foundation that all these features will rely on. -- [Introduction to Service Worker](http://www.html5rocks.com/en/tutorials/service-worker/introduction/)

Contributors are Welcome. Please read the [Contribution](https://github.com/mbj36/awesome-service-workers/blob/master/CONTRIBUTING.md) Guidelines.

## Contents

- [What's Offline](#what's-offline)
- [Getting Started](#getting-started)
- [Learning Resources](#learning-resources)
- [Communities](#communities)
- [Libraries and Tools](#libraries-and-tools)
- [Videos](#videos)
- [Slides](#slides)
- [Events](#events)
- [Case Studies](#case-studies)
- [Demos and Blog](#demos-and-blog)
- [Open-source Projects](#open-source-projects)
- [Browser Support](#browser-support)
- [More Features](#more-features)
- [Installable web apps](#installable-web-apps)
- [Push Notifications](#push-notifications)
- [Who to follow](#who-to-follow)
- [Contributors](#contributors)

## What's Offline

- [Offline First](https://github.com/pazguille/offline-first) - Useful resources for creating Offline-First web apps
- [Offline](http://www.html5rocks.com/en/tutorials/offline/whats-offline/) - "Offline": What does it mean and why should I care?

## Getting Started

- [Service-Worker](http://www.html5rocks.com/en/tutorials/service-worker/introduction/) - Getting started with Service-workers
- [Get started with Service workers](https://developers.google.com/web/fundamentals/getting-started/push-notifications/step-03?hl=en) - Google Developers
- [Everything you should know about progressive web apps](http://tutorialzine.com/2016/09/everything-you-should-know-about-progressive-web-apps/) - Everything you should know about progressive web apps(Basic of Service Workers)

## Learning Resources

- [Service Worker Explained](https://github.com/slightlyoff/ServiceWorker/blob/master/explainer.md) - Service worker explained by Alexx.
- [Offline Cookbook](https://jakearchibald.com/2014/offline-cookbook/) - Offline cookbook by Jake Archibald
- [Service worker Cookbook](https://serviceworke.rs/) - A collection of working, practical examples of using service workers in modern web apps.
- [Service Workers - W3C Specification](https://www.w3.org/TR/service-workers/) - The official service workers spec.
- [Service Worker API](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API) - Concepts and Usage
- [Google Chrome Service-worker](https://github.com/GoogleChrome/samples/tree/gh-pages/service-worker) - Service worker Recipes.
- [Service workers 101](https://github.com/delapuente/service-workers-101) - An infographic to summarize the most important parts of the Service Workers' API.
- [Service workers - The Chromium Projects](https://www.chromium.org/blink/serviceworker) - Chromium Project

## Communities

- [Stackoverflow](http://stackoverflow.com/questions/tagged/service-worker) - Service Worker
- [Stackoverflow](http://stackoverflow.com/questions/tagged/sw-toolbox) - sw-toolbox

## Libraries and Tools

- [sw-toolbox](https://github.com/GoogleChrome/sw-toolbox) - A collection of simple helpers to simplify implementing common caching patterns.
- [sw-precache](https://github.com/GoogleChrome/sw-precache) - Service Worker Precache is a module for generating a service worker that precaches resources.
- [upup](https://www.talater.com/upup/) - A tool for offlining your app.
- [serviceworker-webpack-plugin](https://github.com/oliviertassinari/serviceworker-webpack-plugin) - Simplifies creation of a service worker to serve your webpack bundles

## Videos

- [PWA-summit-2016](https://developers.google.com/web/shows/pwa-devsummit/?hl=en) - PWA summit 2016
- [Google IO](https://developers.google.com/web/shows/google-io/?hl=en) - Google IO
- [Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016](https://youtu.be/cmGr0RszHc8) - Common technologies and techniques for building progressive web apps.
- [Service-worker libraries, Totally tooling tips](https://www.youtube.com/watch?v=IIRj8DftkqE) - Google Chrome Developer
- [Instant Loading with Service Workers](https://www.youtube.com/watch?v=jCKZDTtUA2A) - Chrome Dev summit 2015

## Slides

- [Service-workers](http://delapuente.github.io/presentations/at-your-service/#/) - Slides by Delapuente
- [Getting Offline](https://delapuente.github.io/presentations/from-web-app-to-pwa/index.html#/5) - Getting Offline - See the difference !
- [PWA apps in firefox](http://slidedeck.io/wanderview/slides-pwa-summit-2016) - Slides pwa-summit-2016

## Events

- [Progressive Web App Dev Summit 2016](https://events.withgoogle.com/progressive-web-app-dev-summit/agenda/)

## Case Studies

- [Service Workers in Production](https://developers.google.com/web/showcase/case-study/service-workers-iowa) - A case-study about how Google I/O 2015 web app was built.

## Demos and Blog

- [Demo progressive web apps](https://pwa.rocks/) - Demo of some progressive web apps
- [FLipkart Lite App](http://tech-blog.flipkart.net/) - Flipkart Lite - Progressive web app
- [Currency-x](http://www.currency-x.com) - Offline-enabled Currency Converter.
- [Making A Service Worker: A Case Study](https://www.smashingmagazine.com/2016/02/making-a-service-worker/) – Case Study by Lyza Danger Gardner

## Open-source Projects

- [Airhorn](https://github.com/GoogleChrome/airhorn) - Airhorn
- [Weather pwa-app](https://github.com/googlecodelabs/your-first-pwapp) - Weather-app

## Browser Support

- [Is service worker Ready](https://jakearchibald.github.io/isserviceworkerready/) - Service worker support in different browsers
- [Platform Status](https://platform-status.mozilla.org/#service-worker) - Mozilla Platform status
- [Can i use service-workers ?](http://caniuse.com/#search=serviceworkers) - Browser support table of SW API

## More Features

### Installable web apps

### Push Notifications

## Who to follow

- [Jake Archibald](https://github.com/jakearchibald) - Google Chrome Developer
- [Alex Russell](https://github.com/slightlyoff) - Google
- [Dean Hume](https://github.com/deanhume) - Google Developer Expert
- [Ben kelly](https://github.com/wanderview) - Mozilla
- [Guille Paz](https://github.com/pazguille) - Developer
- [Matt Andrews](https://github.com/matthew-andrews) - Software Engineer

## Contributors

- [Appnotion](https://github.com/helloguille)
- [MarcoHengstenberg (Marco Hengstenberg)](https://github.com/MarcoHengstenberg)
- [rusrushal13 (Rushal Verma)](https://github.com/rusrushal13/)