https://demo.vaadin.com/expense-manager
a.k.a. “PWA”
Progressive Web App
GameGalleryBook
NewspaperArt ProjectTool
Web App
Progressive Web Site
Progressive Web Site++
“Web as native”
PWA is
Installable
PWA is
PWA vs. Native
PWA or Native?It depends.
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
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
Progressive
PWA is
Progressive
Progressive Enhancement
Progressive Enhancement
Progressive Enhancement
Progressive Enhancement
Progressive Enhancement
Progressive Enhancement
Progressive Enhancement
Progressive Enhancement
Progressive Enhancement
Progressive Enhancement
can use your productno matter what
simple
simple
type="email"
Experience deltas1. Support for email input type?
2. Validation algorithm implemented?
3. Virtual keyboard?
simple
required
Experience deltas1. Support for HTML validation?
simple
aria-required="true"
Experience deltas1. Browser exposure of aria-required property?
2. Assistive tech implementation of aria-required?
simple
can use your productno matter what
Act as proxy servers that sit
between web apps, the browser,
and the network (when available).
Windows
Pinned Sites Packaged Web Apps Progressive Web AppsHosted Web Apps
Available Now
•
•
•
Coming soon
• Service Worker
• Cache API
• Push API
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
Progressive Web Apps areHosted Web Apps, evolved
Store & Bing
Active Submission
Passive Ingestion
a PWA will just be an app