Make a static site work offline (by hand) - Progressive Web App Training

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=dXuvT4oollQ


Duration: 8:13
41,180 views
563

One of the best features of Progressive Web Apps is their ability to function even when offline.

No more Downasaur!

This video explains how to use the service worker and Cache API to make a simple app work offline.

Full playlist:
https://www.youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh



Other Videos By Chrome for Developers


2019-05-06Caching server-generated content (publishing/news sites) - Progressive Web App Training
2019-05-06Caching user content (social sites) - Progressive Web App Training
2019-05-06Caching strategies - Progressive Web App Training
2019-05-06When and how to update the cache - Progressive Web App Training
2019-05-06Using Workbox with build systems - Progressive Web App Training
2019-05-06Using Workbox to manage your caches - Progressive Web App Training
2019-05-06Gulp Setup - Progressive Web App Training
2019-05-06Client-side data for Progressive Web Apps: How to use Cloud Firestore - Progressive Web App Training
2019-05-01Design Systems - The State of the Web
2019-05-01Install a PWA on the home screen - Progressive Web App Training
2019-05-01Make a static site work offline (by hand) - Progressive Web App Training
2019-04-23New in Chrome 74: Private Class Fields, Prefers Reduced Motion, CSS Transition Events, & more!
2019-04-22Debugging Service Workers in Safari - Progressive Web App Training
2019-04-22Debugging Service Workers in Chrome - Progressive Web App Training
2019-04-22Debugging Service Workers in Firefox - Progressive Web App Training
2019-04-22Using the Fetch API - Progressive Web App Training
2019-04-22Advanced promises - Progressive Web App Training
2019-04-22Intro to Promises (incl async/await) - Progressive Web App Training
2019-04-22Tools for building Progressive Web Apps: Workbox - Progressive Web App Training
2019-04-19Chrome 74 - What’s New in DevTools
2019-04-16#AskChrome Live: Implementing Performance Budgets (April 16, 2019)


Tags:
Google
Google Developers
Progressive Web Apps
PWA
web platform
web
web applications
web apps
progressive web applications
mobile web
mobile web applications
web development
course
offline
static site
Cache API
Service Worker
service workers
caching
Chrome