Web Workers & Service Workers

Transcript

1. Web Workers e Service Workers
2. senior solutions architect_ quem sou eu_ /khaosdoctor @_staticvoid lsantos.dev @khaosdoctor nindoo.ai
3. obarra.co trainingcenter.io abcdevelopers.org
4. slsweek.netlify.com
5. Web Workers
6. O JavaScript é assíncrono
7. Em uma thread...
8. Antes dos Web Workers
9. Manipulação de DOM Requests de API Interação de usuário Processamento pesado Próximos eventos
10. Depois dos Web Workers
11. Manipulação de DOM Requests de API Interação de usuário Próximos eventos Processamento pesado
12. Web workers nos permitem criar threads paralelas no JavaScript
13. Arquivos externos
14. Comunicação por mensagens
17. demo
18. https://lsantos-web-workers.now.sh/
19. - dedicated workers - shared workers
20. Service Workers
21. Ciclo de vida
22. Download Installation Activation
23. update
25. Escopo
27. Principais usos
28. Gerenciamento de cache
29. Push Notifications
30. PWAs
31. demo
32. https://lsantos-service-workers.now.sh/
33. referências_ - https://lsantos-web-workers.now.sh/ - https://auth0.com/blog/speedy-introduction-to-web-workers/ - https://braziljs.org/blog/javascript-multi-threading-com-web-workers-2/ - https://pt.stackoverflow.com/questions/240661/qual-é-a-diferença-entre-service-worker-e-web-worker - https://pt.stackoverflow.com/questions/46926/o-que-s%C3%A3o-web-workers-e-como-utiliz%C3%A1-los - https://www.w3schools.com/html/html5_webworkers.asp - https://www.html5rocks.com/pt/tutorials/workers/basics/ - https://developer.mozilla.org/pt-BR/docs/Web/API/Worker - https://blog.sessionstack.com/how-javascript-works-the-building-blocks-of-web-workers-5-cases-when-you-should-use-them-a5 47c0757f6a - https://github.com/khaosdoctor/web-workers-and-service-workers - https://serviceworke.rs/ - https://blog.sessionstack.com/how-javascript-works-service-workers-their-life-cycle-and-use-cases-52b19ad98b58
34. /khaosdoctor @_staticvoid lsantos.dev @khaosdoctor obrigado_