Aplicações Web Modernas

Aplicações Web Modernas

5b6ee6fc4089c6f2e5f8403d9bf9ef08?s=128

Guilherme Farias

November 04, 2014
Tweet

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!