Progressive Web Apps
What is a PWA?
Progressively enhance web apps to
look and feel like native apps
But unlike native apps, PWAs are built using
Web Standards technologies such as HTML,
CSS, and JavaScript
Introduced by Google, eagerly approved by
Microsoft and reluctantly adopted by Apple
PWA is a game-changing technology in the world
of mobile-first and offline-first business
PWAs can work offline, send push
notifications, and access device hardware,
such as cameras or GPS
It allows you to create user experiences
similar to native apps on mobile and
desktop devices
Don’t you believe it?
Grab your phone, scan the QR code and give it a try!!
They all have their own PWA version!
Who are pushing PWAs?
Google and Microsoft are working together to
make the web a more capable application
platform, pushing PWAs to the spotlight
Okay you got my attention but
what make my web app a PWA?
Service Worker
Service Worker
Application
Cache
Network
Advantages
Designing for offline-first can drastically improve the
performance of your web app by reducing the number of
network requests made by your web app
Even with the fastest network connection, serving from the
local cache will be faster!
Key PWAs benefits
● Faster development and reduced maintenance costs
● Easier deployment
● Broader reach
● Reduced customer friction
Where are PWAs not
indicated?
● Requirement for Device Hardware features
● PWA features not currently supported on all OS
PWA - Progressive Web Apps

PWA - Progressive Web Apps

Editor's Notes

  • #3 https://web.dev/what-are-pwas/
  • #4 https://web.dev/what-are-pwas/
  • #6 https://divante.com/pwabook/chapter/01-introduction-to-pwa-technology.html https://www.youtube.com/watch?v=k6P9ndFNarg
  • #7 https://serviceworke.rs/
  • #10 https://proxx.app/ https://www.diagrams.net/ https://www.pencilapp.io/
  • #11 https://www.simicart.com/blog/progressive-web-apps-examples/ https://divante.com/books/PDFy/TOP-30-PWA.pdf https://formidable.com/work/starbucks-progressive-web-app/
  • #12 https://formidable.com/work/starbucks-progressive-web-app/
  • #14 https://medium.com/pwabuilder/microsoft-and-google-team-up-to-make-pwas-better-in-the-play-store-b59710e487 https://www.thurrott.com/dev/237715/microsoft-worked-with-google-to-bring-pwas-to-the-play-store https://mundoconectado.com.br/noticias/v/14516/microsoft-colabora-com-a-google-para-trazer-mais-pwas-para-a-play-store https://www.outsystems.com/blog/posts/progressive-web-apps-pwa/
  • #15 https://www.outsystems.com/blog/posts/progressive-web-apps-pwa/
  • #16 https://www.youtube.com/watch?v=QJlbMfW3jPc https://www.theverge.com/2019/11/26/20983886/microsoft-outlook-com-pwa-progressive-web-app-install-features
  • #17 https://docs.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/
  • #21 https://whatwebcando.today/ https://developers.google.com/web
  • #22 https://jakearchibald.github.io/isserviceworkerready/
  • #23 https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/
  • #24 https://youtu.be/k6P9ndFNarg?t=757 https://ifixit-pwa.appspot.com/
  • #26 https://www.youtube.com/watch?v=cmGr0RszHc8 https://ifixit-pwa.appspot.com/
  • #29 https://www.youtube.com/watch?v=RHaByB05l3Y