Progressive Web Apps, are they the Future?

Quick overview of what a PWA is and what you need to meet the requirements. Also highlighting some concerns I have regarding current implementations.

Transcript

1. Progressive Web Apps Are they the future?
2. @NataliaLKB
4. What is a PWA? Definition from Google developers: http://bit.ly/1OaVOtU
6. What do you really need? • Web app manifest ◦ https://www.w3.org/TR/appmanifest/ • Service worker ◦ http://mzl.la/1nA8Zr3
7. Include this in your web page This is a Web app manifest
9. Service Workers Want to influence the Spec? https://www.w3.org/WebPlatform/WG/
10. Want more about Service Workers? • The Offline Cookbook - Jake Archibald ◦ https://jakearchibald.com/2014/offline-cookbook/ • Building an Offline Page for the Guardian: ◦ http://bit.ly/1PqNrb2 • Your First Offline Web App ◦ http://bit.ly/1Z2VWvT
11. Examples of Progressive Web Apps • Washington Post: ◦ https://www.washingtonpost.com/pwa/ • Air Berlin ◦ https://m.airberlin.com/en/pwa • More examples ◦ https://pwa.rocks/
12. • Most examples are mobile only (not responsive?) • Some examples are not yet linkable • Most assume javascript is installed (not very progressive) • If launched from a home icon it does not show the URL (considered best practice) Concerns with PWAs
13. The future looks bright Despite my concerns though, PWAs are awesome! @NataliaLKB