AI Features
Log In
0% completed
All Lessons
Free 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
Conclusion
Project
Learn to Localize a React Web App Using React Intl
Home
Courses
Building Progressive Web Applications
The Types of Caching
We'll cover the following...
App shell
Types of Caching
Pre-caching or static caching
Dynamic caching
Cache on demand
In applications, there are generally two types of content:
Static assets:
These include
...