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.
Progressive Web Apps (PWA)
深入了解一个主题并学习基础知识。
中级 等级
推荐体验
推荐体验
中级
Basic understanding of HTML, CSS, and JavaScript (ES6+). Familiarity with browser developer tools and terminal commands is helpful.
7 小时 完成
灵活的计划
自行安排学习进度
深入了解一个主题并学习基础知识。
中级 等级
推荐体验
推荐体验
中级
Basic understanding of HTML, CSS, and JavaScript (ES6+). Familiarity with browser developer tools and terminal commands is helpful.
7 小时 完成
灵活的计划
自行安排学习进度
您将学到什么
Understand PWA architecture along with Web App Manifest, service workers, and browser compatibility
Implement offline-first design using caching strategies, Workbox, and IndexedDB persistence
Configure push notifications with Web Push API, VAPID authentication, and Firebase FCM
Audit and deploy production PWAs using Lighthouse, Core Web Vitals, and Firebase Hosting CI/CD
您将获得的技能
要了解的详细信息
可分享的证书
添加到您的领英档案
最近已更新！
May 2026
作业
10 项作业
授课语言：英语（English）
91% of learners achieved a positive career outcome
了解顶级公司的员工如何掌握热门技能
该课程共有4个模块
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.
涵盖的内容
9个视频4篇阅读材料3个作业
9个视频•总计48分钟
- Course Introduction•4分钟
- Introduction to PWAs•7分钟
- Understanding PWA Architecture•5分钟
- Demonstration: Setting Up PWA Development Environment•5分钟
- Demonstration: Building Your First PWA•6分钟
- Introduction to Service Workers•5分钟
- Demonstration: Configuring Web App Manifest•5分钟
- PWA Browser Compatibility Overview•5分钟
- Demonstration: Registering a Service Worker•5分钟
4篇阅读材料•总计37分钟
- Welcome to Progressive Web Apps•7分钟
- PWA Architecture: Core Principles vs. Native Apps•10分钟
- Service Workers and Web App Manifest: Developer Reference•10分钟
- Summary of PWA Foundations and First Build •10分钟
3个作业•总计42分钟
- Practice Knowledge Check: Introduction to PWAs and Its Architecture•6分钟
- Practice Knowledge Check: Service Workers and Manifest•6分钟
- Knowledge Check: PWA Foundations and First Build •30分钟
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.
涵盖的内容
10个视频3篇阅读材料3个作业
10个视频•总计53分钟
- Overview of Caching Strategies•6分钟
- Demonstration: Implementing Cache-First Strategy•4分钟
- Demonstration: Advanced Caching Strategies - Network First and SWR•6分钟
- Managing Cache Updates and Versioning•5分钟
- Demonstration: Introduction to Workbox•6分钟
- Offline-First Design Principles•5分钟
- Demonstration: Handling Offline Fallbacks•5分钟
- Demonstration: Working with IndexedDB•7分钟
- Understanding Background Sync•5分钟
- Demonstration: Implementing Background Sync•5分钟
3篇阅读材料•总计30分钟
- PWA Caching Strategies with Workbox: A Practical Guide•10分钟
- Offline-First PWAs: IndexedDB, Background Sync and Data Resilience•10分钟
- Summary of Caching, Workbox and Offline-First•10分钟
3个作业•总计42分钟
- Practice Knowledge Check: Caching Strategies and Workbox•6分钟
- Practice Knowledge Check: Offline Data and Background Sync•6分钟
- Knowledge Check: Caching, Workbox and Offline-First•30分钟
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.
涵盖的内容
7个视频3篇阅读材料3个作业
7个视频•总计36分钟
- Introduction to Push Notifications•5分钟
- Demonstration: Creating Custom Install Experience•6分钟
- Demonstration: Setting Up Push API•5分钟
- Demonstration: Using Firebase for Push Notifications•6分钟
- Understanding Core Web Vitals•5分钟
- Demonstration: Running Lighthouse Audits•4分钟
- Demonstration: Deploying a PWA to Production•6分钟
3篇阅读材料•总计30分钟
- PWA Push Notifications and Install Prompts: Implementation and UX•10分钟
- Core Web Vitals for PWAs: Lighthouse Auditing and Deployment•10分钟
- Summary of Native Features, Performance and Deployment•10分钟
3个作业•总计42分钟
- Practice Knowledge Check: Installability and Push Notifications•6分钟
- Practice Knowledge Check: Performance and Deployment•6分钟
- Knowledge Check: Native Features, Performance and Deployment•30分钟
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.
涵盖的内容
1个视频1篇阅读材料1个作业
1个视频•总计3分钟
- Course Summary•3分钟
1篇阅读材料•总计30分钟
- Practice Project: Building and Deploying a Production-Ready Progressive Web App•30分钟
1个作业•总计30分钟
- End Course Knowledge Check: Progressive Web Apps (PWA)•30分钟
位教师
提供方
提供方
Edureka
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.
人们为什么选择 Coursera 来帮助自己实现职业发展
Felipe M.
自 2018开始学习的学生
''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'
Jennifer J.
自 2020开始学习的学生
''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'
Larry W.
自 2021开始学习的学生
''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'
Chaitanya A.
''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'
通过在线学位推动您的职业生涯
获取世界一流大学的学位 - 100% 在线
常见问题
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.
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.
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.
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.
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.
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.
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.
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.
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.
更多问题
提供助学金，