Progressive Web Apps (PWA) teaches you how to build, architect, and deploy production-grade web applications that work offline, load instantly, and behave like native apps — without an app store. You will work hands-on with service workers, the Web App Manifest, Workbox, IndexedDB, and the Web Push API to build resilient user experiences across browsers.
This is a follow-along demonstration course and each module builds directly on the previous one, progressing from your first PWA scaffold through advanced caching strategies, background sync, push notifications, Lighthouse auditing, and CI/CD deployment to Firebase Hosting. Every technique is demonstrated live so you can follow along and build your own production-ready PWA.
By the end of this course, you will be able to:
1. Analyze PWA architecture concepts including the Web App Manifest, service worker lifecycle, and browser compatibility across Chrome, Safari, Firefox, and iOS
2. Implement caching strategies (cache-first, network-first, stale-while-revalidate) and implement Workbox for production-grade offline performance
3. Apply offline-first design by implementing custom fallback experiences, IndexedDB data persistence, and Background Sync for resilient data handling
4. Configure push notifications using the Web Push Protocol, VAPID authentication, and Firebase Cloud Messaging (FCM)
5. Build installable PWAs with custom install UI by intercepting the beforeinstallprompt event
6. Audit PWA quality using Lighthouse across all six scoring categories and resolve Core Web Vitals issues
7. Deploy a production-ready PWA to Firebase Hosting and configure an automated CI/CD release pipeline
This course is ideal for front-end developers and web engineers who want to extend their web applications with native-app capabilities, improve performance scores, and deliver seamless offline experiences.
A working knowledge of JavaScript, HTML, and CSS is required. Familiarity with ES6+ syntax and basic browser developer tools is helpful.
Enroll today and build your first production-ready Progressive Web App — fully offline, fully installable, fully deployed.
Analyze the foundations of Progressive Web Apps by examining their core principles, architectural pillars, and how they compare to traditional web and native applications. Develop foundational skills by configuring the Web App Manifest, registering a service worker, and scaffolding a functional PWA project. Build practical implementation capabilities by navigating the service worker lifecycle, understanding scope, and inspecting PWA behavior using Chrome DevTools across target browsers.
What's included
9 videos4 readings3 assignments
Show info about module content
9 videos•Total 48 minutes
Course Introduction•4 minutes
Introduction to PWAs•7 minutes
Understanding PWA Architecture•5 minutes
Demonstration: Setting Up PWA Development Environment•5 minutes
Demonstration: Building Your First PWA•6 minutes
Introduction to Service Workers•5 minutes
Demonstration: Configuring Web App Manifest•5 minutes
PWA Browser Compatibility Overview•5 minutes
Demonstration: Registering a Service Worker•5 minutes
4 readings•Total 37 minutes
Welcome to Progressive Web Apps•7 minutes
PWA Architecture: Core Principles vs. Native Apps•10 minutes
Service Workers and Web App Manifest: Developer Reference•10 minutes
Summary of PWA Foundations and First Build •10 minutes
3 assignments•Total 42 minutes
Practice Knowledge Check: Introduction to PWAs and Its Architecture•6 minutes
Practice Knowledge Check: Service Workers and Manifest•6 minutes
Knowledge Check: PWA Foundations and First Build •30 minutes
Caching, Workbox and Offline-First
Module 2•2 hours to complete
Module details
Implement caching and offline-first architecture by selecting and applying the appropriate caching strategy based on asset type, content criticality, and update frequency. Apply Workbox to configure production-grade routing, precaching, and safe cache versioning across real application scenarios. Develop offline resilience skills by implementing custom fallback experiences, persisting structured data using IndexedDB, and applying Background Sync to retry failed requests when connectivity is restored.
PWA Caching Strategies with Workbox: A Practical Guide•10 minutes
Offline-First PWAs: IndexedDB, Background Sync and Data Resilience•10 minutes
Summary of Caching, Workbox and Offline-First•10 minutes
3 assignments•Total 42 minutes
Practice Knowledge Check: Caching Strategies and Workbox•6 minutes
Practice Knowledge Check: Offline Data and Background Sync•6 minutes
Knowledge Check: Caching, Workbox and Offline-First•30 minutes
Native Features, Performance and Deployment
Module 3•2 hours to complete
Module details
Analyze the native capability layer of PWAs by implementing installability through a custom install UI and delivering push notifications using VAPID authentication and Firebase Cloud Messaging. Develop practical auditing skills by running Lighthouse across all six scoring categories and applying targeted optimizations to Core Web Vitals before production release. Deploy the completed PWA to Firebase Hosting and configure a CI/CD pipeline for consistent, automated production deployments.
Demonstration: Deploying a PWA to Production•6 minutes
3 readings•Total 30 minutes
PWA Push Notifications and Install Prompts: Implementation and UX•10 minutes
Core Web Vitals for PWAs: Lighthouse Auditing and Deployment•10 minutes
Summary of Native Features, Performance and Deployment•10 minutes
3 assignments•Total 42 minutes
Practice Knowledge Check: Installability and Push Notifications•6 minutes
Practice Knowledge Check: Performance and Deployment•6 minutes
Knowledge Check: Native Features, Performance and Deployment•30 minutes
Course Wrap-Up and Assessment
Module 4•1 hour to complete
Module details
This module is designed to assess an individual on the various concepts and teachings covered in this course. Evaluate your knowledge with a comprehensive graded quiz.
What's included
1 video1 reading1 assignment
Show info about module content
1 video•Total 3 minutes
Course Summary•3 minutes
1 reading•Total 30 minutes
Practice Project: Building and Deploying a Production-Ready Progressive Web App•30 minutes
1 assignment•Total 30 minutes
End Course Knowledge Check: Progressive Web Apps (PWA)•30 minutes
Edureka is an online education platform focused on delivering high-quality learning to working professionals. We have the
highest course completion rate in the industry and we strive to create an online ecosystem for our global learners to equip
themselves with industry-relevant skills in today’s cutting edge technologies.
OK
Why people choose Coursera for their career
Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
What are the prerequisites for this Progressive Web App course?
You should have a working knowledge of HTML, CSS, and JavaScript before enrolling — including an understanding of how the browser DOM works and how to write basic event-driven code. Familiarity with ES6+ syntax such as arrow functions, Promises, and async/await is particularly helpful since service workers rely heavily on these patterns. You do not need prior experience with PWAs, Workbox, or Firebase. If you are comfortable building a simple interactive web page from scratch, you are ready for this course.
What is a Progressive Web App (PWA) and why should I learn it?
A Progressive Web App is a web application that uses modern browser APIs — primarily service workers and the Web App Manifest — to deliver a native app-like experience directly in the browser, including offline access, home screen installation, and push notifications.
PWAs eliminate the need to publish to app stores while matching the performance and engagement of native apps. For developers, PWA skills are increasingly expected in front-end and full-stack roles as organizations look to reduce app development costs and improve user retention. Learning PWA development gives you a high-demand, platform-independent skill set that applies to any web project.
Is this a follow-along demonstration course?
Yes — this is a hands-on, follow-along course. Each module is structured around live demonstration videos where the instructor builds real features from scratch so you can follow along in your own development environment.
You will configure a Web App Manifest, register and manage service workers, implement multiple caching strategies using Workbox, persist data with IndexedDB, handle background sync, set up push notifications with Firebase Cloud Messaging, and deploy your finished PWA to Firebase Hosting. By the end of the course, you will have built a fully functional, production-ready Progressive Web App.
What topics are covered in this Progressive Web Apps course?
The course is divided into four modules covering the complete PWA development lifecycle. Module 1 covers PWA fundamentals — architecture, the Web App Manifest, service worker registration, lifecycle management, and browser compatibility across browsers.
Module 2 focuses on caching strategies (cache-first, network-first, stale-while-revalidate), Workbox for production caching, offline-first design, IndexedDB data persistence, and Background Sync.
Module 3 addresses native PWA features including installability, push notifications with VAPID and Firebase Cloud Messaging, Lighthouse auditing, Core Web Vitals optimization, and deployment to Firebase Hosting with CI/CD. Module 4 is the course wrap-up with a comprehensive graded assessment.
How long is this PWA course and how much time should I set aside each week?
The course is structured over approximately 4 weeks with a total estimated effort of around 8 hours. Each week corresponds to one module and includes theory and demonstration videos, supplementary readings, practice knowledge checks, a Coach Dialogue, and graded module assessment.
We recommend setting aside 2–3 hours per week to work through the videos, follow along with the demonstrations, and complete the assessments. Learners who want to go deeper can build on the demonstrations independently to add features to their PWA projects.
What career roles does this PWA course prepare me for?
Completing this course directly supports job roles including Front-End Developer, Web Application Developer, Full-Stack Developer, UI/UX Engineer, and Mobile Web Developer.
PWA skills are increasingly listed as requirements in front-end job descriptions alongside React, Angular, and Vue expertise — particularly for roles that involve mobile-first web development or performance engineering. Developers who can demonstrate offline capability design, Core Web Vitals optimization, and CI/CD deployment are particularly competitive for senior front-end and web engineering positions.
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I purchase the Certificate?
When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.