Developing Progressive Web Apps

Web

In this 2-day workshop, you will learn how to build Progress Web Apps (PWA). PWAs are web applications that behave like traditional applications or native mobile applications.

PWAs live within the web browser, and have the ability to work even if the device is offline. According to Google Developers, PWAs are:

  • Progressive – Work for every user, regardless of browser choice
  • Responsive – Fit any form factor - desktop, mobile, or tablet
  • Connectivity independent – Work offline, or on low quality networks
  • App-like – Feel like an app to the user with app-style interactions and navigation
  • Fresh – Always up-to-date
  • Safe – Served via HTTPS
  • Re-engageable – Make re-engagement easy through features like push notifications
  • Installable – Allow users to "keep" apps they find most useful on their home screen without the need of an app store
  • Linkable - Easily shared via a URL

Topics

  • Introduction to ES6
    • Promises
    • Arrow functions
    • Async functions
  • What is Progressive Web Apps (PWA)
    • Advantages of PWAs
    • Support for PWAs
  • Progressive Web App Architectures
  • Understanding Service Worker
    • Life Cycle
    • Registration
    • Web App Manifest
    • Using the Cache API
  • Networking
    • Using the Fetch API
  • Asynchronous Programming
    • Using Promises
  • Persisting Data
    • Using Live Data
    • Using IndexedDB
  • Performing Push Notifications
  • Using Workbox
    • Migrating to WorkBox

Prerequisites

  • Knowledge of basic programming and object-oriented programming concepts

Hardware and Software Requirements

  • Windows laptop or MacBook

Tid

09:00 - 16:15