Progressive Web Apps

Let's talk what they are, why there is a need for them and how to create them.

Transcript

1. Progressive Web Apps or PWA for short ...
2. Johann du Toit johanndutoit.net - @johann_du_toit
3. This Talk
4. This Talk
7. 1976 1980 1989 1993 2017 1994
10. 1976 1980 1989 1993 2017 1994
12. 1976 1980 1989 1993 2017 1994
15. http://info.cern.ch/
16. http://line-mode.cern.ch/
18. 1976 1980 1989 1993 2017 1994
20. 1976 1980 1989 1993 2017 1994
28. 1976 1980 1989 1993 2017 1994
31. “ The web has become the platform with the widest reach on all form factors and the least amount of friction for all users “ - Google Source - https://www.youtube.com/watch?v=m-sCdS0sQO8
32. Top 1000 Mobile Properties Top 1000 Mobile Apps VS
33. Apps Mobile Web Monthly Unique Visitors Reach 4 million 11.4 million Source - https://www.youtube.com/watch?v=m-sCdS0sQO8
34. Average minutes per user Engagement 188.4 minutes 9.6 minutes Source - https://www.youtube.com/watch?v=m-sCdS0sQO8 Apps Mobile Web
49. Progressive Web Apps
51. This Talk
52. A PWA uses modern web capabilities to deliver an app-like user experience.
54. Progressive
55. Responsive
56. Connectivity Independent
57. In India one hour of minimum wage work
59. App-like
60. Data Fresh
61. Safe
62. Discoverable
63. Re-engageable
64. Installable
69. Linkable
71. https://ride.lyft.com
75. https://app.ft.com
76. https://app.ft.com
78. Well you built a pretty good performing app ...
91. This Talk
96. Service Workers
97. Server Worker Tasks
98. Server Worker Tasks
112. Server Worker Tasks
113. Push Notifications
117. https://github.com/GoogleChrome/airhorn
118. Resources • https://developers.google.com/web/progre ssive-web-apps/ • https://www.pwastats.com/ • https://app.ft.com • https://ride.lyft.com • http://info.cern.ch/ • http://line-mode.cern.ch/ • https://github.com/GoogleChrome/airhorn • https://airhorner.com/
119. Slides will be automatically tweeted out at 4PM - @johann_du_toit Thanks! Will be posted in the comments of the meetup as well