SlideShare une entreprise Scribd logo
1  sur  40
PROGRESSIVE
WEB APPS
HEBERT SILVA
FRONT-END DEVELOPER
@hebertsilva
hebertsilva.com
WEB vs APP
PROGRESSIVE
WEB APPS
WHAT F#@K
IS THIS?
Progressive Web Apps (PWA) é um conjunto de experiências que combinam o
melhor da Web com o melhor dos Aplicativos. São úteis desde a primeira visita do
usuário em uma guia de navegador sem exigir instalações. Conforme o usuário
desenvolve uma experiência com o aplicativo ele se torna cada vez mais eficaz.
Ele é carregado com rapidez, mesmo em redes instáveis, envia notificações push
relevantes, tem um ícone na tela inicial e é carregado como uma experiência de
tela inteira de alto nível.
PROGRESSIVE
WEB APPS
HTML
SEMÂNTICO
URIs
WEB
OFFLINE
SERVICE
WORKERS
SERVICE
WORKERS
PROGRESSIVE
WEB APPS
VISUAL
APPFICADA
THEME
COLOR
WEBMANIFEST
WEBMANIFEST
WEBMANIFEST
WEBMANIFEST
WEBMANIFEST
WEBMANIFEST
WEBMANIFEST
WEBMANIFEST
SERVICE
WORKERS
SERVICE
WORKERS
PUSH NOTIFICATION
SERVICE
WORKERS
*BACKGROUND SYNC
PUSH NOTIFICATION
SERVICE
WORKERS
*BACKGROUND SYNC
*GEOFENCING
PUSH NOTIFICATION
GEOLOCALIZAÇÃO
PWA
GEOLOCALIZAÇÃO
VIBRAÇÃO
PWA
GEOLOCALIZAÇÃO
VIBRAÇÃO
CÂMERA
PWA
GEOLOCALIZAÇÃO
VIBRAÇÃO
CÂMERA
MICROFONEPWA
GEOLOCALIZAÇÃO
VIBRAÇÃO
CÂMERA
MICROFONE
BATERIA
PWA
GEOLOCALIZAÇÃO
VIBRAÇÃO
CÂMERA
MICROFONE
BATERIA
NET INFO
PWA
GEOLOCALIZAÇÃO
VIBRAÇÃO
CÂMERA
MICROFONE
BATERIA
NET INFO
AUTOCOMPLETE
PWA
PROGRESSIVE
WEB APPS
LINKÁVEL
RESPONSIVA
INDEPENDENTE DE CONECTIVIDADE
SEMELHANTE A APLICATIVOS
ATUAL
SEGURA
OFFLINE
DESCOBRÍVEL
REENVOLVENTE
INSTALÁVEL
PWA
PROGRESSIVE
WEB APPS
Web Fundamentals:
https://developers.google.com/web/fundamentals/?hl=pt-br
PWA
pwa.rocks
OBRIGADO!
@hebertsilva
hebertsilva.com

Contenu connexe

Tendances

Transição do desenvolvimento web para apps - o caminho suave
Transição do desenvolvimento web para apps - o caminho suaveTransição do desenvolvimento web para apps - o caminho suave
Transição do desenvolvimento web para apps - o caminho suave
Renan Moreira de Oliveira
 

Tendances (20)

Desenvolvimento web e mobile ifce
Desenvolvimento web e mobile   ifceDesenvolvimento web e mobile   ifce
Desenvolvimento web e mobile ifce
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
Palestra sobre PWA
Palestra sobre PWAPalestra sobre PWA
Palestra sobre PWA
 
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NETProgressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
 
Apresentacao Redpanda IPAM
Apresentacao Redpanda IPAMApresentacao Redpanda IPAM
Apresentacao Redpanda IPAM
 
Dando vida ao sketch com Firebase
Dando vida ao sketch com FirebaseDando vida ao sketch com Firebase
Dando vida ao sketch com Firebase
 
Mobile first - Como pensar mobile
Mobile first - Como pensar mobileMobile first - Como pensar mobile
Mobile first - Como pensar mobile
 
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/CordovaAbra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
 
Transição do desenvolvimento web para apps - o caminho suave
Transição do desenvolvimento web para apps - o caminho suaveTransição do desenvolvimento web para apps - o caminho suave
Transição do desenvolvimento web para apps - o caminho suave
 
Introdução ao desenvolvimento de apps com Phonegap
Introdução ao desenvolvimento de apps com PhonegapIntrodução ao desenvolvimento de apps com Phonegap
Introdução ao desenvolvimento de apps com Phonegap
 
Aplicativos híbridos e Xamarin Test Cloud
Aplicativos híbridos e Xamarin Test CloudAplicativos híbridos e Xamarin Test Cloud
Aplicativos híbridos e Xamarin Test Cloud
 
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
 
Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...
Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...
Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...
 
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha TouchIntrodução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
 
Google IO 2017 Extended - Cuiaba - Progressive Web Apps
Google IO 2017 Extended - Cuiaba - Progressive Web AppsGoogle IO 2017 Extended - Cuiaba - Progressive Web Apps
Google IO 2017 Extended - Cuiaba - Progressive Web Apps
 
Responsive web design, conteúdo em todos os dispositivos
Responsive web design, conteúdo em todos os dispositivosResponsive web design, conteúdo em todos os dispositivos
Responsive web design, conteúdo em todos os dispositivos
 
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman  | Seminário ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman  | Seminário
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário
 
Automatizando o build, testes e deployment de websites com GitHub Actions, Se...
Automatizando o build, testes e deployment de websites com GitHub Actions, Se...Automatizando o build, testes e deployment de websites com GitHub Actions, Se...
Automatizando o build, testes e deployment de websites com GitHub Actions, Se...
 
7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps
 
Do MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVCDo MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVC
 

Similaire à PROGRESSIVE WEB APPS - O melhor da WEB

Frontend Engineers: passado, presente e futuro
Frontend Engineers: passado, presente e futuroFrontend Engineers: passado, presente e futuro
Frontend Engineers: passado, presente e futuro
Davidson Fellipe
 

Similaire à PROGRESSIVE WEB APPS - O melhor da WEB (20)

Marketplace Conference 2018 - PWA: O Futuro dos Aplicativos Mobile Clique p...
Marketplace Conference 2018 -  PWA: O Futuro dos Aplicativos Mobile  Clique p...Marketplace Conference 2018 -  PWA: O Futuro dos Aplicativos Mobile  Clique p...
Marketplace Conference 2018 - PWA: O Futuro dos Aplicativos Mobile Clique p...
 
PWA - Front in Floripa
PWA - Front in FloripaPWA - Front in Floripa
PWA - Front in Floripa
 
Transformando o site da Magnetis em PWA
Transformando o site da Magnetis em PWATransformando o site da Magnetis em PWA
Transformando o site da Magnetis em PWA
 
AMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps ModernasAMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps Modernas
 
Como inovar em campanhas a partir da experiencia mobile
Como inovar em campanhas a partir da experiencia mobileComo inovar em campanhas a partir da experiencia mobile
Como inovar em campanhas a partir da experiencia mobile
 
Pwa e o futuro do frontend
Pwa e o futuro do frontendPwa e o futuro do frontend
Pwa e o futuro do frontend
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
[Grocery & Drinks| Congresso do E-Commerce] Como o PWA pode ajudar na experiê...
[Grocery & Drinks| Congresso do E-Commerce] Como o PWA pode ajudar na experiê...[Grocery & Drinks| Congresso do E-Commerce] Como o PWA pode ajudar na experiê...
[Grocery & Drinks| Congresso do E-Commerce] Como o PWA pode ajudar na experiê...
 
Desenvolvendo e portando App C# para Android e Iphone
Desenvolvendo e portando App C# para Android e IphoneDesenvolvendo e portando App C# para Android e Iphone
Desenvolvendo e portando App C# para Android e Iphone
 
Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGap
Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGapDesenvolvendo aplicações para WP7 em HTML5 com o PhoneGap
Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGap
 
App CrossMobile com C# para Android, Iphone e WindowsPhone
App CrossMobile com C# para Android, Iphone e WindowsPhoneApp CrossMobile com C# para Android, Iphone e WindowsPhone
App CrossMobile com C# para Android, Iphone e WindowsPhone
 
[Conferência SC 2019] Mobile: AMP e PWA - Como utilizar estas tecnologias em ...
[Conferência SC 2019] Mobile: AMP e PWA - Como utilizar estas tecnologias em ...[Conferência SC 2019] Mobile: AMP e PWA - Como utilizar estas tecnologias em ...
[Conferência SC 2019] Mobile: AMP e PWA - Como utilizar estas tecnologias em ...
 
Carambola 2012
Carambola 2012Carambola 2012
Carambola 2012
 
Campus Party - Desenvolvendo aplicações .Net com software gratuito
Campus Party  - Desenvolvendo aplicações .Net com software gratuitoCampus Party  - Desenvolvendo aplicações .Net com software gratuito
Campus Party - Desenvolvendo aplicações .Net com software gratuito
 
O poder das Progressive Web Apps
O poder das Progressive Web AppsO poder das Progressive Web Apps
O poder das Progressive Web Apps
 
Frontend Engineers: passado, presente e futuro
Frontend Engineers: passado, presente e futuroFrontend Engineers: passado, presente e futuro
Frontend Engineers: passado, presente e futuro
 
001 panorama geral - Arquitetura de aplicativos para dispositivos móveis
001   panorama geral - Arquitetura de aplicativos para dispositivos móveis001   panorama geral - Arquitetura de aplicativos para dispositivos móveis
001 panorama geral - Arquitetura de aplicativos para dispositivos móveis
 
Dominando o Ionic Framework
Dominando o Ionic FrameworkDominando o Ionic Framework
Dominando o Ionic Framework
 
JavaScript além do browser
JavaScript além do browserJavaScript além do browser
JavaScript além do browser
 
Mobile: Quem Dita as Regras é o Google
Mobile: Quem Dita as Regras é o GoogleMobile: Quem Dita as Regras é o Google
Mobile: Quem Dita as Regras é o Google
 

Dernier

Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
Natalia Granato
 

Dernier (6)

Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 

PROGRESSIVE WEB APPS - O melhor da WEB