1
Intro to Offline-First Progressive Web Apps in Vue.js
1m 37s
2
Add a Web App Manifest to Create a Progressive Web Application
4m 19s
3
Add Meta Tags for Other Browsers on a PWA
2m 21s
4
Cache Static Assets with Service Workers using sw-precache
2m 33s
5
Integrate Service Worker Generation into Webpack's Build with SW-Precache
3m 42s
6
Register a Service Worker in Production
3m 27s
7
Hot Reload Static Files by Clearing Service Worker Cache while Developing
2m 36s
8
Use a no-op Service Worker in Development
5m 36s
9
Show Notifications when a Service Worker is Installed or Updated
4m 52s
10
Cache External Resources during Runtime with sw-precache
6m 16s
11
Cache Data from TCP/IP Connections with IndexedDB
5m 31s
12
Lazy load Images using Intersection Observer API
6m 18s
13
Check Online Status by using the NavigatorOnLine API
3m 53s
14
Lazy Load a Route by using the Dynamic Import in Vue.js
2m 32s
15
Audit your App with Chrome Devtools
4m 6s
16
Optimize Assets Delivery using preload and prefetch
2m 57s

Check Online Status by using the NavigatorOnLine API

Vue.js^2.5.2
JavaScript

Share this video with your friends

Even if you have your application fully cached, you couldn’t perform any external request without internet connection. That’s why in order to build an offline-capable application, you must know when it’s actually offline.

This lesson shows you how to use the NavigatorOnLine API and online/offline events in order to disable the functionality to send messages of the application.

Check Online Status by using the NavigatorOnLine API

Share this video with your friends

Course

Offline-First Progressive Web Apps (PWA) in Vue.js