Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Javascript Toolkit 2.0
Search
Bruno Lara Tavares
September 26, 2014
Programming
330
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Javascript Toolkit 2.0
Conferência WebBr 2014 -
http://conferenciaweb.w3c.br
Bruno Lara Tavares
September 26, 2014
More Decks by Bruno Lara Tavares
See All by Bruno Lara Tavares
Callbacks are calling back
bltavares
2
590
Brincando com Puppet e Bots
bltavares
3
560
Other Decks in Programming
See All in Programming
言葉の格闘技のススメ~紙とペンと言葉から始める、キャリアの描き方~
progresscicada
2
150
PHP Application における Kubernetes 内 gRPC 通信
ganchiku
0
590
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
sumihiro3
1
680
リアルな遅延を測る仕様
kota_yata
1
100
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
1
870
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
har1101
2
280
Terraform標準の組織で AWS CDKをどう使うか
mu7889yoon
1
520
「人を評価する AI」の設計と実装
ryoyanara
0
200
Flow は今どうなっているか
mizdra
PRO
0
540
生成AI導入の「期待外れ」を乗り越える ー 開発フロー改革が目指す、真の組織変革
starfish719
0
4.4k
the container ship “Apple Silicon”@WWDC26 Recap -Japan-\(region).swift
shingangan
0
130
Claude Code全社展開のためにやったことn選~プラグイン302個・コミッター271人を支えるために~
kenchan
5
1.5k
Featured
See All Featured
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
240
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
890
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Between Models and Reality
mayunak
4
390
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Un-Boring Meetings
codingconduct
0
390
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
410
Designing for humans not robots
tammielis
254
26k
Transcript
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
BOM DIA! Olá, sou o Bruno Tavares. 2
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
O mundo JavaScript mudou. 4
5 https://www.google.com/trends/explore#q=single%20page%20applications%2C%20single %20page%20apps&cmpt=q
Vamos falar sobre as necessidades, E então olhar para algumas
ferramentas 6
SCAFFOLD 7 Iniciar novos projetos. Produtividade.
8 bootstraps seed projects
AUTOMAÇÃO 9 Diversas tarefas/rotinas que precisam ser executadas frequentemente. !
Compile, Test, Minify, Concat, Uglify, Etc.
10 github.com/broccolijs/broccoli …ake’s (Make, Rake, etc)
11 minify-tools concat-tools watch
12
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
CARREGAMENTO PREGUIÇOSO 15 Grandes projetos estão divididos em diferentes módulos.
Nem todos devem ser carregados de uma vez.
16 github.com/cujojs/curl github.com/amdjs/amdjs-api github.com/amdjs/caolan/async
FRAMEWORKS DE TESTES 17 Escrever os testes ! Utilidades para
mocking, spying, etc
18
19
EXECUTORES DE TESTES 20 Executar e visualizar o resultado dos
testes
21
22
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
25
TESTES SEM GUI 26 Como testar JavaScript sem um navegador
com interface gráfica?
27
APLICAÇÕES 28 As aplicações estão ficando complexas e diversos frameworks
foram criados para suportar o desenvolvimento delas.
29 Google Closure Tools
UTILITÁRIOS PARA APLICAÇÕES 30 Você não precisa de um canhão
para matar uma mosca.
31
UTILITÁRIOS PARA MANIPULAÇÃO DO DOM 32 Seleção e manipulação do
DOM e funções auxiliares que funcionam cross-browser
33
SIMPLES E INDISPENSÁVEIS UTILITÁRIOS 34 Código limpo; Programação funcional; Helpers
e Utilitários;
35 lodash.com github.com/kriskowal/q baconjs sugarjs chancejs microjs
INTEGRAÇÃO CONTÍNUA 36 Integração Contínua, Entrega Contínua, Implantação Contínua…
37
OUTRAS LINGUAGENS. ABSTRAÇÕES 38 github.com/clojure/clojurescript
https://github.com/bymarkone/javascript-toolkit 39
Dúvidas e sugestões: @bltavares !
[email protected]
MUITO OBRIGADO
http://www.thoughtworks.com/pt/join ESTAMOS CONTRATANDO