Aplicações Web Modernas (2015)

Aplicações Web Modernas (2015)

5b6ee6fc4089c6f2e5f8403d9bf9ef08?s=128

Guilherme Farias

August 07, 2015
Tweet

Transcript

  1. 2.
  2. 3.
  3. 5.
  4. 8.

    - 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 aplicação desktop) - Elas reconhecem o dispositivo em que estão sendo executadas (celular, desktop, tablet, etc) - A aplicação é projetada num estilo client-side.
  5. 9.

    - 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
  6. 11.
  7. 12.
  8. 13.
  9. 14.
  10. 18.
  11. 19.

    Cross-domain / CORS Uma abordagem baseada em tokens permite que

    você faça chamadas de AJAX para qualquer servidor, em qualquer domínio. Stateless (Server side scalability) (PERFORMANCE) Não há necessidade de manter registros de sessão, o token é uma entidade que transmite nele mesmo, todas as informações do usuário. O resto do estado vive no lado do cliente. Mobile ready Quando você começar a trabalhar em uma plataforma nativa (iOS, Android, Windows 8, etc.) os cookies dificultam o trabalho de consumir uma API segura. A adoção de uma abordagem baseada em tokens simplifica muito isso.
  12. 20.
  13. 21.

    Flux é uma idéia para organizar a sua aplicação que

    foi desenvolvida no Facebook, com base em um princípio simples: “Data moves in one direction through your application.”
  14. 22.
  15. 23.
  16. 25.
  17. 26.

    NPM (Node Package Manager) 172.198 total packages 86.438.044 downloads no

    último dia 470.632.536 downloads na última semana 1.986.474.800 downloads no último mês
  18. 28.
  19. 29.
  20. 30.
  21. 31.
  22. 33.
  23. 34.
  24. 35.
  25. 36.
  26. 37.
  27. 38.
  28. 44.

    Dados: Troca de mensagens multimidia, jogos, compartilhamentos de arquivos e

    telas. Vídeo: Vídeo conferência, 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
  29. 45.
  30. 46.
  31. 48.
  32. 49.
  33. 51.
  34. 53.
  35. 54.
  36. 55.
  37. 56.
  38. 57.
  39. 58.
  40. 59.