update
This commit is contained in:
162
html/serviceworkers.md2.html
Normal file
162
html/serviceworkers.md2.html
Normal file
@@ -0,0 +1,162 @@
|
||||
<h1 id="awesome-service-workers-awesome">Awesome Service Workers <a
|
||||
href="https://github.com/sindresorhus/awesome"><img
|
||||
src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg"
|
||||
alt="Awesome" /></a></h1>
|
||||
<p>A curated collection of service worker resources.</p>
|
||||
<p><a href="https://pwabook.com/oreillyasw"><img align="right" src="https://github.com/TalAter/awesome-progressive-web-apps/raw/master/images/mpwa.png" alt="Building Progressive Web Apps"></a>
|
||||
>Service workers are at the heart of every progressive web app. Their
|
||||
persistent nature allows progressive web apps to fulfill our
|
||||
expectations of what an app should do. They are the missing link between
|
||||
what only native apps could do and what modern progressive web apps can
|
||||
do. > > – <cite><a href="https://pwabook.com/oreillyasw">Building
|
||||
Progressive Web Apps - O’Reilly</a></cite></p>
|
||||
<p>If you want to contribute, please read the <a
|
||||
href="contributing.md">contribution guidelines</a>.</p>
|
||||
<h2 id="contents">Contents</h2>
|
||||
<ul>
|
||||
<li><a href="#must-reads">Must Reads</a></li>
|
||||
<li><a href="#learning-resources">Learning Resources</a></li>
|
||||
<li><a href="#reference">Reference</a></li>
|
||||
<li><a href="#browser-support">Browser Support</a></li>
|
||||
<li><a href="#libraries-and-tools">Libraries and Tools</a></li>
|
||||
<li><a href="#videos">Videos</a></li>
|
||||
<li><a href="#case-studies">Case Studies</a></li>
|
||||
<li><a href="#related-technologies">Related Technologies</a></li>
|
||||
</ul>
|
||||
<h2 id="must-reads">Must Reads</h2>
|
||||
<ul>
|
||||
<li><a href="https://pwabook.com/oreillyasw">Building Progressive Web
|
||||
Apps - O’Reilly</a> - A hands-on guide and reference for service
|
||||
workers, caching strategies, push notifications, and more. Everything
|
||||
you need to build a modern progressive web app.</li>
|
||||
<li><a
|
||||
href="http://www.html5rocks.com/en/tutorials/service-worker/introduction/">Introduction
|
||||
to Service Worker</a> - A gentle introduction to service workers.</li>
|
||||
<li><a
|
||||
href="https://www.udacity.com/course/offline-web-applications--ud899">Offline
|
||||
Web Applications Using IndexedDB & Service Worker</a> - A great
|
||||
Udacity course introducing service workers and IndexedDB.</li>
|
||||
<li><a
|
||||
href="https://github.com/slightlyoff/ServiceWorker/blob/master/explainer.md">Service
|
||||
Workers Explained</a> - Service workers explained by <a
|
||||
href="https://github.com/slightlyoff">Alex Russell</a>.</li>
|
||||
</ul>
|
||||
<h2 id="learning-resources">Learning Resources</h2>
|
||||
<ul>
|
||||
<li><a
|
||||
href="https://dev.opera.com/articles/offline-with-upup-service-workers/">Building
|
||||
Offline Sites with ServiceWorkers and UpUp</a> - A general introduction
|
||||
to service workers and using UpUp to provide offline functionality in
|
||||
minutes.</li>
|
||||
<li><a
|
||||
href="http://www.html5rocks.com/en/tutorials/service-worker/introduction/">Introduction
|
||||
to Service Worker</a></li>
|
||||
<li><a href="https://github.com/delapuente/service-workers-101">Service
|
||||
Workers 101</a> - An infographic summarizing the most important parts of
|
||||
service workers API.</li>
|
||||
<li><a href="https://serviceworke.rs/">ServiceWorker Cookbook by
|
||||
Mozilla</a> - A collection of recipes for different use cases.</li>
|
||||
<li><a
|
||||
href="https://remysharp.com/2016/03/22/the-copy--paste-guide-to-your-first-service-worker">The
|
||||
copy & paste guide to your first Service Worker</a> - Shortest
|
||||
available introduction, by <a href="https://github.com/remy">Remy
|
||||
Sharp</a>.</li>
|
||||
<li><a href="https://jakearchibald.com/2014/offline-cookbook/">The
|
||||
offline cookbook</a> - The bible of service worker Patterns by Jake
|
||||
Archibald.</li>
|
||||
<li><a href="http://alistapart.com/article/offline-first">Designing
|
||||
Offline-First Web Apps</a> - A fascinating look at design and UX
|
||||
considerations for dealing with various states of connectivity.</li>
|
||||
</ul>
|
||||
<h2 id="reference">Reference</h2>
|
||||
<ul>
|
||||
<li><a href="https://wicg.github.io/BackgroundSync/spec/">Background
|
||||
Sync Spec</a> - The WIP spec for Background Sync.</li>
|
||||
<li><a href="https://www.w3.org/TR/service-workers/">Service Workers -
|
||||
W3C Specification</a> - The official service workers spec.</li>
|
||||
</ul>
|
||||
<h2 id="browser-support">Browser Support</h2>
|
||||
<ul>
|
||||
<li><a href="http://caniuse.com/#feat=serviceworkers">Can I Use -
|
||||
Service Workers</a> - Up-to-date browser support table of ServiceWorker
|
||||
API.</li>
|
||||
<li><a href="https://jakearchibald.github.io/isserviceworkerready/">Jake
|
||||
Archibald - Is Service Worker ready?</a> - Current status of
|
||||
ServiceWorker support in different browsers.</li>
|
||||
</ul>
|
||||
<h2 id="libraries-and-tools">Libraries and Tools</h2>
|
||||
<ul>
|
||||
<li><a href="http://upup.rocks/">UpUp</a> - A popular service worker
|
||||
library providing complete offline functionality for your site in 1 line
|
||||
of code.</li>
|
||||
<li><a href="https://github.com/GoogleChrome/sw-toolbox/">sw-toolbox</a>
|
||||
- A collection of simple helpers to simplify implementing common runtime
|
||||
caching patterns.</li>
|
||||
<li><a href="https://brucelawson.github.io/manifest/">Manifest
|
||||
Generator</a> - Generate a web app manifest, required for push
|
||||
notifications and installable web apps.</li>
|
||||
<li><a
|
||||
href="https://github.com/GoogleChrome/sw-precache/">sw-precache</a> -
|
||||
Generates a service worker to cache your local App Shell resources.</li>
|
||||
<li><a
|
||||
href="https://developers.google.com/web/updates/2016/07/offline-google-analytics">sw-offline-google-analytics</a>
|
||||
- A service worker helper library to retry offline Google Analytics
|
||||
requests when a connection is available.</li>
|
||||
<li><a
|
||||
href="https://developers.google.com/web/tools/workbox/">Workbox</a> - a
|
||||
set of libraries and Node modules that make it easy to cache assets and
|
||||
take full advantage of features used to build progressive web apps.</li>
|
||||
</ul>
|
||||
<h2 id="videos">Videos</h2>
|
||||
<ul>
|
||||
<li><a href="https://youtu.be/cmGr0RszHc8">Instant Loading: Building
|
||||
offline-first Progressive Web Apps - Google I/O 2016</a> - A quick dive
|
||||
into the most common technologies and techniques for building
|
||||
progressive web apps.</li>
|
||||
<li><a
|
||||
href="https://www.udacity.com/course/offline-web-applications--ud899">Offline
|
||||
Web Applications Using IndexedDB & Service Worker</a> - This free
|
||||
Udacity course is a must if you’re planning to dive deep into service
|
||||
workers.</li>
|
||||
<li><a href="https://www.youtube.com/watch?v=jCKZDTtUA2A">Instant
|
||||
Loading with Service Workers (Chrome Dev Summit 2015)</a> - Explains how
|
||||
to structure your web app to optimize load time for initial and return
|
||||
visitors, and cover helpful service worker libraries that minimize the
|
||||
amount of boilerplate code you’ll have to write.</li>
|
||||
</ul>
|
||||
<h2 id="case-studies">Case Studies</h2>
|
||||
<ul>
|
||||
<li><a
|
||||
href="https://developers.google.com/web/showcase/case-study/service-workers-iowa">Service
|
||||
Workers in Production</a> - A case-study about how Google I/O 2015 web
|
||||
app was built.</li>
|
||||
<li><a
|
||||
href="https://developers.google.com/web/showcase/2016/service-worker-perf">Measuring
|
||||
the Real-world Performance Impact of Service Workers</a> - One of the
|
||||
most significant benefits of service workers (from a performance
|
||||
perspective, at least) is their ability to proactively control the
|
||||
caching of assets. A web application that can cache all of its necessary
|
||||
resources should load substantially faster for returning visitors. But
|
||||
what do these gains actually look like to real users? And how do you
|
||||
even measure this?</li>
|
||||
</ul>
|
||||
<h2 id="related-technologies">Related Technologies</h2>
|
||||
<ul>
|
||||
<li><a
|
||||
href="https://github.com/TalAter/awesome-progressive-web-apps#installable-web-apps">App
|
||||
Install Banners</a></li>
|
||||
<li><a
|
||||
href="https://github.com/TalAter/awesome-progressive-web-apps#background-sync">Background
|
||||
Sync</a></li>
|
||||
<li><a
|
||||
href="https://github.com/TalAter/awesome-progressive-web-apps#cachestorage-api">CacheStorage
|
||||
API</a></li>
|
||||
<li><a
|
||||
href="https://github.com/TalAter/awesome-progressive-web-apps#indexeddb">IndexedDB</a></li>
|
||||
<li><a
|
||||
href="https://github.com/TalAter/awesome-progressive-web-apps#push-notifications">Push
|
||||
Notifications</a></li>
|
||||
</ul>
|
||||
<p><a
|
||||
href="https://github.com/TalAter/awesome-service-workers">serviceworkers.md
|
||||
Github</a></p>
|
||||
Reference in New Issue
Block a user