O documento discute as vantagens e desvantagens das aplicações web progressivas (PWA) em comparação com aplicativos móveis nativos e web. Apresenta PWA como uma solução que oferece uma experiência semelhante à de um aplicativo combinando as facilidades da web com recursos como instalação simples, trabalho offline e notificações push.

1. André Baltieri
Microsoft MVP desde 2013
Web Developer desde 2005
Trabalhos no BRA, EUA, ENG, HOL
http://balta.io/

2. PROGRESSIVE
WEB APPS

3. “O FUTURO SÃO AS
APLICAÇÕES WEB”
Bill Gates - 2000

4. “Mobile First,
Cloud First”
Satya Nadela - 2015

5. O FUTURO É
PWA?

7. “A Progressive Web App
uses modern web
capabilities to deliver an
app-like user experience.”

8. Progressive Web Apps
Experiência do Mobile
Facilidades da Web
Recursos como:
Responsividade
Instalação simples
Trabalho Offline
Push Notification e outros Recursos
de Hardware
Já temos frameworks para isto

9. Vantagens da App Mobile
Muito rápidas
Fácil acesso
Tem notificações
Acessa Recursos do dispositivo
Mais seguras
Cada dia as pessoas utilizam
menos os browsers dos
dispositivos móveis!

10. Desvantagens da App Mobile
Precisam ser instaladas
Atualizações são complicadas
Sem indexação nas buscas (SEO)
Desenvolvimento custoso Menos de 47% das pessoas
que compraram o Galaxy S7
“Explosivo” atualizaram seu
software para previnir a
explosão!

11. Vantagens da App Web
Publicação Fácil
Atualizações Simples
Desenvolvimento Barato
Indexação em mecanismos de busca
Lembram do caso do WinJs?
Pois é!

12. Desvantagens da App Web
São mais lentas no mobile
Acesso através de um Browser
Acesso limitado a Recursos do hardware
Menos seguras que as nativas A segurança na Web ainda é
um desafio, e boa parte dos
ataques partem de máquinas
comuns!

13. “A Web é linda!”

14. Ionic Framework e PWA
Já suporta PWA automágicamente
Já traz um Service Worker
É muito mais que um framework

15. Service Workers
Funcionam como Proxies
Intermédio entre a App Web e uma
funcionálidade como por exemplo Push
Notification.

16. Service Workers
https://serviceworke.rs/

17. Outros pontos…
Android renderiza componentes de forma diferente do iOS
Manifest
Ícones
Add To Home Screen
Trabalhar Offline
Push Notifications
Geolocalização
Câmera
Entre outros…

19. André Baltieri
contato@andrebaltieri.net
http://andrebaltieri.net/
http://youtube.balta.io/
http://balta.io/
DÚVIDAS?

20. OBRIGADO