Progressive Web App

Talk sobre progressive web app

Transcript

1. PROGRESSIVE WEB APPS PROGRESSIVE WEB APPS MELHOR DOS APLICATIVOS MELHOR DA WEB APPFICAR APLICAÇÕES WEB
2. Jeftar Mascarenhas Desenvolvedor web na fusiondms e Wallit Twitter: @Jeftar Github: github.com/jeftarmascarenhas fusiondms.com.br | wallit.com.br
3. - Não é um lib ou framework!!! O que é Progressive Web app? - São um conjunto de tecnologias para trazer a experiência de apps para a web.
4. O que torna um site ou sistema web em um PWA? Progressivo: Funciona para qualquer usuário, independente do navegador. Responsivo: Se adequa a qualquer formato, desktop, celular table… Carregamento rápido: Utilizando recursos para gerenciar o cache melhorando o carregamento. Independente de conectividade: com service workers da uma experiência off-line. Seguro: Fornecido via HTTPS para evitar invasões e garantir que o conteúdo não seja adulterado. Descobrível: Pode ser indentificado como “Aplicativo” graça ao manifesto W3C. Reenvolvente: Facilita o reengajamento com recursos como push notification. Instalável: Permite ser instalado na home screen sem precisar acessar a loja de aplicativos. Linkável: Compartilhe facilmente por URL, não requer instalação complexa.
5. O que utilizar usar? Ponto de discussão WEB ou APP WEB ou APP
6. VISUAL APPFICADO Isso significa fazer um CSS e um layout bonitão que lembre uma interação appficada.
7. Appficando experiência mobile na web
8. OFFLINE Isso significa fazer um CSS e um layout bonitão que lembre uma interação appficada.
9. Appcache apple
10. ServiceWorkers
11. ServiceWorkers
12. ServiceWorkers
13. INSTALÁVEL Você consegue pegar a applicação web do navegador adicionando-a atravez de instalação de web apps na home screen.
14. Ponto de discussão INSTALÁVEL iOS
15. Ponto de discussão INSTALÁVEL iOS
16. Ponto de discussão INSTALÁVEL Web Manifest
17. Ponto de discussão INSTALÁVEL Web Manifest
18. Ponto de discussão INSTALÁVEL Web Manifest
19. Appficando
20. PROGRESSIVO
21. ACESSO HARDWARE PUSH NOTIFICATION BACKGROUND SYNC VIBRAÇÃO CÂMERA MICROFONE BATERIA NET INFO AUTOCOMPLETE AUTOMATICO CREDENTIALS MENAGER(integração de conta do usuário ) WEB PAYMENTS(integração com android pay ) MUITO MAIS……………………………………………
22. FEMUG-PE EX: https://femug-pe.github.io/
23. LINKS ÚTEIS https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/ https://developers.google.com/web/showcase/
24. OBRIGADO! OBRIGADO!