PWA Tutorial for Beginners

Overview

In this beginner-level tutorial, you will learn about PWA. You will learn about PWA’s, setting up a project, web app manifest, Android emulator, iOS support, service workers, service worker life-cycle, registering a service worker, install event, activate event, Lighthouse Audit, fetch events, install banner, offline mode, pre-caching assets, getting cached assets, cache versioning, dynamic caching, offline fallback page, conditional fallbacks, limiting cache size, site audit refresh, Firestore database, realtime data, updating the UI, offline data, adding recipes, deleting recipes, deploying to Firebase, testing the app, and much more.

Syllabus

PWA Tutorial for Beginners #1 - What Are PWA's?.
PWA Tutorial for Beginners #2- Setting up a Project.
PWA Tutorial for Beginners #3 - The Web App Manifest.
PWA Tutorial for Beginners #4 - Android Emulator.
PWA Tutorial for Beginners #5 - iOS Support.
PWA Tutorial for Beginners #6 - Intro to Service Workers.
PWA Tutorial for Beginners #7 - Service Worker Life-cycle.
PWA Tutorial for Beginners #8 - Registering a Service Worker.
PWA Tutorial for Beginners #9 - The Install Event.
PWA Tutorial for Beginners #10 - The 'Activate' Event.
PWA Tutorial for Beginners #11 - Lighthouse Audit.
PWA Tutorial for Beginners #12 - Fetch Events.
PWA Tutorial for Beginners #13 - The Install Banner.
PWA Tutorial for Beginners #14 - Offline Mode Explained.
PWA Tutorial for Beginners #15 - Pre-Caching Assets.
PWA Tutorial for Beginners #16 - Getting Cached Assets.
PWA Tutorial for Beginners #17 - Cache Versioning.
PWA Tutorial for Beginners #18 - Dynamic Caching.
PWA Tutorial for Beginners #19 - Offline Fallback Page.
PWA Tutorial for Beginners #20 - Conditional Fallbacks.
PWA Tutorial for Beginners #21 - Limiting Cache Size.
PWA Tutorial for Beginners #22 - Site Audit Refresh.
PWA Tutorial for Beginners #23 - Firestore Database.
PWA Tutorial for Beginners #24 - Realtime Data.
PWA Tutorial for Beginners #25 - Updating the UI.
PWA Tutorial for Beginners #26 - Offline Data.
PWA Tutorial for Beginners #27 - Adding Recipes.
PWA Tutorial for Beginners #28 - Deleting Recipes.
PWA Tutorial for Beginners #29 - Deploying to Firebase.
PWA Tutorial for Beginners #30 - Testing the App.
PWA Tutorial for Beginners #31 - Next Steps.