Transferir como PDF, PPTX
![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](https://image.slidesharecdn.com/comoprogressivewebappspodemudaravidadoseusite-171205031804/85/Como-progressive-web-apps-pode-mudar-a-vida-do-seu-site-32-320.jpg)
![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](https://image.slidesharecdn.com/comoprogressivewebappspodemudaravidadoseusite-171205031804/85/Como-progressive-web-apps-pode-mudar-a-vida-do-seu-site-33-320.jpg)
![self.addEventListener('install', function(event) {
event.waitUntil(
caches
.open('phpeste-v1') //return promise
.then(function(cache) {
return cache.addAll([‘a.js’, ‘b.js’…]);
})
);
});](https://image.slidesharecdn.com/comoprogressivewebappspodemudaravidadoseusite-171205031804/85/Como-progressive-web-apps-pode-mudar-a-vida-do-seu-site-35-320.jpg)
![vibrar
navigator.vibrate(100)
navigator.vibrate([100, 200…])](https://image.slidesharecdn.com/comoprogressivewebappspodemudaravidadoseusite-171205031804/85/Como-progressive-web-apps-pode-mudar-a-vida-do-seu-site-59-320.jpg)
Carregado porLeonn Leite
Como progressive web apps pode mudar a vida do seu site
O documento discute como aplicativos da web progressivos (PWA) podem melhorar sites, permitindo que eles funcionem como aplicativos nativos em dispositivos móveis. PWAs oferecem recursos como instalação, funcionamento offline e desempenho aprimorado que melhoram a experiência do usuário. O documento também fornece exemplos de como implementar recursos-chave de PWAs como caches, service workers e manifestos.
![Progressive Web Apps [pt_BR]](https://cdn.slidesharecdn.com/ss_thumbnails/pwa-170306202026-thumbnail.jpg?width=640&height=640&fit=bounds)
Como progressive web apps pode mudar a vida do seu site
- 1. Como Progressive Web Apps podemudar a vida do seu site
- 2.
- 3. made in Taguá! Nova Iorquedo cerrado!
- 4.
- 5.
- 6.
- 7.
- 8. SEU APP NÃO VAITER ENGAJAMENTO
- 9. O SEU PROBLEMA PODESER RESOLVIDO NA WEB
- 10.
- 11. <a href=“pagar-estacionamento.html“>Pagar Estacionamento</a> <ahref=“ver-estoque-brusinha.html“>Estoque das Brusinha</a>
- 12. <a href=“pagar-estacionamento.html“>Pagar Estacionamento</a> <ahref=“ver-estoque-brusinha.html“>Estoque das Brusinha</a>
- 13. <a href=“pagar-estacionamento.html“>Pagar Estacionamento</a> <ahref=“ver-estoque-brusinha.html“>Estoque das Brusinha</a> URI’s
- 14.
- 15.
- 16.
- 17.
- 18.
- 19. THEME COLOR <meta name="theme-color"content="#333333">
- 20.
- 21. ISSO FUNCIONA EM TODOSOS NAVEGADORES?
- 22. MAS É CLAROQUE NÃO
- 23.
- 24.
- 25.
- 26.
- 28. MAS APP DÁ PRAUSAR 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
- 34.
- 35. self.addEventListener('install', function(event) { event.waitUntil( caches .open('phpeste-v1')//return promise .then(function(cache) { return cache.addAll([‘a.js’, ‘b.js’…]); }) ); });
- 36.
- 37.
- 38.
- 39.
- 40. <!-- Add tohomescreen 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.
- 42.
- 46.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61. Leitor qr code,código de barras Notifications (push e local) Geolocations background sync autocomplete credentials manager offline
- 62.
- 63. este é ofuturo da web, principalmente para o mobile - Sergio Lopes
- 65.