Learn how to build progressive web apps by understanding and implementing their building blocks.
Intermediate
61 Lessons
11h
Certificate of Completion
Learn how to build progressive web apps by understanding and implementing their building blocks.
AI-POWERED
AI-POWERED
This course includes
This course includes
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
TAKEAWAY SKILLS
Web Api
What You'll Learn
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
What You'll Learn
An understanding of the progressive web application architecture and the service worker lifecycle
See more
Course Content
Introduction
Understanding the App Manifest
The Service Workers
Caching Using Service Workers
Cache Strategies
Offline Image Viewer
Project
IndexedDB
5 Lessons
Note-Taking App
Project
Creating App-like UI & UX
5 Lessons
Offline Experience with Background Sync API
4 Lessons
Web Push Notifications (Notification API, Push API)
5 Lessons
Native Device Features
5 Lessons
The Photo-Sharing App
Project
Wrapping Up
1 Lesson
Course Author
Trusted by 1.4 million developers working at companies
Anthony Walker
@_webarchitect_
Emma Bostian 🐞
@EmmaBostian
Evan Dunbar
ML Engineer
Carlos Matias La Borde
Software Developer
Souvik Kundu
Front-end Developer
Vinay Krishnaiah
Software Developer
Eric Downs
Musician/Entrepeneur
Kenan Eyvazov
DevOps Engineer
Anthony Walker
@_webarchitect_
Emma Bostian 🐞
@EmmaBostian
See how Educative uses AI to make your learning more immersive than ever before.
Instant Code Feedback
AI-Powered Mock Interviews
Adaptive Learning
Explain with AI
AI Code Mentor