Isomorphic Javascript

Slides para a apresentação no papo reto da bluesoft sobre o tema: Isomorphic Javascript

Transcript

1. ISOMORPHIC JAVASCRIPT Diogo Beato | @dvbeato
2. ERA UMA VEZ A WEB
3. ERA UMA VEZ A WEB Requisições para HTML estático Browsers com poucos recursos Porém era fantástico
4. CONTEÚDOS MAIS DINÂMICOS Surgimento do Javascript
5. NOVA ERA DA WEB Engines poderosas de Javascript HTML5 com apis de acesso a hardware
6. SINGLE PAGE APPLICATION Aplicações inteiras em Javascript Desacoplamento total do clients-side com o server-side Interfaces mais dinâmicas e interativas Modelos de Aplicações Offline
7. NOVOS DESAFIOS NOVAS FERRAMENTAS Frameworks MV*
 Angular, Ember, Backbone…
8. ARQUITETURA CLIENT-SIDE MVC
9. NA PRÁTICA A TEORIA É OUTRA
10. PROBLEMAS DE SEO Por padrão as aplicações SPA são ruins para o SEO
11. PROBLEMAS DE MANUTENIBILIDADE Lógica duplicada
 (Rotas, formatações, validações de formulários)
12. PROBLEMAS DE PERFOMANCE Processamento de renderização todo no lado do cliente.
 Páginas em branco e loadings demorados.
13. Twitter investiu um ano e 40 engenheiros para refazer o site que antes era SPA para o modelo baseado em server side e tiveram um aumento de 5x tempo de load do site. Amazon fez uma pesquisa que a cada 100ms reduzido no load do site deles aumentava a receita em 1%.
14. DE UM EXTREMO AO OUTRO
15. ARQUITETURA HÍBRIDA
16. ISOMORPHIC JAVASCRIPT NÃO É NOVIDADE Discutido desde 2011 pela Nodejitsu Frameworks com esse conceito(Mojito e Meteor) Projetos em produção (Airbnb e Asana)
17. ESSA NÃO É A BALA DE PRATA
18. REFERÊNCIAS • http://nerds.airbnb.com/isomorphic-java-future-web-apps/ • http://isomorphic.net/
19. TEXTO