Serviceworker - Dominando o ambiente offline

Esta palestra mostra o poderoso recurso serviceworker, capaz de dar mais domínio para as aplicações web

Transcript

1. Service Workers Front In maceió - novembro de 2014
2. Erick Belfort Coordenador de desenvolvimento na rc comunicação @erickbelfy
3. Conectividade Conectividade é um fator importante na experiência do usuário
4. Conectividade Se a conectividade for boa, você terá uma boa experiência de usuário
5. Conectividade Se a conectividade for baixa, A experiência de usuário sera baixa
6. Conectividade Se a conectividade for nula, não haverá experiência alguma
7. Conectividade Aplicações mobile A aplicação faz um cacheamento prévio do conteúdo Após o carregamento dos dados realiza-se a busca na internet
8. OFFline first
9. OFFline first antes de falarmos sobre o assunto principal, vamos contar um pouco de história…
10. OFFline first O appcache veio para suprir a carência que as aplicações web tinham para tratar os recursos de conectividade de seu ecossistemas. APPcache
11. Appcache
13. Appcache
14. Appcache
15. Appcache
16. Appcache Apesar de todos os pontos citados… Possui um grande potêncial • permite cachear dados • Traça rotas de cacheamento • Possui boa compatibilidade em browsers recentes • Trata contingencia de dados (online/ offline)
17. Appcache O guia e para entender o comportamento do appcache é a documentação Leia como se não houvesse amanhã e quando terminar…
18. Leia novamente…
19. Service Worker
20. Service worker É uma nova especificação desenvolvida pelas grandes google, mozilla, samsung
21. Service worker • Ecossistema controlado, sem mágicas ou mandingas; • Nenhum estado é alterado sem que o agente (desenvolvedor) altere seu comportamento inicial • É um processo (thread), sem acesso ao DOM, provê serviços que a web limita por questões de segurança, performance, etc… • Network service, capacidade de interceptar sinais de rede em um ambiente "debugável" • Cache API, cache previsível e nunca expira
22. Service worker • Utiliza o javascript como linguagem de desenvolvimento
23. Service worker Para conferir o andamento das funcionalidades do service worker
24. Estrutura
25. usuário app Browser Service worker cache servidor
26. usuário app Browser Service worker cache servidor
27. Show me the code, Bitch!
28. HTTPS Só se instala um service worker no mesmo dominio da aplicação Use o github pages para fazer experimentos
36. Background sync
37. Push notifications
38. Então é isso pessoal!
39. Referências https://jakearchibald.github.io/isserviceworkerready/ https://html.spec.whatwg.org/#applicationcache https://github.com/slightlyoff/ServiceWorker/blob/master/explainer.md http://jakearchibald.com/2014/service-worker-first-draft/ https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorker_API/ Using_Service_Workers
40. Obrigado! @erickbelfy