Description
In this course, you will learn :
- How to deploy our PWAs to the cloud using various providers, with a detailed description of the approach using the Firebase platform.
- Explaining what PWAs are and how they differ from native and plain web applications. We then delve deeper into fundamental concepts such as service workers, caching strategies, and when to use them in various scenarios.
- Aside from generic, framework-agnostic code samples, there will be an entire "hands-on" section dedicated to Angular, where we will build a complete, real-world PWA project from the ground up.
Syllabus :
1. The Progressive Approach
- Advantages of PWAs
- What is a PWA
2. Install a PWA on a Device
- Web App Manifest
- Maskable icons
- Add To Home Screen (A2HS)
- App Icons on Safari
- PWACompat Library
3. Service Workers
- What is a service worker
- Life cycle
- Create a Custom Offline Page
4. Caching Strategies
- Basic Strategies
- More Advanced Caching Strategies
- Caching Limitations
- Cloud Firestore
5. PWA Tools and Libraries
- PWA Builder - Hub Section
- PWA Builder - Feature Store
- Workbox
- Google Lighthouse
6. Angular PWA
- Why Angular?
- Create an Angular Project
- Add PWA Features to a Project
- Service Worker Config File
- Angular PWA Demo
7. Deploying our PWA
- Deployment and Hosting
- Deploy our PWA to Firebase
- Deploy to gh-pages