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

5. a.k.a. “PWA”

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

7. Progressive Web App

8. Game
Gallery
Book
Newspaper
Art Project
Tool
Web App

9. Progressive Web Site

10. Progressive Web Site++

11. Progressive Web Site++

12. “Web as native”

18. “Web as native”

19. “Web as native”

20. “Web as native”

21. “Web as native”

22. “Web as native”

23. “Web as native”

24. “Web as native”

25. “Web as native”

27. “Web as native”

28. “Web as native”

30. PWA is

31. PWA is

32. PWA is

33. PWA is

34. PWA is

35. PWA is

36. PWA is

37. PWA is

38. PWA is

39. PWA is

40. PWA is

43. PWA is
Discoverable Installable LinkableSafe

44. needs to be served
from a secure origin

45. needs to have an app
manifest

48. Responsive App-LikeProgressive
PWA is

49. Progressive Enhancement

50. Progressive Enhancement

51. Progressive Enhancement

52. Progressive Enhancement

53. can use your product
no matter what

54. do what they
came for

55. change their device

56. where they are

58. PWA is
Network
Independent
Re-engageable
Fresh

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

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

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

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

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

65. PWA is
Discoverable Installable LinkableSafe

66. discover

68. “try before you buy”

69. Updates happen in the
background

70. store
experience?

71. just another
resource

72. index and ingest

73. Store & Bing

74.  Active Submission

75.  Active Submission
 Passive Ingestion

87. a PWA will just be an app

88. Available Now
•
•
•

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

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

92. helps the web

93. new users will
enjoy your products

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

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

96. brings the best of the web