![Page 1: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/1.jpg)
![Page 2: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/2.jpg)
![Page 3: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/3.jpg)
![Page 4: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/4.jpg)
![Page 5: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/5.jpg)
https://demo.vaadin.com/expense-manager
![Page 6: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/6.jpg)
![Page 7: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/7.jpg)
a.k.a. “PWA”
![Page 8: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/8.jpg)
Progressive Web App
![Page 9: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/9.jpg)
GameGalleryBook
NewspaperArt ProjectTool
Web App
![Page 10: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/10.jpg)
Progressive Web Site
![Page 11: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/11.jpg)
Progressive Web Site++
![Page 12: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/12.jpg)
![Page 13: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/13.jpg)
“Web as native”
![Page 14: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/14.jpg)
![Page 15: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/15.jpg)
PWA is
![Page 16: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/16.jpg)
Installable
PWA is
![Page 17: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/17.jpg)
PWA vs. Native
![Page 18: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/18.jpg)
PWA or Native?It depends.
![Page 19: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/19.jpg)
![Page 20: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/20.jpg)
![Page 21: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/21.jpg)
App core
iPhone iPad
Android Phone
Android Tablet
Windows
MacOS
Web
Submit to App Store
Submit to Play Store
Submit to Windows Store
Submit to Mac App Store
Host
![Page 22: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/22.jpg)
App core
iPhone iPad
Android Phone
Android Tablet
Windows
MacOS
Web
Submit to App Store
Submit to Play Store
Submit to Windows Store
Submit to Mac App Store
Host
App core
Web
iPhone iPad
Android Phone
Android Tablet
Windows
MacOS
Other PWA-capable
Host
Free
![Page 23: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/23.jpg)
Progressive
PWA is
![Page 24: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/24.jpg)
Progressive
![Page 25: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/25.jpg)
Progressive Enhancement
![Page 26: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/26.jpg)
Progressive Enhancement
![Page 27: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/27.jpg)
Progressive Enhancement
![Page 28: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/28.jpg)
Progressive Enhancement
![Page 29: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/29.jpg)
Progressive Enhancement
![Page 30: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/30.jpg)
Progressive Enhancement
![Page 31: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/31.jpg)
Progressive Enhancement
![Page 32: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/32.jpg)
Progressive Enhancement
![Page 33: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/33.jpg)
Progressive Enhancement
![Page 34: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/34.jpg)
Progressive Enhancement
![Page 35: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/35.jpg)
can use your productno matter what
![Page 36: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/36.jpg)
simple
![Page 37: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/37.jpg)
simple
type="email"
Experience deltas1. Support for email input type?
2. Validation algorithm implemented?
3. Virtual keyboard?
![Page 38: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/38.jpg)
simple
required
Experience deltas1. Support for HTML validation?
![Page 39: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/39.jpg)
simple
aria-required="true"
Experience deltas1. Browser exposure of aria-required property?
2. Assistive tech implementation of aria-required?
![Page 40: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/40.jpg)
simple
![Page 41: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/41.jpg)
can use your productno matter what
![Page 42: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/42.jpg)
Act as proxy servers that sit
between web apps, the browser,
and the network (when available).
![Page 43: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/43.jpg)
![Page 44: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/44.jpg)
Windows
![Page 45: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/45.jpg)
Pinned Sites Packaged Web Apps Progressive Web AppsHosted Web Apps
![Page 46: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/46.jpg)
Available Now
•
•
•
Coming soon
• Service Worker
• Cache API
• Push API
![Page 47: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/47.jpg)
Standalone Window
Independent from browser process Less overhead
Isolated cache
Nearly unlimited storage (indexed DB, localStorage, etc.)
Offline & background processes
Access to Windows Runtime (WinRT) APIs via JavaScript Calendar
Cortana
Address Book
![Page 48: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/48.jpg)
Progressive Web Apps areHosted Web Apps, evolved
![Page 49: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/49.jpg)
![Page 50: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/50.jpg)
Store & Bing
![Page 51: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/51.jpg)
![Page 52: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/52.jpg)
Active Submission
Passive Ingestion
![Page 53: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/53.jpg)
![Page 54: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/54.jpg)
![Page 55: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/55.jpg)
![Page 56: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/56.jpg)
![Page 57: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/57.jpg)
![Page 58: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/58.jpg)
![Page 59: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/59.jpg)
![Page 60: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/60.jpg)
![Page 61: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/61.jpg)
![Page 62: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/62.jpg)
![Page 63: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/63.jpg)
![Page 64: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/64.jpg)
a PWA will just be an app
![Page 65: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/65.jpg)
![Page 66: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/66.jpg)
![Page 67: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/67.jpg)
![Page 68: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/68.jpg)
![Page 69: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/69.jpg)
![Page 70: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/70.jpg)
![Page 71: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/71.jpg)
![Page 72: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/72.jpg)
![Page 73: Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://reader034.vdocuments.site/reader034/viewer/2022050613/5a64cef47f8b9a735d8b4a59/html5/thumbnails/73.jpg)