progressive web apps and the windows ecosystem [build 2017]

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

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

progressive web apps and the windows ecosystem [build 2017]

Technology