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

Javascript Toolkit 2.0

Avatar for Bruno Lara Tavares Bruno Lara Tavares
September 26, 2014
Programming
0
300

Javascript Toolkit 2.0

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

Avatar for Bruno Lara Tavares

Bruno Lara Tavares

September 26, 2014
Tweet

More Decks by Bruno Lara Tavares

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

Other Decks in Programming

See All in Programming
Tangible Code
Avatar for chobishiba chobishiba
3
690
JJUG CCC 2025 Fall: Virtual Thread Deep Dive
Avatar for ternbusty ternbusty
3
470
All(?) About Point Sets
Avatar for hole hole
0
200
Java_プロセスのメモリ監視の落とし穴_NMT_で見抜けない_glibc_キャッシュ問題_.pdf
Avatar for NTTドコモソリューションズ　Java担当 ntt_dsol_java
0
220
FlutterKaigi 2025 システム裏側
Avatar for Ryotaro Onoue yumnumm
0
1.2k
Module Harmony
Avatar for petamoriken / 森建 petamoriken
2
510
モデル駆動設計をやってみよう Modeling Forum2025ワークショップ/Let’s Try Model-Driven Design
Avatar for haru860 haru860
0
170
flutter_kaigi_2025.pdf
Avatar for Kyohei Ito kyoheig3
1
350
「AWS CDK入門」の前日譚/Prequelto-Introduction-To-AWSCDK
Avatar for tyumugiko tyumugi1113
0
100
「正規表現をつくる」をつくる / make "make regex"
Avatar for TSUYUSATO Kitsune makenowjust
1
710
生成AIを活用したリファクタリング実践 ~コードスメルをなくすためのアプローチ
Avatar for raedion raedion
0
110
DartASTとその活用
Avatar for そた sotaatos
2
140

Featured

See All Featured
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
11
940
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.3k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
2.9k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
760
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k

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