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
0
260
Javascript Toolkit 2.0
Conferência WebBr 2014 -
http://conferenciaweb.w3c.br
Bruno Lara Tavares
September 26, 2014
Tweet
Share
More Decks by Bruno Lara Tavares
See All by Bruno Lara Tavares
Callbacks are calling back
bltavares
2
520
Brincando com Puppet e Bots
bltavares
3
480
Other Decks in Programming
See All in Programming
複雑なフォームと複雑な状態管理にどう向き合うか / #newt_techtalk vol. 15
izumin5210
4
3.5k
リアルタイムレイトレーシング + ニューラルレンダリング簡単紹介 / Real-Time Ray Tracing & Neural Rendering: A Quick Introduction (2025)
shocker_0x15
1
150
SLI/SLOの設定を進めるその前に アラート品質の改善に取り組んだ話
tanden
2
740
家族・子育て重視/沖縄在住を維持しながらエンジニアとしてのキャリアをどのように育てていくか?
ug
0
250
なぜselectはselectではないのか
taiyow
2
310
List とは何か? / PHPerKaigi 2025
meihei3
0
560
エンジニア未経験が最短で戦力になるためのTips
gokana
0
220
体得しよう!RSA暗号の原理と解読
laysakura
3
540
AHC 044 混合整数計画ソルバー解法
kiri8128
0
300
Modern Angular:Renovation for Your Applications @angularDays 2025 Munich
manfredsteyer
PRO
0
150
マルチアカウント環境での、そこまでがんばらない RI/SP 運用設計
wa6sn
0
620
Coding Experience Cpp vs Csharp - meetup app osaka@9
harukasao
0
130
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Why Our Code Smells
bkeepers
PRO
336
57k
RailsConf 2023
tenderlove
29
1k
A designer walks into a library…
pauljervisheath
205
24k
Building Adaptive Systems
keathley
41
2.5k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
22
2.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
12
620
A Tale of Four Properties
chriscoyier
158
23k
Designing for humans not robots
tammielis
251
25k
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 ! btavare@thoughtworks.com MUITO OBRIGADO
http://www.thoughtworks.com/pt/join ESTAMOS CONTRATANDO