Progressive web app learning

1. Build Progressive Web Apps (PWAs) from Scratch

• 1. Introduction
• 1. Introduction
• 2. PWA Overview
• 3. State of the PWA Platform
• 4. PWAs as Desktop Apps
• 2. Building a PWA
• 1. PWA Components
• 2. Project Setup
• 3. Creating a Web App Manifest
• 4. Manifest Orientation & Theme Color
• 5. Scope & Display
• 6. Icons
• 7. Maskable Icons
• 8. App Shell UI
• 3. Service Workers
• 1. Service Worker Overview
• 2. Viewing Installed Service Workers
• 3. Create a Service Worker
• 4. Serving Resources Overview
• 5. Caching with a Service Worker
• 6. Serving Resources with a Service Worker
• 7. Serving All Assets
• 8. Updating Cache Resources
• 9. Installing the App on Android
• 4. App Distribution
• 1. Share Button
• 2. Install Button
• 3. Distribution Models
• 5. Wrapping Up
• 1. Wrapping Up

2. Complete Progressive Web App Bootcamp

• 1. Introduction
• 1. Introduction
• 2. Create pages
• 3. Create input modal and edit modal
• 4. Add the floating action button
• 5. Create icons for the progressive web app
• 6. Create manifest file
• 7. Open the web on Android Simulator
• 8. iOS Simulator icon problems
• 9. What is service worker
• 10. Service worker lifecycle introduction
• 11. Service worker registration
• 12. Service worker installation
• 13. Service worker activation
• 14. Using lighthouse to audit the progressive web app
• 15. Service worker listen fetch event
• 16. Open the localhost of the mobile phone
• 17. Cache the core asset of the app
• 18. Return the cached assets to the app
• 19. Dynamic Cache
• 20. Add a fallback page
• 21. Limit the number of cache
• 22. Create Firebase project
• 23. Add document in cloud firestore
• 24. Get realtime update with cloud firestore
• 25. Create the template for the contacts
• 26. Updating the UI
• 27. Configure Firestore offline persistence
• 28. Delete document in cloud firestore
• 29. Edit document in cloud firestore
• 30. Toggle favorite
• 2. Promise, async await and fetch
• 1. Mimick fetch
• 2. Callback and callback hell
• 3. From callback to promise
• 4. From promise to async await
• 3. Cache Management
• 1. Prepare for this section
• 2. Cache Only Strategy
• 3. Network only strategy
• 4. Network first strategy
• 5. Network first + Dynamic Cache strategy
• 6. Cache First Strategy + Fallback

---

Related pages

< THANKS ME>