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

PROGRESSIVE WEB APPS - O melhor da WEB