progressive web apps

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

André Baltiericontato@andrebaltieri.nethttp://andrebaltieri.net/http://youtube.balta.io/http://balta.io/

DÚVIDAS?

OBRIGADO