Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Javascript Toolkit 2.0

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Bruno Lara Tavares Bruno Lara Tavares
September 26, 2014
Programming
320
0

Javascript Toolkit 2.0

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

Avatar for Bruno Lara Tavares

Bruno Lara Tavares

September 26, 2014

More Decks by Bruno Lara Tavares

See All by Bruno Lara Tavares
Callbacks are calling back
Avatar for Bruno Lara Tavares bltavares
2
580
Brincando com Puppet e Bots
Avatar for Bruno Lara Tavares bltavares
3
550

Other Decks in Programming

See All in Programming
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
Avatar for ギークプラス ソフトウェア事業部 geekplus_tech
0
420
Hunting Vulnerabilities in Symfony with LLMs
Avatar for Vincent Amstoutz vinceamstoutz
0
560
The NotImplementedError Problem in Ruby
Avatar for Koichi ITO koic
1
980
Observability in Practice：Grafana 與 Edge Device SRE 的那些事
Avatar for Blueswen blueswen
0
180
act1-costs.pdf
Avatar for Sumedh Bala sumedhbala
0
130
dRuby over BLE
Avatar for makicamel makicamel
2
390
フロントエンドとバックエンドで「1文字」を揃えよう
Avatar for てきめん tekimen youkidearitai
PRO
0
760
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
Avatar for ioki ioki
0
250
AIで効率化できた業務・日常
Avatar for Ochtum ochtum
0
150
キャリア迷子上等 ─ "ない道"は自分で作ればいい
Avatar for 16bit_idol 16bitidol
3
2.4k
スマートグラスで並列バイブコーディング
Avatar for Hayami Shuhei hyshu
0
270
トークンをケチるな、設計しろ：GitHub Copilotを賢く使うコンテキスト戦略
Avatar for Ochtum ochtum
0
240

Featured

See All Featured
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
3
1.1k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
990
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.5k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
410
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.2k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
740
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
420
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.6k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.3k

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 ! [email protected] MUITO OBRIGADO

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