Como progressive web apps pode mudar a vida do seu site
•
0 likes•90 views
Palestra apresentada no phpeste edição de Fortaleza
Recommended
Recommended
More Related Content
Similar to Como progressive web apps pode mudar a vida do seu site
Similar to Como progressive web apps pode mudar a vida do seu site (16)
More from Leonn Leite
Como progressive web apps pode mudar a vida do seu site
- 1. Como Progressive Web Apps pode mudar a vida do seu site
- 3. made in Taguá! Nova Iorque do cerrado!
- 4. WEB vs APP
- 8. SEU APP NÃO VAI TER ENGAJAMENTO
- 9. O SEU PROBLEMA PODE SER RESOLVIDO NA WEB
- 11. <a href=“pagar-estacionamento.html“>Pagar Estacionamento</a> <a href=“ver-estoque-brusinha.html“>Estoque das Brusinha</a>
- 12. <a href=“pagar-estacionamento.html“>Pagar Estacionamento</a> <a href=“ver-estoque-brusinha.html“>Estoque das Brusinha</a>
- 13. <a href=“pagar-estacionamento.html“>Pagar Estacionamento</a> <a href=“ver-estoque-brusinha.html“>Estoque das Brusinha</a> URI’s
- 18. http://agenciabrasil.ebc.com.br/geral/noticia/2016-12/ibge-celular-se-consolida-como-o-principal-meio-de-acesso-internet-no-brasil em 2016 92,1% dos domicílios brasileiros acessaram internet pelo celular
- 19. THEME COLOR <meta name="theme-color" content="#333333">
- 20. quaggajs
- 21. ISSO FUNCIONA EM TODOS OS NAVEGADORES?
- 22. MAS É CLARO QUE NÃO
- 28. MAS APP DÁ PRA USAR OFFLINE
- 29. <html manifest="example.appcache"> ... </html> CACHE MANIFEST # v1 - 2011-08-13 # This is a comment. http://www.example.com/index.html http://www.example.com/header.png http://www.example.com/blah/blah
- 30. <html manifest="example.appcache"> ... </html> CACHE MANIFEST # v1 - 2011-08-13 # This is a comment. http://www.example.com/index.html http://www.example.com/header.png http://www.example.com/blah/blah DEPRECIADO
- 32. self.addEventListener('install', function(event) { event.waitUntil( caches .open('phpeste-v1') //return promise .then(function(cache) { return cache.addAll([‘a.js’, ‘b.js’…]); }) ); }); ABRE A COLEÇÃO DO CACHE. SE NÃO EXISTIR, CRIA
- 33. self.addEventListener('install', function(event) { event.waitUntil( caches .open('phpeste-v1') //return promise .then(function(cache) { return cache.addAll([‘a.js’, ‘b.js’…]); }) ); }); NO ADDALL, ADICIONA ELEMENTOS AO CACHE
- 35. self.addEventListener('install', function(event) { event.waitUntil( caches .open('phpeste-v1') //return promise .then(function(cache) { return cache.addAll([‘a.js’, ‘b.js’…]); }) ); });
- 38. INSTALÁVEL
- 39. IOS
- 40. <!-- Add to homescreen for Safari on iOS --> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content=“Leonnzera"> <link rel="apple-touch-icon-precomposed" href="images/ios-desktop.png">
- 41. web manifest
- 46. install banners
- 61. Leitor qr code, código de barras Notifications (push e local) Geolocations background sync autocomplete credentials manager offline
- 63. este é o futuro da web, principalmente para o mobile - Sergio Lopes
- 65. obrigado