progressive web apps
TRANSCRIPT
André BaltieriMicrosoft MVP desde 2013Web Developer desde 2005Trabalhos no BRA, EUA, ENG, HOL
http://balta.io/
PROGRESSIVEWEB APPS
“O FUTURO SÃO AS APLICAÇÕES WEB”
Bill Gates - 2000
“Mobile First, Cloud First”
Satya Nadela - 2015
O FUTURO É PWA?
DEMO
“A Progressive Web App uses modern web
capabilities to deliver an app-like user experience.”
Progressive Web AppsExperiência do MobileFacilidades da WebRecursos como:
ResponsividadeInstalação simplesTrabalho OfflinePush Notification e outros
Recursos de HardwareJá temos frameworks para isto
Vantagens da App MobileMuito rápidasFácil acessoTem notificaçõesAcessa Recursos do dispositivoMais seguras Cada dia as pessoas
utilizam menos os browsers dos dispositivos móveis!
Desvantagens da App MobilePrecisam ser instaladasAtualizações são complicadasSem 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!
Vantagens da App WebPublicação FácilAtualizações SimplesDesenvolvimento BaratoIndexação em mecanismos de busca
Lembram do caso do WinJs? Pois é!
Desvantagens da App WebSão mais lentas no mobileAcesso através de um BrowserAcesso limitado a Recursos do hardwareMenos seguras que as nativas A segurança na Web ainda
é um desafio, e boa parte dos ataques partem de
máquinas comuns!
“A Web é linda!”
Ionic Framework e PWAJá suporta PWA automágicamenteJá traz um Service WorkerÉ muito mais que um framework
Service WorkersFuncionam como ProxiesIntermédio entre a App Web e uma funcionálidade como por exemplo Push Notification.
Service Workers
https://serviceworke.rs/
Outros pontos…Android renderiza componentes de forma diferente do iOSManifestÍconesAdd To Home ScreenTrabalhar OfflinePush NotificationsGeolocalizaçãoCâmeraEntre outros…
DEMO
OBRIGADO