SlideShare uma empresa Scribd logo

Progressive Web Apps

•Transferir como PPTX, PDF•
•
Alexandre Tarifa
Alexandre Tarifa

Progressive Web Apps

Tecnologia
1 de 36
ALEXANDRE TARIFA Progressive Web Apps
O QUE DEFINE O USO DE UMA TECNOLOGIA?
PERFIL DE DESENVOLVEDOR? Técnico? Quem é responsável pela inovação? Pq o mercado corporativo não inova? Dev web ou mobile?
página 11 LATÊNCIA EM ALGUMAS ROTAS Rota Distância Tempo – Luz no vácuo Tempo – Luz na fibra Round Trip Time (RTT) na fibra New York to San Francisco 4,148 km 14 ms 21 ms 42 ms New York to London 5,585 km 19 ms 28 ms 56 ms New York to Sydney 15,993 km 53 ms 80 ms 160 ms
Performance e escalabilidade
RESPONSIVO Tecnologia perfeita!?
Performance! EXPERIÊNCIA DO USUÁRIO
CENÁRIO
INSTANT APPS
CONCEITO • Conjunto de técnicas para desenvolvimento de aplicações Web
O QUE É? Progressive - Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet. Responsive - Fit any form factor: desktop, mobile, tablet, or whatever is next. Connectivity independent - Enhanced with service workers to work offline or on low quality networks. App-like - Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model. Fresh - Always up-to-date thanks to the service worker update process. Safe - Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with. Discoverable - Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them. Re-engageable - Make re-engagement easy through features like push notifications. Installable - Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store. Linkable - Easily share via URL and not require complex installation.
SERVICE WORKER É um worker como serviço que executa em background, fora da sua url/app Principais funcionalidades: cache e push Assíncrono Js https only Eventos: Install, activate e fetch
HOME SCREEN Web App Manifest Service Worker Https 2 visitas em menos de 5 minutos
MUITOOBRIGADO! ALEXANDRE TARIFA

Recomendados

Building a Progressive Web App
Building a Progressive Web AppBuilding a Progressive Web App
Building a Progressive Web AppIdo Green
 
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)Nuri Cahyono
 
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web AppsBill Stavroulakis
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web AppVinci Rufus
 
Pwa demystified
Pwa demystifiedPwa demystified
Pwa demystifiededynamic
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web AppSubodh Garg
 
Building Progressive Web Apps (Kyle Buchanan)
Building Progressive Web Apps (Kyle Buchanan)Building Progressive Web Apps (Kyle Buchanan)
Building Progressive Web Apps (Kyle Buchanan)Red Hat Developers
 
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 2016Abdelrahman Omran
 

Recomendados

Building a Progressive Web App
Building a Progressive Web AppBuilding a Progressive Web App
Building a Progressive Web AppIdo Green
 
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)Nuri Cahyono
 
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web AppsBill Stavroulakis
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web AppVinci Rufus
 
Pwa demystified
Pwa demystifiedPwa demystified
Pwa demystifiededynamic
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web AppSubodh Garg
 
Building Progressive Web Apps (Kyle Buchanan)
Building Progressive Web Apps (Kyle Buchanan)Building Progressive Web Apps (Kyle Buchanan)
Building Progressive Web Apps (Kyle Buchanan)Red Hat Developers
 
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 2016Abdelrahman Omran
 
GDG Ibadan #pwa
GDG Ibadan #pwaGDG Ibadan #pwa
GDG Ibadan #pwaGbolahan Alli
 
Progressive Web Applications
Progressive Web ApplicationsProgressive Web Applications
Progressive Web ApplicationsBartek Igielski
 
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2Manfred Steyer
 
Mobile Web App & Google Apps Script
Mobile Web App & Google Apps ScriptMobile Web App & Google Apps Script
Mobile Web App & Google Apps ScriptIdo Green
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Zhentian Wan
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsNitheesh T Ganesh
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsJohannes Weber
 
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016Maxime Czetwertynski
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web appsR. Caner Yıldırım
 
Progressive web app
Progressive web appProgressive web app
Progressive web appDeepak Upadhyay
 
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Robert Nyman
 
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!Shelly Megan
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptxHarish Karthick
 
Progressive Web Apps For Startups
Progressive Web Apps For StartupsProgressive Web Apps For Startups
Progressive Web Apps For StartupsIdo Green
 
PWA - Progressive Web Apps
PWA - Progressive Web AppsPWA - Progressive Web Apps
PWA - Progressive Web AppsEdy Segura
 
Offline-First Progressive Web Apps
Offline-First Progressive Web AppsOffline-First Progressive Web Apps
Offline-First Progressive Web AppsAditya Punjani
 
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 BusinessLets Grow Business
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWAIdo Green
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsOptis
 
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web AppBinh Bui
 
PWAs overview
PWAs overview PWAs overview
PWAs overview TejinderMakkar
 
Building modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with PolymerBuilding modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with PolymerDimitar Danailov
 

Mais conteúdo relacionado

Mais procurados

Progressive Web Applications
Progressive Web ApplicationsProgressive Web Applications
Progressive Web ApplicationsBartek Igielski
 
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2Manfred Steyer
 
Mobile Web App & Google Apps Script
Mobile Web App & Google Apps ScriptMobile Web App & Google Apps Script
Mobile Web App & Google Apps ScriptIdo Green
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Zhentian Wan
 
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016Maxime Czetwertynski
 
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Robert Nyman
 
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!Shelly Megan
 
Progressive Web Apps For Startups
Progressive Web Apps For StartupsProgressive Web Apps For Startups
Progressive Web Apps For StartupsIdo Green
 
PWA - Progressive Web Apps
PWA - Progressive Web AppsPWA - Progressive Web Apps
PWA - Progressive Web AppsEdy Segura
 
Offline-First Progressive Web Apps
Offline-First Progressive Web AppsOffline-First Progressive Web Apps
Offline-First Progressive Web AppsAditya Punjani
 
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 BusinessLets Grow Business
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWAIdo Green
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsOptis
 
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web AppBinh Bui
 

Mais procurados (20)

GDG Ibadan #pwa
GDG Ibadan #pwaGDG Ibadan #pwa
GDG Ibadan #pwa
 
Progressive Web Applications
Progressive Web ApplicationsProgressive Web Applications
Progressive Web Applications
 
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2
 
Mobile Web App & Google Apps Script
Mobile Web App & Google Apps ScriptMobile Web App & Google Apps Script
Mobile Web App & Google Apps Script
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
 
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
 
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!
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
 
Progressive Web Apps For Startups
Progressive Web Apps For StartupsProgressive Web Apps For Startups
Progressive Web Apps For Startups
 
PWA - Progressive Web Apps
PWA - Progressive Web AppsPWA - Progressive Web Apps
PWA - Progressive Web Apps
 
Offline-First Progressive Web Apps
Offline-First Progressive Web AppsOffline-First Progressive Web Apps
Offline-First Progressive Web Apps
 
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
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web App
 

Semelhante a Progressive Web Apps

Building modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with PolymerBuilding modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with PolymerDimitar Danailov
 
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET Journal
 
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 KasireddySai Kiran Kasireddy
 
Progressive web application
Progressive web applicationProgressive web application
Progressive web applicationRavikantGautam8
 
PWA Utility App Development_ Learn How To Build.pdf
PWA Utility App Development_ Learn How To Build.pdfPWA Utility App Development_ Learn How To Build.pdf
PWA Utility App Development_ Learn How To Build.pdfLucas Lagone
 
Building Progressive Web Apps.docx
Building Progressive Web Apps.docxBuilding Progressive Web Apps.docx
Building Progressive Web Apps.docxSavior_Marketing
 
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...mohitreal1995
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web appsAkshay Sharma
 
SEMINAR (pwa).pptx
SEMINAR (pwa).pptxSEMINAR (pwa).pptx
SEMINAR (pwa).pptxBasitMir10
 
What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?Rishabh Software
 
Progressive web apps for e commerce
Progressive web apps for e commerceProgressive web apps for e commerce
Progressive web apps for e commerceShantanuApurva1
 
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 Ashish Saxena
 
progressive web app
progressive web app progressive web app
progressive web appRAGINI .
 
Jws masterclass progressive web apps
Jws masterclass progressive web appsJws masterclass progressive web apps
Jws masterclass progressive web appsAlexandre Marreiros
 

Semelhante a Progressive Web Apps (20)

PWAs overview
PWAs overview PWAs overview
PWAs overview
 
Building modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with PolymerBuilding modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with Polymer
 
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of things
 
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
 
Progressive web application
Progressive web applicationProgressive web application
Progressive web application
 
PWA Utility App Development_ Learn How To Build.pdf
PWA Utility App Development_ Learn How To Build.pdfPWA Utility App Development_ Learn How To Build.pdf
PWA Utility App Development_ Learn How To Build.pdf
 
Building Progressive Web Apps.docx
Building Progressive Web Apps.docxBuilding Progressive Web Apps.docx
Building Progressive Web Apps.docx
 
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
Progressive web appsProgressive web apps
Progressive web apps
 
Checklist for progressive web app development
Checklist for progressive web app developmentChecklist for progressive web app development
Checklist for progressive web app development
 
PWA demystified
PWA demystifiedPWA demystified
PWA demystified
 
SEMINAR (pwa).pptx
SEMINAR (pwa).pptxSEMINAR (pwa).pptx
SEMINAR (pwa).pptx
 
What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
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 –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
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
progressive web app
progressive web app progressive web app
progressive web app
 
progressive web applications
progressive web applicationsprogressive web applications
progressive web applications
 
Jws masterclass progressive web apps
Jws masterclass progressive web appsJws masterclass progressive web apps
Jws masterclass progressive web apps
 

Mais de Alexandre Tarifa

Qual será o SEU software no futuro?
Qual será o SEU software no futuro?Qual será o SEU software no futuro?
Qual será o SEU software no futuro?Alexandre Tarifa
 
Cultura Ágil: Como startups de tecnologia criam produtos
Cultura Ágil: Como startups de tecnologia criam produtosCultura Ágil: Como startups de tecnologia criam produtos
Cultura Ágil: Como startups de tecnologia criam produtosAlexandre Tarifa
 
Ecossistema Microsoft por trás dos maiores apps de saúde do Brasil
Ecossistema Microsoft por trás dos maiores apps de saúde do BrasilEcossistema Microsoft por trás dos maiores apps de saúde do Brasil
Ecossistema Microsoft por trás dos maiores apps de saúde do BrasilAlexandre Tarifa
 
UX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAPUX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAPAlexandre Tarifa
 
Como escalar 20 milhões de usuários por mês utilizando ASP.NET
Como escalar 20 milhões de usuários por mês utilizando ASP.NETComo escalar 20 milhões de usuários por mês utilizando ASP.NET
Como escalar 20 milhões de usuários por mês utilizando ASP.NETAlexandre Tarifa
 
Minha Vida: +20 milhões de usuários mensais na Web e Mobile
Minha Vida: +20 milhões de usuários mensais na Web e MobileMinha Vida: +20 milhões de usuários mensais na Web e Mobile
Minha Vida: +20 milhões de usuários mensais na Web e MobileAlexandre Tarifa
 
Performance e escalabilidade de aplicações ASP.NET - Visual Studio Summit
Performance e escalabilidade de aplicações ASP.NET - Visual Studio SummitPerformance e escalabilidade de aplicações ASP.NET - Visual Studio Summit
Performance e escalabilidade de aplicações ASP.NET - Visual Studio SummitAlexandre Tarifa
 
Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014Alexandre Tarifa
 
Melhorando a performance do seu banco de dados, não acessando ele!
Melhorando a performance do seu banco de dados, não acessando ele!Melhorando a performance do seu banco de dados, não acessando ele!
Melhorando a performance do seu banco de dados, não acessando ele!Alexandre Tarifa
 
Performance ao extremo para aplicações Web Mobile
Performance ao extremo para aplicações Web MobilePerformance ao extremo para aplicações Web Mobile
Performance ao extremo para aplicações Web MobileAlexandre Tarifa
 
Aplicações Windows Store Conectadas
Aplicações Windows Store ConectadasAplicações Windows Store Conectadas
Aplicações Windows Store ConectadasAlexandre Tarifa
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaAlexandre Tarifa
 

Mais de Alexandre Tarifa (16)

Qual será o SEU software no futuro?
Qual será o SEU software no futuro?Qual será o SEU software no futuro?
Qual será o SEU software no futuro?
 
Cultura Ágil: Como startups de tecnologia criam produtos
Cultura Ágil: Como startups de tecnologia criam produtosCultura Ágil: Como startups de tecnologia criam produtos
Cultura Ágil: Como startups de tecnologia criam produtos
 
Mobile e a Vida Real
Mobile e a Vida RealMobile e a Vida Real
Mobile e a Vida Real
 
Ecossistema Microsoft por trás dos maiores apps de saúde do Brasil
Ecossistema Microsoft por trás dos maiores apps de saúde do BrasilEcossistema Microsoft por trás dos maiores apps de saúde do Brasil
Ecossistema Microsoft por trás dos maiores apps de saúde do Brasil
 
ARQ: Performance na Web
ARQ: Performance na WebARQ: Performance na Web
ARQ: Performance na Web
 
Mobile e a vida real
Mobile e a vida realMobile e a vida real
Mobile e a vida real
 
UX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAPUX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAP
 
Como escalar 20 milhões de usuários por mês utilizando ASP.NET
Como escalar 20 milhões de usuários por mês utilizando ASP.NETComo escalar 20 milhões de usuários por mês utilizando ASP.NET
Como escalar 20 milhões de usuários por mês utilizando ASP.NET
 
Minha Vida: +20 milhões de usuários mensais na Web e Mobile
Minha Vida: +20 milhões de usuários mensais na Web e MobileMinha Vida: +20 milhões de usuários mensais na Web e Mobile
Minha Vida: +20 milhões de usuários mensais na Web e Mobile
 
Performance e escalabilidade de aplicações ASP.NET - Visual Studio Summit
Performance e escalabilidade de aplicações ASP.NET - Visual Studio SummitPerformance e escalabilidade de aplicações ASP.NET - Visual Studio Summit
Performance e escalabilidade de aplicações ASP.NET - Visual Studio Summit
 
Performance no ASP.NET 5
Performance no ASP.NET 5Performance no ASP.NET 5
Performance no ASP.NET 5
 
Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014
 
Melhorando a performance do seu banco de dados, não acessando ele!
Melhorando a performance do seu banco de dados, não acessando ele!Melhorando a performance do seu banco de dados, não acessando ele!
Melhorando a performance do seu banco de dados, não acessando ele!
 
Performance ao extremo para aplicações Web Mobile
Performance ao extremo para aplicações Web MobilePerformance ao extremo para aplicações Web Mobile
Performance ao extremo para aplicações Web Mobile
 
Aplicações Windows Store Conectadas
Aplicações Windows Store ConectadasAplicações Windows Store Conectadas
Aplicações Windows Store Conectadas
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
 

Último

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Angeliki Cooney
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot
 
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
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Zilliz
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontologyjohnbeverley2021
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Bhuvaneswari Subramani
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya
 
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...apidays
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024The Digital Insurer
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
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 FresherRemote DBA Services
 

Último (20)

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
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...
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
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...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
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
 

Progressive Web Apps

  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. O QUE DEFINE O USO DE UMA TECNOLOGIA?
  • 8. PERFIL DE DESENVOLVEDOR? Técnico? Quem é responsável pela inovação? Pq o mercado corporativo não inova? Dev web ou mobile?
  • 9.
  • 10.
  • 11. página 11 LATÊNCIA EM ALGUMAS ROTAS Rota Distância Tempo – Luz no vácuo Tempo – Luz na fibra Round Trip Time (RTT) na fibra New York to San Francisco 4,148 km 14 ms 21 ms 42 ms New York to London 5,585 km 19 ms 28 ms 56 ms New York to Sydney 15,993 km 53 ms 80 ms 160 ms
  • 12.
  • 14.
  • 15.
  • 17.
  • 18.
  • 20.
  • 21.
  • 22.
  • 24.
  • 26. CONCEITO • Conjunto de técnicas para desenvolvimento de aplicações Web
  • 27.
  • 28. O QUE É? Progressive - Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet. Responsive - Fit any form factor: desktop, mobile, tablet, or whatever is next. Connectivity independent - Enhanced with service workers to work offline or on low quality networks. App-like - Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model. Fresh - Always up-to-date thanks to the service worker update process. Safe - Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with. Discoverable - Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them. Re-engageable - Make re-engagement easy through features like push notifications. Installable - Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store. Linkable - Easily share via URL and not require complex installation.
  • 29. SERVICE WORKER É um worker como serviço que executa em background, fora da sua url/app Principais funcionalidades: cache e push Assíncrono Js https only Eventos: Install, activate e fetch
  • 30.
  • 31.
  • 32. HOME SCREEN Web App Manifest Service Worker Https 2 visitas em menos de 5 minutos
  • 33.
  • 34.
  • 35.