Progressive Web Application Development
Learn the skills to build blazingly fast applications which look just like your native mobile app.
- Video Duration:07 Hours
- Cost: $ 124.99
Sample VideoCourse Details
This course teaches you how to build discoverable and engaging progressive web applications (PWAs) using the Cache API to make it offline-ready and blazingly fast service workers to intercept network requests and web app manifests, thus leveraging native-like features.
We begin by introducing the core concepts of progressive web apps, explaining each of them in detail and finishing up by implementing them into a production-ready app.
A service worker is the main PWA tool. In this course, you will master the power of new APIs including the Fetch API, promises, and more. Don't lose your users when their internet connection is lost; get hands-on with powerful caching and network request strategies to provide synchronization of data while your app is offline. Learn how to improve user engagement with your apps by adding push notifications.
We also cover app manifests in depth to let your users add your application to their mobile home screen and reopen the app as easily as tabbing on the web app icon, just as with other native mobile apps. They'll also surf while there is no address bar; the user experience feels like a native mobile app due to the addition of a splash screen, application shell, native default color, and more.
Tools are always helpful while developing software; therefore, this course teaches you how to boost your productivity by using Workbox, to make service worker management a lot easier, and Lighthouse, to show your PWA score demonstrate and how you can achieve 100/100.
All of the topics in this course feed into a practical project which, by the end of the course, is ready to deploy to production. To ensure that the app is useful for any kind of project later and also that you can learn everything in depth, the course project is created in pure JS/CSS/HTML.
Last but not least, SPAs (Single Page Applications) are super-critical as these days they perform such a leading role in web development and building hybrid and native mobile apps. Therefore, this course dedicates a section to show you how you can use Angular, React, Ember, and Vue.js to build a progressive web application.
All the code and supporting files for this course are available on Github at https://github.com/PacktPublishing/Progressive-Web-Application-Development
Who all can attend
This course is aimed at developers and engineers who want to build blazingly fast web applications. A basic knowledge of HTML and CSS will be useful, but is not mandatory
What you will learn from this course
- Build web apps that look and feel like native mobile apps
- Leverage new web technologies such as the Fetch API and promises.
- Audit and improve a PWA with different tools
- Convert an existing app to a PWA
- Boost your web app speed with the help of progressive enhancements and approaches.
- Increase user engagement by using push notifications
- In-depth details about service workers
- Offline storage and different caching APIs.
Course Content
- Introduction to PWA
- The course Overview
- What Really is a PWA?
- PWA Core Concepts
- What is PRPL Pattern?
- Demo of Final Course Project
- Responsive UI
- Tools Overview and Setup
- Understanding Web App Manifest
- Understanding App Manifest Properties
- Add Properties to manifest.json
- Prerequisites for Installing Web App
- Run Android Emulator and Leverage Chrome Dev Tools for Debugging
- Add Properties for Safari
- Add Properties for Internet Explorer
- Service Worker
- Promise API
- Fetch API
- What Is a Service Worker and How it Works?
- Events in Service Worker
- Service Worker Lifecycle
- Scope Working for a Service Worker
- Register, Update, and Activate SW
- Debug Our Service Worker
- Install App Banner and Control Over it
- Debug and Test on Android Emulated Device
- Practice with Our Final App Project
- Cache and Offline Support
- Storage Options
- Cache API
- Pre-Caching /Static Caching
- ES6 Overview
- Add, Update Cache
- Respond with Cache
- Dynamic Caching Upon Fetch
- Offline Respond Placeholders
- Remove/Cleanup Caches
- Caching Strategies
- Practice with Our Final App Project
- Dynamic Content Cache
- IndexedDB/Write Data
- IndexedDB/Retrieve and Delete
- Tools to Help Create Cache and Service Worker
- Practice with Our Final App Project
- Deployment to Firebase
- Setup Firebase CLI
- Make Our App Ready to Deploy
- Deploy to Firebase
- Background Sync
- How Background Sync Helps
- Register a Synchronization Task
- Storing Our Data in IndexedDB and Firebase
- Syncing Data in Server Worker with Server
- Periodic Sync
- Push Notification
- Push Notification Fundamentals
- Request Permission, Subscription, and Display Notification
- Store Client Subscription and Secure It in Backend
- Send Notification from Server and Listen from Service Worker
- Clean Up Subscriptions
- PWA with SPA
- PWA in an Angular App
- PWA in a React App
- PWA in a Vue App
- PWA in an Ember App
Contact Us
Instructor-led online training is also available for the same course.
For more details, write to us at :
info@multisoftvirtualacademy.com
(+91) 8130666206/209
Send us a Query
Combo Offers
$ 650
$ 540
|
Enroll Now
The trainer was very supportive and solved my queries. I was also assisted with extra hours for additional help. I appreciate Multisoft team for delivering the training content within specified and realistic time.
Lal Bahadur, India
Thanks Multisoft Virtual Academy and team for providing such a knowledgable training. The trainer was good and punctual. The good part is I got placed as a Senior Software Engineer during my training only. I am really happy and planning to join more courses related to my field.
Manish Agarwal, India
It was great. I have learned a lot of new things in C. All the topics were clearly explained.
Ravi, India
It was a good and helpful training. The CoreJava and Android online training was imparted very well by the trainers and he clarified my doubts aptly.
Srishti Jain, India
Multisoft is an excellent training institute and the trainer was also very knowledgeable. Now, I have learnt all the skills of a good developer. I am thankful to Multisoft, the Trainer and the Training Advisor for the support they provided during the training
Ismaila Camara , USA
It was a decent experience. I value the team who guided me well amid my training sessions. The trainer gave me point to point information about the course. After this training I feel more sure about my profile. The best part about the training is that it was profoundly tweaked which gave me a a sign of relief when I ran out of time.. I thank the whole MVA group for their support and direction.
MADDALI SNEHA, INDIA
It is an effective course. Training schedule was flexible. The trainer was cooperative and interactive. Overall satisfied with how the training was placed and the topics covered under it. Looking forward to take up more courses, which will add to my credentials and career growth.
Chinmayi S. Jamadagni, India
Quick Links
We Accept Online Payments
Subscribe to our Newsletter
Find us on
Contact Us
- PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP and SP are registered marks of the Project Management Institute, Inc.
- PRINCE2® is a registered trade mark of AXELOS Limited
- ITIL® is a registered trade mark of AXELOS Limited
- MSP® is a registered trade mark of AXELOS Limited
- The Swirl logoTM is a trade mark of AXELOS Limited, used under permission of AXELOS Limited. All rights reserved.
+91 8130666206
Upcoming Webinars