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
310
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
560
Brincando com Puppet e Bots
bltavares
3
540
Other Decks in Programming
See All in Programming
米国のサイバーセキュリティタイムラインと見る Goの暗号パッケージの進化
tomtwinkle
2
630
モダンOBSプラグイン開発
umireon
0
170
Goの型安全性で実現する複数プロダクトの権限管理
ishikawa_pro
2
500
安いハードウェアでVulkan
fadis
0
690
ベクトル検索のフィルタを用いた機械学習モデルとの統合 / python-meetup-fukuoka-06-vector-attr
monochromegane
2
500
new(1.26) ← これすき / kamakura.go #8
utgwkk
0
2.6k
ふつうのRubyist、ちいさなデバイス、大きな一年 / Ordinary Rubyists, Tiny Devices, Big Year
chobishiba
1
480
How to stabilize UI tests using XCTest
akkeylab
0
140
AIコードレビューの導入・運用と AI駆動開発における「AI4QA」の取り組みについて
hagevvashi
0
530
ポーリング処理廃止によるイベント駆動アーキテクチャへの移行
seitarof
3
1.1k
Migration to Signals, Signal Forms, Resource API, and NgRx Signal Store @Angular Days 03/2026 Munich
manfredsteyer
PRO
0
120
へんな働き方
yusukebe
5
2.8k
Featured
See All Featured
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
200
Designing for Timeless Needs
cassininazir
0
170
Building Adaptive Systems
keathley
44
3k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
64
52k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
120
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
Speed Design
sergeychernyshev
33
1.6k
For a Future-Friendly Web
brad_frost
183
10k
Navigating Weather and Climate Data
rabernat
0
140
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
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