Building Progressive Web Applications
INTERACTIVE COURSE

Building Progressive Web Applications

Intermediate

61 Lessons

11h

Certificate of Completion

AI Explanations
AI Explanations
Building Progressive Web Applications
3 Projects
33 Playgrounds
10 Quizzes
75 Illustrations

Takeaway Skills

An understanding of the progressive web application architecture and the service worker lifecycle

The ability to implement core PWA capabilities like offline support, caching app shell, and handling network requests offline

Working knowledge of sending push notifications, storing data locally using IndexedDB, and syncing data in the background

Hands-on experience using native-device APIs like geolocation, cameras, and sharing

An understanding of service worker APIs like fetch, cache, and push and learning how to leverage them for building responsive PWAs

Course Overview

Web development is challenging, but progressive web applications provide a significant advantage over traditional web applications by enabling capabilities such as installation to the device, offline access, and push notifications. You’ll start by learning about PWAs and understanding the core tenets of a PWA. Next, you’ll learn to implement features like offline support, intercepting network requests, and app installation banners using service worker APIs. You’ll then progress to caching strategies for im...Show More

Course Content

1

Introduction

2

Understanding the App Manifest

3

The Service Workers

4

Caching Using Service Workers

5

Cache Strategies

Offline Image Viewer

Project

6

IndexedDB

5 Lessons

Note-Taking App

Project

7

Creating App-like UI & UX

5 Lessons

8

Offline Experience with Background Sync API

4 Lessons

9

Web Push Notifications (Notification API, Push API)

5 Lessons

10

Native Device Features

5 Lessons

The Photo-Sharing App

Project

11

Wrapping Up

1 Lesson

COURSE AUTHOR

How You'll Learn

Hands-on Coding Environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

2x Faster Learning — With No Setup

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

AI-Powered Learning

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Progress You Can Show

Built-in assessments let you test your skills. Completion certificates let you show them off.

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath