Javascript Toolkit 2.0

37e81bec5fcef8f12c61537c86ab1488?s=47 Bruno Lara Tavares
September 26, 2014
Programming
0
190

Javascript Toolkit 2.0

Conferência WebBr 2014 - http://conferenciaweb.w3c.br

37e81bec5fcef8f12c61537c86ab1488?s=128

Bruno Lara Tavares

September 26, 2014
Tweet

More Decks by Bruno Lara Tavares

See All by Bruno Lara Tavares
37e81bec5fcef8f12c61537c86ab1488?s=48 bltavares
2
150
37e81bec5fcef8f12c61537c86ab1488?s=48 bltavares
3
160

Other Decks in Programming

See All in Programming
E48bd6aeb77b88d5762cd5d96e2c397d?s=48 wen_liao
2
910
Fc96157614ee73039c4a575906167979?s=48 fukumura
0
240
21e251d97f836f77e7dce83fcaf6daff?s=48 ryitto
1
180
6e85e396c2fca10e469e67cbede8104e?s=48 yukikimoto
0
110
D4f04ef104c8fbfc9caa3c80e41692fd?s=48 tsuzuki817
0
230
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
0
170
D4f04ef104c8fbfc9caa3c80e41692fd?s=48 tsuzuki817
1
290
E47a3eec69bad51d6728d0dfb2aacea8?s=48 monaqa
2
130
933291444e456bfb511a66a2fa9c6929?s=48 j5ik2o
7
1.1k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
4
3.4k
0ca0c0ec6efe3a7f5220332a910e6da0?s=48 shinyoshiaki
1
490
80a3a3857a55f154d23acb705eff72cc?s=48 star_zero
3
130

Featured

See All Featured
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
250
11k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
253
36k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
248
19k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
420
245cee81a9c424266e5e401d844ea881?s=48 lara
168
9.1k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
105
9.4k
282d599b414022eba5096510f675b6e2?s=48 chrislema
169
13k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
154
6.1k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
60
2.4k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
189
17k
11c84dff30266b907714802088852677?s=48 jasonvnalue
80
7.8k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
281
46k

Transcript

  1. THE JAVASCRIPT TOOLKIT An attempt to organize the recent explosion

    of Javascript based technologies and frameworks into a coherent toolkit to be used by a web application developer. 1 2.0

  2. BOM DIA! Olá, sou o Bruno Tavares. 2

  3. THE JAVASCRIPT TOOLKIT An attempt to organize the recent explosion

    of Javascript based technologies and frameworks into a coherent toolkit to be used by a web application developer. 3 2.0

  4. O mundo JavaScript mudou. 4

  5. 5 https://www.google.com/trends/explore#q=single%20page%20applications%2C%20single %20page%20apps&cmpt=q

  6. Vamos falar sobre as necessidades, E então olhar para algumas

    ferramentas 6

  7. SCAFFOLD 7 Iniciar novos projetos. Produtividade.

  8. 8 bootstraps seed projects

  9. AUTOMAÇÃO 9 Diversas tarefas/rotinas que precisam ser executadas frequentemente. !

    Compile, Test, Minify, Concat, Uglify, Etc.

  10. 10 github.com/broccolijs/broccoli …ake’s (Make, Rake, etc)

  11. 11 minify-tools concat-tools watch

  12. 12

  13. GERENCIAMENTO DE DEPENDÊNCIAS 13 Aplicações JavaScript estão ficando cada vez

    maiores e complexas. ! Dependem cada vez mais de diversos frameworks e bibliotecas

  14. 14

  15. CARREGAMENTO PREGUIÇOSO 15 Grandes projetos estão divididos em diferentes módulos.

    Nem todos devem ser carregados de uma vez.

  16. 16 github.com/cujojs/curl github.com/amdjs/amdjs-api github.com/amdjs/caolan/async

  17. FRAMEWORKS DE TESTES 17 Escrever os testes ! Utilidades para

    mocking, spying, etc

  18. 18

  19. 19

  20. EXECUTORES DE TESTES 20 Executar e visualizar o resultado dos

    testes

  21. 21

  22. 22

  23. TESTE PONTA A PONTA 23 Escrever testes que exercitam todo

    o fluxo da aplicação, da mesma maneira como um usuário final faria.

  24. 24

  25. 25

  26. TESTES SEM GUI 26 Como testar JavaScript sem um navegador

    com interface gráfica?

  27. 27

  28. APLICAÇÕES 28 As aplicações estão ficando complexas e diversos frameworks

    foram criados para suportar o desenvolvimento delas.

  29. 29 Google Closure Tools

  30. UTILITÁRIOS PARA APLICAÇÕES 30 Você não precisa de um canhão

    para matar uma mosca.

  31. 31

  32. UTILITÁRIOS PARA MANIPULAÇÃO DO DOM 32 Seleção e manipulação do

    DOM e funções auxiliares que funcionam cross-browser

  33. 33

  34. SIMPLES E INDISPENSÁVEIS UTILITÁRIOS 34 Código limpo; Programação funcional; Helpers

    e Utilitários;

  35. 35 lodash.com github.com/kriskowal/q baconjs sugarjs chancejs microjs

  36. INTEGRAÇÃO CONTÍNUA 36 Integração Contínua, Entrega Contínua, Implantação Contínua…

  37. 37

  38. OUTRAS LINGUAGENS. ABSTRAÇÕES 38 github.com/clojure/clojurescript

  39. https://github.com/bymarkone/javascript-toolkit 39

  40. Dúvidas e sugestões: @bltavares ! btavare@thoughtworks.com MUITO OBRIGADO

  41. http://www.thoughtworks.com/pt/join ESTAMOS CONTRATANDO