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
MCP世界への招待: AIエンジニアが創る次世代エージェント連携の世界
gunta
4
900
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
3
1.2k
The Efficiency Paradox and How to Save Yourself and the World
hollycummins
0
110
Kamal 2 – Get Out of the Cloud
aleksandrov
1
190
Going Structural with Named Tuples
bishabosha
0
200
ComposeでWebアプリを作る技術
tbsten
0
110
Make Parsers Compatible Using Automata Learning
makenowjust
1
4.5k
音声プラットフォームのアーキテクチャ変遷から学ぶ、クラウドネイティブなバッチ処理 (20250422_CNDS2025_Batch_Architecture)
thousanda
0
130
gen_statem - OTP's Unsung Hero
whatyouhide
1
200
PHPで書いたAPIをGoに書き換えてみた 〜パフォーマンス改善の可能性を探る実験レポート〜
koguuum
0
150
RuboCop: Modularity and AST Insights
koic
2
290
[NG India] Event-Based State Management with NgRx SignalStore
markostanimirovic
1
150
Featured
See All Featured
BBQ
matthewcrist
88
9.6k
Writing Fast Ruby
sferik
628
61k
The Cost Of JavaScript in 2023
addyosmani
49
7.7k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Making Projects Easy
brettharned
116
6.1k
Statistics for Hackers
jakevdp
798
220k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.3k
The Invisible Side of Design
smashingmag
299
50k
The Cult of Friendly URLs
andyhume
78
6.3k
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