Aplicações Web Modernas

Transcript

1. Aplicações Web Modernas GuilhermeFarias.com
2. nossomos.cc
5. JavaScript evoluiu
7. Não há arquitetura "universalmente correta"
8. Aplicações Web Modernas
9. - Elas usam muito do HTML 5 para ter a sensação de ser uma aplicação nativa (desktop) - São desenvolvidas pensando-se que, ao ficar offline, o usuário possa continuar a utilizar a aplicação (como um aplicativo desktop) - Elas reconhecem o dispositivo em que estão sendo executadas (celular, desktop, tablet, etc) - A aplicação é projetada num estilo client-side.
10. - Apresentam uma performance bem maior que as aplicações Web antigas e seu uso é muito mais agradável - O cliente (navegador) se comunica de forma assíncrona com o servidor e muitas vezes o servidor envia dados sem haver uma requisição (push de conteúdo) usando AJAX, WebSockets ou WebRTC - Apresentam um estilo de navegação com poucos links e elementos de navegação tradicionais da Web
11. Single Page App
14. Offline
15. Offline - Application Cache - LocalStorage - SessionStorage - IndexedDB - WebSQL - Cookies
16. Mobile
17. Navegadores modernos como Firefox e Chrome são “IDE”
18. Modern Workflow
20. Real-Time WebSockets / HTTP 2 / WebRTC
21. WebSockets
22. HTTP 2 - Server-Push
23. WebRTC Web Real Time Communications
24. Dados: Troca de mensagens multimidia, jogos, compartilhamentos de arquivos e telas. Vídeo: Vídeo conferencia, Reconhecimento facial e de objeto, conferência de várias pessoas (ex: Hangout) Audio: Compartilhamento de audio, Telefonia, Reconhecimento de voz. SEM PLUGINS, É NATIVO DO JAVASCRIPT
28. Browser as “IDE”
30. JavaScript atual
32. Futuro do JavaScript
36. /GuilhermeFarias @guiky Obrigado!