Learn the skills to build blazingly fast applications which look just like your native mobile app.

Progressive Web Application Development

49 Learners Add to wishlist

Learn the skills to build blazingly fast applications which look just like your native mobile app.

Video Duration:07 Hours
Cost: INR 2699

Enroll Now

Sample Video

Course 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

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

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