AI Features

0% completed

All LessonsFree Lessons (5)

Introduction

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

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

What are Service Workers?Functional Events of the Service Worker The Service Worker Life Cycle Registering a Service Worker Reacting to Incoming Events in a Service Worker Updating and Activating Service Workers Listening to Fetch Events Quiz: Do You Know About Service Workers?

Caching Using Service Workers

The Need for Caching Introduction to the Cache API Working with the Cache API The Types of Caching Static Caching or Pre-Caching Retrieving Items from the Cache Serve a Web App in Offline Mode Dynamically Caching Static-Content Updating Cached Files Caching Considerations and Best Practices Quiz on Caching

Cache Strategies

The Cache-on-Demand Strategy The Offline-Fallback Page The Cache-with-Network-Fallback strategy The Cache-Only Strategy The Network-Only Strategy The Network-with-Cache-Fallback Strategy The Cache-Then-Network Strategy Quiz on Caching Strategies

Mini Project

Offline Image Viewer

IndexedDB

Introducing the IndexedDB API The IndexedDB Interfaces Creating Databases and Object Stores CRUD Operations Using IndexedDB Quiz on IndexedDB

Mini Project

Note-Taking App

Creating App-Like UI and UX

Responsive Design CSS Media Queries Responsive Images Accessibility Quiz on Responsive Design

Offline Experience with Background Sync API

Introducing the Background Sync API The Working of the Background Sync API The Periodic Background Synchronization API Quiz on Background Sync APIs

Web Push Notifications (Notification API, Push API)

Introduction to Web Push Notifications How Push Notifications Work Implementing Notifications Implementing Push Messages Quiz on Web Push Notifications

Native Device Features

Introduction to Native Device Features The Web Share API The Geolocation API The MediaStream API Quiz on Web APIs

Mini Project

The Photo-Sharing App

Wrapping Up

Project

Learn to Localize a React Web App Using React Intl

Building Progressive Web Applications

Conclusion

Recap the course and get some final thoughts.

We'll cover the following...

Summary
Final thoughts

Congratulations on completing ...