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
280
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
540
Brincando com Puppet e Bots
bltavares
3
500
Other Decks in Programming
See All in Programming
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
290
構造化・自動化・ガードレール - Vibe Coding実践記 -
tonegawa07
0
150
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
640
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
180
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
1
220
iOS開発スターターキットの作り方
akidon0000
0
180
なぜあなたのオブザーバビリティ導入は頓挫するのか
ryota_hnk
1
370
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
150
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
40
15k
Workers を定期実行する方法は一つじゃない
rokuosan
0
130
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
5
9.3k
リバースエンジニアリング新時代へ! GhidraとClaude DesktopをMCPで繋ぐ/findy202507
tkmru
4
1.2k
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Faster Mobile Websites
deanohume
308
31k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
GitHub's CSS Performance
jonrohan
1031
460k
BBQ
matthewcrist
89
9.7k
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