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.
Web development is challenging, but progressive web applications provide a significant advantage over traditional web applicatio...Show More
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
An understanding of the progressive web application architecture and the service worker lifecycle
Show more
TAKEAWAY SKILLS
Content
1.
Introduction
5 Lessons
Get familiar with Progressive Web Apps, their benefits, business impact, and core components.
2.
Understanding the App Manifest
4 Lessons
Get started with configuring web app manifests for optimal PWA installation and user experience.
3.
The Service Workers
8 Lessons
Master the steps to utilize service workers for offline functionality and enhanced user engagement.
4.
Caching Using Service Workers
11 Lessons
Grasp the fundamentals of caching using service workers to enhance offline web application performance.
5.
Cache Strategies
8 Lessons
Take a closer look at various caching strategies for optimizing Progressive Web Applications.
6.
IndexedDB
5 Lessons
Simplify complex topics like using IndexedDB for offline storage, data management, and CRUD operations.
7.
Creating App-Like UI and UX
5 Lessons
Master the steps to create responsive, accessible, and user-friendly Progressive Web App interfaces.
8.
Offline Experience with Background Sync API
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)
5 Lessons
Get started with web push notifications to enhance engagement and manage user interactions.
10.
Native Device Features
5 Lessons
Examine the use of native features in PWAs to enhance functionality and user experience.
11.
Wrapping Up
1 Lessons
Apply your skills to develop and enhance effective progressive web applications.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:
Developed by MAANG Engineers
Trusted by 2.8 million developers working at companies
"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"
Anthony Walker
@_webarchitect_
"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"
Evan Dunbar
ML Engineer
"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."
Software Developer
Carlos Matias La Borde
"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"
Souvik Kundu
Front-end Developer
"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."
Vinay Krishnaiah
Software Developer
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources
