Progressive Web Apps The Concise PWA Masterclass

Everything you need to build Progressive Web Apps from Scratch, or upgrade your existing Web Apps to PWAs.
Progressive Web Apps The Concise PWA Masterclass
File Size :
1.84 GB
Total length :
5h 58m



Ray Viljoen


Last update




Progressive Web Apps The Concise PWA Masterclass

What you’ll 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.

Progressive Web Apps The Concise PWA Masterclass


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


Learn to build discoverable, engaging Progressive Webs Apps (PWAs) from scratch, or Upgrade Existing Web Apps to PWAs using Service Workers, Caches 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 solveLearn supporting JavaScript concepts for working with PWAs, including Promises & the Fetch APIPractical, In-depth lessons on each individual aspect of building a PWAService WorkersPush NotificationsCachingNative capabilitiesAn 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 skill 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 OverviewWith 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 customised, production ready, Progressive Web Apps.This course is to the point and everything is demonstrated in the most simple, yet practical ways.


Section 1: Overview

Lecture 1 Introduction

Lecture 2 Technical Overview

Lecture 3 Lesson Structure

Section 2: Service Worker

Lecture 4 Introduction

Lecture 5 Promise API

Lecture 6 Fetch API

Lecture 7 Lifecycle

Lecture 8 Events: Fetch

Lecture 9 Scope

Lecture 10 ServiceWorkerRegistration

Lecture 11 Events: Message

Lecture 12 Events: Push

Section 3: Push Notifications

Lecture 13 Notifications

Lecture 14 Server Push

Section 4: Caching

Lecture 15 Storage Options

Lecture 16 CacheStorage

Lecture 17 Cache API

Lecture 18 Caching in the Service Worker

Lecture 19 Caching Strategies

Section 5: Native App Features

Lecture 20 Develop with Real Devices

Lecture 21 Web App Manifest

Lecture 22 Add to Homescreen

Lecture 23 Safari App Icons

Section 6: Build a Progressive Web App – Project

Lecture 24 Project Introduction

Lecture 25 Adding a Service Worker

Lecture 26 Cache Dynamic Content

Lecture 27 Managing Cache Storage

Lecture 28 Deploying with GitHub Pages

Lecture 29 Testing with LIghthouse

Section 7: Build a Push Server – Project

Lecture 30 Project Setup

Lecture 31 Server Endpoints

Lecture 32 Public Key

Lecture 33 Server Subscription

Lecture 34 Subscription Storage

Lecture 35 Push Notifications

Lecture 36 Subscription Management

Section 8: Rapid PWAs with Workbox – Project

Lecture 37 App Overview & Setup

Lecture 38 App Shell

Lecture 39 App Logic

Lecture 40 Camera

Lecture 41 Adding Messages

Lecture 42 Syncing Messages

Lecture 43 Creating a Service Worker

Lecture 44 Automating Service Worker Builds

Section 9: Epilogue

Lecture 45 Resources & Further Learning

Lecture 46 Bonus Lecture: Feedback & Courses

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.

Course Information:

Udemy | English | 5h 58m | 1.84 GB
Created by: Ray Viljoen

You Can See More Courses in the Developer >> Greetings from

New Courses

Scroll to Top