HomeCoursesBuilding Progressive Web Applications

Updated 27 Aug

AI-powered learning

Save

Building Progressive Web Applications

Name: Building Progressive Web Applications
Price: 59 USD
Author: Rahul Mittal

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

Created by Rahul Mittal

What's included

61 lessons across 11 modules
10 quizzes with instant feedback
4 projects in preconfigured environments
AI Tutor on every lesson

Join 3.1 million developers at

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

Learning Roadmap

61 Lessons3 Projects10 Quizzes

Introduction

Get familiar with Progressive Web Apps, their benefits, business impact, and core components.

Introduction to Progressive Web Apps

PWAs vs. Native Apps

PWAs as Drivers of Business Success

PWA Core Building Blocks

Quiz: Introduction to PWAs

Understanding the App Manifest

Get started with configuring web app manifests for optimal PWA installation and user experience.

Getting Started with a Web App Manifest

Understanding the App Manifest Properties

The Add to Home Screen Experience

Quiz: Understanding the App Manifest

The Service Workers

8 Lessons

Master the steps to utilize service workers for offline functionality and enhanced user engagement.

Caching Using Service Workers

11 Lessons

Grasp the fundamentals of caching using service workers to enhance offline web application performance.

Cache Strategies

8 Lessons

Take a closer look at various caching strategies for optimizing Progressive Web Applications.

Offline Image Viewer

Project

IndexedDB

5 Lessons

Simplify complex topics like using IndexedDB for offline storage, data management, and CRUD operations.

Note-Taking App

Project

Creating App-Like UI and UX

5 Lessons

Master the steps to create responsive, accessible, and user-friendly Progressive Web App interfaces.

Offline Experience with Background Sync API

4 Lessons

Learn how to use the Background Sync API for seamless offline experiences in web apps.

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.

The Photo-Sharing App

Project

11.

Wrapping Up

Apply your skills to develop and enhance effective progressive web applications.

Conclusion

Learn to Localize a React Web App Using React Intl

Project

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

About this course

WHY I WROTE 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.

Learn more about Rahul

Trusted by 3.1 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative 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

Course

Rediscovering JavaScript: ES6, ES7 & ES8

Gain insights into ES6, ES7, and ES8 modern JavaScript features. Delve into variables, classes, promises, and metaprogramming. Discover techniques for writing efficient and concise code.

13 h

intermediate

Course

Angular: Designing and Architecting Web Applications

Gain insights into designing scalable Angular applications. Learn about components, directives, routing, RXJS, forms, and Firebase authentication to develop rich, interactive web solutions.

20 h

beginner

Course

Complete JavaScript Course: Build a Real World App from Scratch

Gain insights into JavaScript with ES6, DOM traversal, event handling, and animation. Learn about building a Social News web app from scratch using HTML, CSS, and JavaScript.

20 h

beginner

Course

The Complete Guide to Modern JavaScript

Gain insights into JavaScript from basics to ES2021, delve into TypeScript essentials, and test your knowledge through quizzes and coding challenges to reinforce learning.

6 h

beginner

Course

JavaScript Promises

Gain insights into JavaScript Promises to handle asynchronous events, chain multiple promises, utilize built-in methods, and master async functions with await expressions for efficient event handling.

12 h

intermediate

Course

Learn React 19: The Complete Guide to Modern Web Apps

Start from the basics and become a confident React 19 developer by building fast, real-world UIs while learning scalable architecture, async UI patterns, performance optimization, and projects.

29 h

beginner

Course

Rediscovering JavaScript: ES6, ES7 & ES8

intermediate

13 hour

Course

Angular: Designing and Architecting Web Applications

beginner

20 hour

Course

Complete JavaScript Course: Build a Real World App from Scratch