Progressive Web Apps - The Concise PWA Masterclass

Progressive Web Apps - The Concise PWA Masterclass

image description

What you will learn

  • Understand the purpose of PWAs.

  • Learn each aspect of the Service Worker API and the Caching API in depth.

  • Learn to add PWA technologies into existing web apps with the help of progressive enhancement.

  • Convert an existing web app to a full-featured Progressive Web App without compromising support for older Browsers.

  • Audit and improve a Progressive Web App with the help of Google Lighthouse testing tool.


Section 1: Overview

Section 2: Service Worker

Section 3: Push Notifications

Section 4: Caching

Section 5: Native App Features

Section 6: Build a Progressive Web App - Project

Section 7: Build a Push Server - Project

Section 8: Rapid PWAs with Workbox - Project

Section 9: Epilogue

Course Description

Everything you need to build Progressive Web Apps from Scratch or upgrade your existing Web Apps to PWAs.


  • 6 hoursAn understanding of HTML, CSS, and JavaScript in the browser.
  • Basic knowledge of JavaScript ES6 syntax would be beneficial.


*** NEW - Build a Push Server ***

Learn to build discoverableengaging Progressive Webs Apps (PWAs) from scratch, or Upgrade Existing Web Apps to PWAs using Service WorkersCaches API and Web App Manifests.

Learn the Essential technologies, and Concepts behind PWAs to get started as quickly and efficiently as possible.

  • Understand the purpose of PWAs and the problems they solve
  • Learn supporting JavaScript concepts for working with PWAs, including Promises & the Fetch API
  • Practical, In-depth lessons on each individual aspect of building a PWA
    • Service Workers
    • Push Notifications
    • Caching
    • Native capabilities


An invaluable skill for any Web/Mobile Developer, made available via a very concise and well-planned curriculum. 

Progressive Web Apps is an incredibly exciting, fast-growing and sought after sill in Web App Development.

This course will provide a very practical & concise approach to learning Progressive Web Apps and the curriculum includes all the aspects of PWAs ready for production today.

There’s no faster way to get started with PWAs and the course will particularly focus on upgrading existing web apps to be fully progressive without any compromise in non-supporting browsers.


Content and Overview

With 38 concise and practical lessons, this course aims to teach a solid understanding of Progressive Web Apps and is suitable for anyone with a basic understanding of HTML, CSS & JavaScript in the browser.

The course starts with an introduction to Progressive Web Apps as a concept and follows on to cover Service Workers in great details.
The Service Worker section includes short lessons on supporting JavaScript concepts, including Promises and the Fetch API.

The course also dedicates an entire section to understanding the Cache API and using it alongside Service Workers.

Finally, to put the entirety of the course contents to practice, a practical project sections covers the process of assessing and upgrading an existing Web App to be fully Progressive while still maintaining it’s initial integrity through progressive enhancement.

Upon completion of this course you will have the practical skills to immediately start building fully customized, production ready, Progressive Web Apps.

This course is to the point and everything is demonstrated in the most simple, yet practical ways.

Who this course is for:

  • This course is best suited for Web Developers looking to expand their skillset.
  • The course aims to teach the core technologies behind Progressive Web Apps.
  • There is no coverage of the JavaScript language or the browser's JavaScript context, this knowledge is assumed.