Paws on Progressive Web Apps (PWA) Hemanth HM

©2017 PayPal Inc. Confidential and proprietary.

©2017 PayPal Inc. Confidential and proprietary. 4

WHY?

8

10

😇 Progressive Webapps!

©2017 PayPal Inc. Confidential and proprietary. 11

12

WHAT?

HOW?

17

• Client side proxy. • Intercepts network. • Sorts HTML5 Application Cache mess. • Highly influenced by Shared Workers and Event Pages. • Design principle of 'error recoverability • Neat promise based APIs

Service workers has **no** access to DOM, but can access:

• The navigator object • The location object (read-only) • setTimeout()/clearTimeout() and setInterval()/clearInterval() • The Application Cache • * Importing external scripts using the importScripts() method • Other service workers.

Waiting….

Service workers need to be on **HTTPS** only for certain reasons like:

Manifest JSON

npm install -g mainfest-json

Push notification

Background Sync

npm install -g generator-pwa

npm install –g is-pwa

www.modsummit.com

www.developersummit.com