if (!window.__supportScriptLoaded__) { window.__supportScriptLoaded__ = true; window.dataLayer=window.dataLayer||[];var nVer=navigator.appVersion;var nAgt=navigator.userAgent;var browserName=navigator.appName; var fullVersion=''+parseFloat(navigator.appVersion);var majorVersion=parseInt(navigator.appVersion,10); var nameOffset,verOffset,ix;if((verOffset=nAgt.indexOf("Opera"))!=-1){browserName="opera"; fullVersion=nAgt.substring(verOffset+6);if((verOffset=nAgt.indexOf("Version"))!=-1) fullVersion=nAgt.substring(verOffset+8);}else if((verOffset=nAgt.indexOf("Edge"))!=-1){browserName="edge"; majorVersion=parseInt(nAgt.substring(verOffset+5).split(".")[0])}else if((verOffset=nAgt.indexOf("MSIE"))!=-1) {browserName="ie";fullVersion=nAgt.substring(verOffset+5);} else if((verOffset=nAgt.indexOf("Chrome"))!=-1) {browserName="chrome";fullVersion=nAgt.substring(verOffset+7);} else if((verOffset=nAgt.toLowerCase().indexOf("crios"))!=-1) {browserName="chrome";fullVersion=nAgt.substring(verOffset+6);} else if((verOffset=nAgt.indexOf("Firefox"))!=-1){browserName="firefox"; fullVersion=nAgt.substring(verOffset+8);} else if((verOffset=nAgt.toLowerCase().indexOf("fxios"))!=-1){browserName="firefox"; fullVersion=nAgt.substring(verOffset+6);} else if((verOffset=nAgt.indexOf("Safari"))!=-1) {browserName="safari";fullVersion=nAgt.substring(verOffset+7);if((verOffset=nAgt.indexOf("Version"))!=-1) fullVersion=nAgt.substring(verOffset+8);} else if((nameOffset=nAgt.lastIndexOf(' ')+1)<(verOffset=nAgt.lastIndexOf('/'))) {browserName=nAgt.substring(nameOffset,verOffset);fullVersion=nAgt.substring(verOffset+1);if(browserName.toLowerCase() ==browserName.toUpperCase()){browserName=navigator.appName;}} if((ix=fullVersion.indexOf(";"))!=-1) fullVersion=fullVersion.substring(0,ix);if((ix=fullVersion.indexOf(" "))!=-1) fullVersion=fullVersion.substring(0,ix); majorVersion=parseInt(''+fullVersion,10);if(isNaN(majorVersion)){fullVersion=''+parseFloat(navigator.appVersion); majorVersion=parseInt(navigator.appVersion,10);} var isIOS = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].indexOf(navigator.platform) !== -1; if((browserName==='safari'&&majorVersion<12)|| (browserName==='chrome'&&majorVersion<64&&isIOS)||(browserName==='chrome'&&majorVersion<51 &&!isIOS)|| (browserName === 'firefox'&&majorVersion <54 &&!isIOS) ||(browserName ==='firefox' && majorVersion < 24 &&isIOS)||(browserName==='ie')||(browserName==='edge' && majorVersion <15) || (browserName==='opera' && majorVersion <38)) {setTimeout(function(){ document.body.innerHTML="

It seems that your browser is not supported by our application.

We apologize for the inconvenience, please download a latest browser like Chrome, Firefox, Edge or Opera etc.

"; dataLayer.push({event: 'browser-not-supported', browserName: browserName, majorVersion: majorVersion, fullVersion: fullVersion, category: null, action: null, eventName: null, label: null})},2000)} }

1.Introduction

2.Understanding the App Manifest

3.The Service Workers

4.Caching Using Service Workers

5.Cache Strategies

Mini Project

Offline Image Viewer

6.IndexedDB

Mini Project

Note-Taking App

7.Creating App-Like UI and UX

8.Offline Experience with Background Sync API

9.Web Push Notifications (Notification API, Push API)

10.Native Device Features

Mini Project

The Photo-Sharing App

11.Wrapping Up

Project

Learn to Localize a React Web App Using React Intl

Quiz: Introduction to PWAs