SlideShare uma empresa Scribd logo
1 de 29
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

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016
 
Pwa demystified
Pwa demystifiedPwa demystified
Pwa demystified
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
 
Why your website should be a progressive web application (PWA)
Why your website should be a progressive web application (PWA)  Why your website should be a progressive web application (PWA)
Why your website should be a progressive web application (PWA)
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
 
Guidance on how to develop a progressive web app using react native!
Guidance on how to develop a progressive web app using react native!Guidance on how to develop a progressive web app using react native!
Guidance on how to develop a progressive web app using react native!
 
Why Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your BusinessWhy Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your Business
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Building a Progressive Web App
Building a  Progressive Web AppBuilding a  Progressive Web App
Building a Progressive Web App
 
Next Generation Mobile Web - PWA (Progressive Web App)
Next Generation Mobile Web  - PWA (Progressive Web App)Next Generation Mobile Web  - PWA (Progressive Web App)
Next Generation Mobile Web - PWA (Progressive Web App)
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web App
 
Progressive Web Apps are here!
Progressive Web Apps are here!Progressive Web Apps are here!
Progressive Web Apps are here!
 
Progressive Web Apps For Startups
Progressive Web Apps For StartupsProgressive Web Apps For Startups
Progressive Web Apps For Startups
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2
 
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User JourneyE-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
 

Semelhante a PWA - Progressive Web Apps

Semelhante a PWA - Progressive Web Apps (20)

Progressive web apps for e commerce
Progressive web apps for e commerceProgressive web apps for e commerce
Progressive web apps for e commerce
 
Progressive web apps For e-Commerce- How do they go hand-in-hand?
Progressive web apps For e-Commerce- How do they go hand-in-hand?Progressive web apps For e-Commerce- How do they go hand-in-hand?
Progressive web apps For e-Commerce- How do they go hand-in-hand?
 
How OutSystems Accelerates PWA Development
How OutSystems Accelerates PWA DevelopmentHow OutSystems Accelerates PWA Development
How OutSystems Accelerates PWA Development
 
Turku <3 Frontend - Progressive Web Apps, Web and Apps
Turku <3 Frontend - Progressive Web Apps, Web and AppsTurku <3 Frontend - Progressive Web Apps, Web and Apps
Turku <3 Frontend - Progressive Web Apps, Web and Apps
 
Introduction of Progressive Web App
Introduction of Progressive Web AppIntroduction of Progressive Web App
Introduction of Progressive Web App
 
PWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdfPWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdf
 
Embracing Progressive Web Apps (PWAs)_ Shaping the Future of Mobile Web.pdf
Embracing Progressive Web Apps (PWAs)_ Shaping the Future of Mobile Web.pdfEmbracing Progressive Web Apps (PWAs)_ Shaping the Future of Mobile Web.pdf
Embracing Progressive Web Apps (PWAs)_ Shaping the Future of Mobile Web.pdf
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
SEMINAR (pwa).pptx
SEMINAR (pwa).pptxSEMINAR (pwa).pptx
SEMINAR (pwa).pptx
 
Native app or PWA which is the better choice
Native app or PWA  which is the better choice Native app or PWA  which is the better choice
Native app or PWA which is the better choice
 
15 TOP FUTURE WEB APP DEVELOPMENT TRENDS AND TECHNOLOGIES
15 TOP FUTURE WEB APP DEVELOPMENT TRENDS AND TECHNOLOGIES15 TOP FUTURE WEB APP DEVELOPMENT TRENDS AND TECHNOLOGIES
15 TOP FUTURE WEB APP DEVELOPMENT TRENDS AND TECHNOLOGIES
 
15 TOP FUTURE WEB APP DEVELOPMENT TRENDS AND TECHNOLOGIES.pdf
15 TOP FUTURE WEB APP DEVELOPMENT TRENDS AND TECHNOLOGIES.pdf15 TOP FUTURE WEB APP DEVELOPMENT TRENDS AND TECHNOLOGIES.pdf
15 TOP FUTURE WEB APP DEVELOPMENT TRENDS AND TECHNOLOGIES.pdf
 
Introduction to PWAs
Introduction to PWAsIntroduction to PWAs
Introduction to PWAs
 
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
 
Progressive Web Apps –The Future of Apps
Progressive Web Apps –The Future of Apps   Progressive Web Apps –The Future of Apps
Progressive Web Apps –The Future of Apps
 
9 Best Tools to Leverage for Progressive Web App Development
9 Best Tools to Leverage for Progressive Web App Development9 Best Tools to Leverage for Progressive Web App Development
9 Best Tools to Leverage for Progressive Web App Development
 
Top Web App Development Trends for 2023.pdf
Top Web App Development Trends for 2023.pdfTop Web App Development Trends for 2023.pdf
Top Web App Development Trends for 2023.pdf
 
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran KasireddyPWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
 
What are the web development trends in 2023 (1).pdf
What are the web development trends in 2023 (1).pdfWhat are the web development trends in 2023 (1).pdf
What are the web development trends in 2023 (1).pdf
 

Mais de Edy Segura

Front-end Development
Front-end DevelopmentFront-end Development
Front-end Development
Edy Segura
 

Mais de Edy Segura (15)

VSCode for Java
VSCode for JavaVSCode for Java
VSCode for Java
 
2017 Facebook DevC SRS - JavaScript for beginners
2017 Facebook DevC SRS - JavaScript for beginners2017 Facebook DevC SRS - JavaScript for beginners
2017 Facebook DevC SRS - JavaScript for beginners
 
2017 FLISOL - Tecnologias Open Standards
2017 FLISOL - Tecnologias Open Standards2017 FLISOL - Tecnologias Open Standards
2017 FLISOL - Tecnologias Open Standards
 
Front-end beyond the browser
Front-end beyond the browserFront-end beyond the browser
Front-end beyond the browser
 
Introduction to Node.js
Introduction to Node.jsIntroduction to Node.js
Introduction to Node.js
 
Web Based Development Introduction
Web Based Development IntroductionWeb Based Development Introduction
Web Based Development Introduction
 
AngularJS Automated Tests
AngularJS Automated TestsAngularJS Automated Tests
AngularJS Automated Tests
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
 
How OTT is changing the TV concepts
How OTT is changing the TV conceptsHow OTT is changing the TV concepts
How OTT is changing the TV concepts
 
Jasmine automated java script unit testing
Jasmine   automated java script unit testingJasmine   automated java script unit testing
Jasmine automated java script unit testing
 
Web based Applications
Web based ApplicationsWeb based Applications
Web based Applications
 
Front-end Development
Front-end DevelopmentFront-end Development
Front-end Development
 
Web applications
Web applicationsWeb applications
Web applications
 
IPTV / OTT
IPTV / OTTIPTV / OTT
IPTV / OTT
 
Orientação a Objetos
Orientação a ObjetosOrientação a Objetos
Orientação a Objetos
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Último (20)

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 

PWA - Progressive Web Apps

Notas do Editor

  1. https://web.dev/what-are-pwas/
  2. https://web.dev/what-are-pwas/
  3. https://divante.com/pwabook/chapter/01-introduction-to-pwa-technology.html https://www.youtube.com/watch?v=k6P9ndFNarg
  4. https://serviceworke.rs/
  5. https://proxx.app/ https://www.diagrams.net/ https://www.pencilapp.io/
  6. 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/
  7. https://formidable.com/work/starbucks-progressive-web-app/
  8. 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/
  9. https://www.outsystems.com/blog/posts/progressive-web-apps-pwa/
  10. https://www.youtube.com/watch?v=QJlbMfW3jPc https://www.theverge.com/2019/11/26/20983886/microsoft-outlook-com-pwa-progressive-web-app-install-features
  11. https://docs.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/
  12. https://whatwebcando.today/ https://developers.google.com/web
  13. https://jakearchibald.github.io/isserviceworkerready/
  14. https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/
  15. https://youtu.be/k6P9ndFNarg?t=757 https://ifixit-pwa.appspot.com/
  16. https://www.youtube.com/watch?v=cmGr0RszHc8 https://ifixit-pwa.appspot.com/
  17. https://www.youtube.com/watch?v=RHaByB05l3Y