Aplicações Web Modernas

Transcript

1. Aplicações Web Modernas GuilhermeFarias.com

2. nossomos.cc

3. None
4. None

5. JavaScript evoluiu

6. None

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

12. None
13. None

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

19. None

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
25. None
26. None
27. None

28. Browser as “IDE”

29. None

30. JavaScript atual

31. None

32. Futuro do JavaScript

33. None
34. None
35. None

36. /GuilhermeFarias @guiky Obrigado!