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
- (2023) CloudflareWorker and Supabase
- (2022) NativeScript, AndroidBooks
- (2022) JS, Css
- (2022) Typescript, Webpack
- (2022) Angular, RxJs, Firebase, MongoDb
- (2022) Node, NestJs, Electron, Pwa, Telegram
- (2022) React, Redux, GraphQL, NextJs
- (2022) Angular/Typescript, JS books
Comments (
)
<00>
<01>
<02>
<03>
<04>
<05>
<06>
<07>
<08>
<09>
<10>
<11>
<12>
<13>
<14>
<15>
<16>
<17>
<18>
<19>
<20>
<21>
<22>
<23>
Link to this page:
http://www.vb-net.com/PwaLearning/Index.htm
<SITEMAP> <MVC> <ASP> <NET> <DATA> <KIOSK> <FLEX> <SQL> <NOTES> <LINUX> <MONO> <FREEWARE> <DOCS> <ENG> <CHAT ME> <ABOUT ME> < THANKS ME> |