Useful Resources for Developing Progressive Web Apps

Progressive Web Apps are web applications that take advantage of new web technologies to act and feel like a native app. Progressive web apps work for every user regardless of the browser choice, they are reliable, fast and secure.

You can think of it as a website built using web technologies but that acts and feels like an app.

10 key concepts — from Google Developers

  1. Safe — Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.
  2. Progressive — Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet.
  3. Responsive — Fit any form factor: desktop, mobile, tablet, or whatever is next.
  4. Connectivity-independent — Enhanced with service workers to work offline or on low quality networks.
  5. App-like — Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model.
  6. Fresh — Always up-to-date thanks to the service worker update process.
  7. Discoverable — Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
  8. Re-engageable — Make re-engagement easy through features like push notifications.
  9. Installable — Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
  10. Linkable — Easily share via URL and not require complex installation.

Online Courses

  1. Udacity — Intro to Progressive Web Apps
  2. Udemy — Progressive Web Apps (PWA) — The Complete Guide

  3. Plural Sight — Getting Started with Progressive Web Apps

  4.