1.
https://demo.vaadin.com/expense-manager

2.
a.k.a. “PWA”

3.
Lots of events, tools, ideas and great documentation –
and a few misconceptions

4.
Progressive Web App

5.
Game
Gallery
Book
Newspaper
Art Project
Tool
Web App

6.
Progressive Web Site

7.
Progressive Web Site++

8.
Progressive Web Site++

9.
“Web as native”

10.
“Web as native”

11.
“Web as native”

12.
“Web as native”

13.
“Web as native”

14.
“Web as native”

15.
“Web as native”

16.
“Web as native”

17.
“Web as native”

18.
“Web as native”

19.
“Web as native”

20.
PWA is

21.
PWA is

22.
PWA is

23.
PWA is

24.
PWA is

25.
PWA is

26.
PWA is

27.
PWA is

28.
PWA is

29.
PWA is

30.
PWA is

31.
PWA is
Discoverable Installable LinkableSafe

32.
needs to be served
from a secure origin

33.
needs to have an app
manifest

34.
Responsive App-LikeProgressive
PWA is

35.
Progressive Enhancement

36.
Progressive Enhancement

37.
Progressive Enhancement

38.
Progressive Enhancement

39.
can use your product
no matter what

40.
do what they
came for

41.
change their device

42.
where they are

43.
PWA is
Network
Independent
Re-engageable
Fresh

44.
Act as proxy servers that sit
between web apps, the browser,
and the network.

45.
Define the rules what should be
cached and loaded from where –
no more hoping the browser
caches your work.

46.
Intercept network requests and
define what happens. Serve from
cache, refresh, convert before
display, etc….

47.
Refresh your app in the
background, pull new content
and notify the user with push
notifications that something new
is available.

48.
Detect support easily. If your
user’s device doesn’t support it,
fall back to push service.

49.
PWA is
Discoverable Installable LinkableSafe

50.
discover

51.
“try before you buy”

52.
Updates happen in the
background

53.
store
experience?

54.
just another
resource

55.
index and ingest

56.
Store & Bing

57.
 Active Submission

58.
 Active Submission
 Passive Ingestion

59.
a PWA will just be an app

60.
Available Now
•
•
•

61.
Available Now
•
•
•
Coming soon
• Service Worker
• Cache API
• Push API

62.
 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

63.
helps the web

64.
new users will
enjoy your products

65.
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

66.
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

67.
brings the best of the web