Certificate Authentication

About PWAs

• Mobile Native App, web Applications and PWAs
• The Advantages of PWAs
• What makes an Application a PWA

Technical overview

• Service workers
  • Cache Storage
  • Offline functionality & background synchronization
  • Service worker to page communication
  • service worker to server communication
• App Manifest file
• The Application Shell Architecture
• Push notifications
• Storage with IndexedDB

Tools

• Lighthouse reports for PWA applications (example)

Service worker

1. Caching

• HTTP Caching basics
• Service Worker Caching
  • Versioning your files
  • Managing Query parameters
• Common Caching patterns
  • Cache Only
  • Cache, fallback to network
  • Network only
  • Network Fallback to cache
  • Cache, then network
  • Generic fallback

2. Intercepting network requests (hands on)

• The fetch API
• HTTPs and Service workers
• Serving files while offline
• Creating HTML responses
• Tracking offline usage

3. Cache Storage API (hands on)

• About
• Storing requests in CacheStorage
• Retrieving requests from cache Storage
• Matching responses and requests
• HTTP Headers

4. Service Worker Lifecycle and Cache management (hands on)

• The service worker lifecycle
• Service worker Lifetime and WaitUntil
• Updating a service worker
• Cache management and clearing old caches
• Reusing cached Responses
• Server and caching headers

Storing data locally with CachedDB (hands on)

• About
• Creating a connection
• Versioning Modifying an Object store
• Adding data to an object store
• Reading data
• Using cursors
• Deleting data
• Indices

Offline functionality with Background Sync (hands on)

• How Background Sync Works
• The SyncManager
• Registering Events& Sync Events
• Events Tags
• Getting a List of Registered Sync Events
• Maintaining an Action Queue in IndexedDB
• Maintaining a Queue of Requests in IndexedDB

Service Worker to PageCommunication with Post Messages (hands on)

• Window to Service Worker Messaging
• Service Worker to All Open Windows Messaging
• Service Worker to Specific Window Messaging
• Message Channel
• Communicating Between Windows
• Posting Messages from a Sync Event to the Page

Installable web apps (hands on)

• The App manifest
• Add the App to the home screen (simple and advanced cases)

Push notifications(hands on)

• The Notification API
• The Push API
• Creating Notifications
• Requesting Permission for Notifications
• Showing Notifications
• Subscribing a User to Push Events
• Public and Private VAPID Keys
• GCM keys
• Subscribing
• Sending push events from the Server
• Interrogating Notifications

Progressive web apps UX

• Best Practices