Duration of the online course: 3 hours and 24 minutes
5
(3)
Turn a regular website into an app-like experience users can install, launch from the home screen, and keep using even when the connection drops. This free online course is designed for beginners who want practical, job-relevant Progressive Web App skills without getting lost in theory. You will build confidence by creating a simple contact list application and then progressively enhancing it with the core features that make PWAs feel fast, reliable, and engaging.
You will learn how the web app manifest influences the installed experience, including the display modes that help your project behave like an independent application. From there, you will work with service workers—the engine behind offline support and performance. You will understand where the service worker file must live to control the right scope, how the lifecycle works, and how installation and activation affect what users see. This helps you avoid common headaches, such as updating a page but still seeing old content because a previous cache is being served.
As you move forward, you will practice caching strategies that keep the app responsive while ensuring updates are delivered correctly. You will explore how to cache app shell files, enable offline readiness, handle fetch events, and implement dynamic caching with practical limits so storage does not grow without control. You will also understand how to provide an offline fallback page that keeps the experience clear and consistent when a user navigates without connectivity.
Finally, you will connect the app to a real-time backend workflow with Firebase, learning patterns for keeping the UI synced efficiently and handling deletes without leaving stale entries behind. You will also see why offline persistence matters for a PWA, making your application more resilient and user-friendly. By the end, you will have a strong foundation in building, debugging, and shipping beginner-friendly PWAs that feel like true apps—ideal for web development learners and anyone looking to strengthen their modern JavaScript project portfolio.
Video class: PWA Tutorial for Beginners 1 - Getting Started with Progressive Web Apps
20m
Exercise: Which feature best demonstrates a core PWA capability in the contact organizer app
Video class: PWA Tutorial for Beginners 2 - Creating A Contact List App
15m
Exercise: In a PWA web app manifest, which display value makes the app behave like an independent installed application?
Video class: PWA Tutorial for Beginners 3 - Service worker installation
15m
Exercise: Where should the service worker file be placed to control the entire PWA?
Video class: PWA Tutorial for Beginners 4 - Service worker lifecycle
12m
Exercise: In a PWA, where should the service worker file sw.js be placed to ensure global scope
Video class: PWA Tutorial for Beginners 5 - Service worker lifecycle events
13m
Exercise: How to immediately activate a new service worker version
Video class: PWA Tutorial for Beginners 6
12m
Exercise: What is essential to enable offline support and pass the PWA offline readiness audit?
Video class: PWA Tutorial for Beginners 7
12m
Exercise: How do you enable offline capability in a beginner PWA using a service worker
Video class: PWA Tutorial for Beginners 8
11m
Exercise: What does event.waitUntil do in the install event of a service worker?
Video class: PWA Tutorial for Beginners 9
10m
Exercise: After updating index.html, your PWA still shows the old content. What is the most likely cause and the correct fix?
Video class: PWA Tutorial for Beginners 10
11m
Exercise: How do you ensure a PWA uses the latest cached files after updating the service worker?
Video class: PWA Tutorial for Beginners 11
17m
Exercise: How do you implement dynamic caching with a size limit in a PWA service worker fetch handler?
Video class: PWA Tutorial for Beginners 12
13m
Exercise: When configuring an offline fallback for a static PWA whose home page is index.html, which file should users be redirected to when offline?
Video class: PWA Tutorial for Beginners 13
11m
Exercise: How should a PWA register its service worker to ensure browser support?
Video class: PWA Tutorial for Beginners 14
13m
Exercise: How should a PWA contacts app keep the UI synced with Firebase and handle deletes efficiently?
Video class: PWA Tutorial for Beginners 15
13m
Exercise: Why enable Firestore persistence in a PWA?
Explore our free online course on Progressive Web Apps and learn how to build fast, reliable, and engaging experiences accessible across all devices.
Discover top free JavaScript online courses! Master JS coding, from basics to advanced concepts, with interactive lessons. Start your coding journey today!
Explore our free online course on Service Workers and discover how to enhance web performance and offline capabilities. Enroll now to boost your skills!
3 hours and 24 minutes of online video course
Digital certificate of course completion (Free)
Exercises to train your knowledge
100% free, from content to certificate
Ready to get started?Download the app and get started today.
Install the app now
to access the course
Over 5,000 free courses
Programming, English, Digital Marketing and much more! Learn whatever you want, for free.
Study plan with AI
Our app's Artificial Intelligence can create a study schedule for the course you choose.
From zero to professional success
Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.
You can also use the QR Code or the links below.
Free CourseCreate an Ecommerce website using PHP and MySql
5
(1)
18h49m
35 exercises
Free CourseJavaScript for beginners
4.91
(23)
1h40m
2 exercises
Free CourseUmbraco CMS
4.86
(22)
6h21m
19 exercises
Free CourseFull Stack Web Development
4.81
(16)
26h16m
48 exercises
Free CourseAngular 2 for Beginners
4.79
(29)
1h02m
9 exercises
Free CourseDesign and code a landing page
4.76
(34)
4h40m
15 exercises
Free CourseJavascript
4.75
(104)
4h52m
46 exercises
Free CourseWeb Development for beginners
4.72
(802)
5h21m
30 exercises
Free CoursejQuery
4.71
(14)
9h04m
7 exercises
Free CourseHTML for absolute beginners
4.7
(20)
1h00m
Thousands of online courses in video, ebooks and audiobooks.
To test your knowledge during online courses
Generated directly from your cell phone's photo gallery and sent to your email
Download our app via QR Code or the links below::.
Carry knowledge in your pocket.
Download the Cursa app.
There are hundreds of free courses available, with a free certificate of completion that is saved in your mobile image gallery.
Download the app to access the Course Completion Certificate for Free.
+ 10 million
students
Free and Valid
Certificate
60 thousand free
exercises
4.8/5 rating in
app stores
Free courses in
video and ebooks
Course comments: Progressive Web Application PWA for Beginners
Kundan Kumar singh
hood