AI-powered learning
Save this course
Building Progressive Web Applications
Build PWAs with offline support, push notifications, and responsive design. Learn service workers, caching, and optimization for native-like experiences.
4.7
61 Lessons
4 Projects
11h
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- 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
Learning Roadmap
1.
Introduction
Introduction
Get familiar with Progressive Web Apps, their benefits, business impact, and core components.
2.
Understanding the App Manifest
Understanding the App Manifest
Get started with configuring web app manifests for optimal PWA installation and user experience.
3.
The Service Workers
The Service Workers
8 Lessons
8 Lessons
Master the steps to utilize service workers for offline functionality and enhanced user engagement.
4.
Caching Using Service Workers
Caching Using Service Workers
11 Lessons
11 Lessons
Grasp the fundamentals of caching using service workers to enhance offline web application performance.
5.
Cache Strategies
Cache Strategies
8 Lessons
8 Lessons
Take a closer look at various caching strategies for optimizing Progressive Web Applications.
6.
IndexedDB
IndexedDB
5 Lessons
5 Lessons
Simplify complex topics like using IndexedDB for offline storage, data management, and CRUD operations.
7.
Creating App-Like UI and UX
Creating App-Like UI and UX
5 Lessons
5 Lessons
Master the steps to create responsive, accessible, and user-friendly Progressive Web App interfaces.
8.
Offline Experience with Background Sync API
Offline Experience with Background Sync API
4 Lessons
4 Lessons
Learn how to use the Background Sync API for seamless offline experiences in web apps.
9.
Web Push Notifications (Notification API, Push API)
Web Push Notifications (Notification API, Push API)
5 Lessons
5 Lessons
Get started with web push notifications to enhance engagement and manage user interactions.
10.
Native Device Features
Native Device Features
5 Lessons
5 Lessons
Examine the use of native features in PWAs to enhance functionality and user experience.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
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 improved performance, IndexedDB for storing data locally, and background syncing for unstable networks. Finally, you’ll cover responsive web design and native-device APIs to make your PWA feel and look like a native app.
After completing this course, you can build progressive apps with engaging and responsive experiences. You’ll also be prepared to optimize your existing web apps as PWAs, extending their reach and improving performance.
ABOUT THE AUTHOR
Rahul Mittal
I have been a software developer since 2021, with experience building web and mobile applications. I specialize in technologies like JavaScript, PHP, Python, Android, Flutter and Node.js and have worked at startups and small-sized companies.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
