Building Progressive Web Applications with Vue.js

Chapter 1: Making Your First PWAChapter Goal: Learn the basic concepts for building Progressive Web App. Learn to build a simple “to do” app and making it into a PWA as well as some critical concepts along the way.Sub-topics 1. Introduction 2. What is a PWA? 3. What is the structure of a PWA? 4. Our WebApp 5. Creating our Manifest 6. What’s the structure of a PWA? 7. Our WebApp 8. Building our Manifest9. Creating our Service Worker 10. How can we test what we have done?
Chapter 2: Foundations and App ManifestChapter Goal: Learn about “App Shell” design and the HTML, CSS, and JavaScript required to activate the user interface as well the use of cache.Sub-topics 1. App Shell design 2. The PRPL architecture pattern 3. Structure of the app 4. The main entry point 5. The App Shell 6. The Build 7. Bundled build 8. The Manifest file 9. How to add a manifest file to web? 10. How to customize the app start on mobile?
Chapter 3: Service WorkersChapter Goal: Learn to handle JavaScript through Service Worker that runs in the background, regardless of whether a web page is open or not. Also, the understand importance of features such as Offline Support and Push Notifications, among others.Sub-topics: 1. What is a Service Worker? 2. Why are Service Workers needed? 3. Understanding life cycle 4. How to add a Service Worker? 5. Asynchronous calls 6. Fetch API 7. Using API in the Service Worker 8. Cache
Chapter 4: Caching StrategiesChapter Goal: Solutions that work well to handle the status without connection, such as PouchDB or Firebase, are shown. However, use of web technologies, such as Service Workers, indexedDB, and Cache API, will enable offline strategies for Progressive Web Apps.Sub-topics: 1. When to store the information? 2. When to update our files of the Cache Storage? 3. How to respond to Requests?
Chapter 5: IndexBDChapter Goal: Learn necessary characteristics of IndexedDB: how a transactional database system, which unlike other options that we have in browsers, is perfect to store big data quantities, for example, catalogs or other ones that also need a fast information search.Sub-topics: 1. What is IndexedDB? 2. How to use IndexedDB? 3. How to open a DB? 4. How to initiate read/write in the Object Store? 5. How to delete inside the Object Store? 6. Using IndexedDB in my App
Chapter 6: Background SyncChapter Goal: Learn functionality of Background Sync (one of the most powerful features that combined with our Service Worker will grant us a great power to build progressive web applications).Sub-topics: 1. SyncManager
Chapter 7: Push NotificationChapter Goal: Study Push Notification that is basically an interaction that includes the Push API and Notification API.Sub-topics: 1. What is a Push Notification? 2. How does the ecosystem of a Push Notification work? 3. Push API 4. API Notification 5. Implementing a Push Notification in our App using Firebase