Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Progressive Web Apps, are they the Future?

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.


Natalia Baltazar

June 07, 2016

More Decks by Natalia Baltazar

Other Decks in Technology


  1. Progressive Web Apps Are they the future?

  2. @NataliaLKB

  3. None
  4. What is a PWA? Definition from Google developers: http://bit.ly/1OaVOtU

  5. None
  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
  8. None
  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
  14. None