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
Bower
Search
Lucas Mazza
September 25, 2013
Programming
3
190
Bower
Apresentação feita no encontro do 7Masters sobre JavaScript.
Lucas Mazza
September 25, 2013
Tweet
Share
More Decks by Lucas Mazza
See All by Lucas Mazza
OpenAPI e Elixir (e qualquer outra linguagem)
lucas
0
68
Ecto sem SQL
lucas
0
360
Feature Toggles! - Elixir
lucas
3
500
Feature Toggles! - Ruby
lucas
2
340
Testes automatizados e a prática antes da teoria
lucas
0
400
Circuit Breakers em Ruby
lucas
1
380
The Zen and Art of Refactoring
lucas
4
800
Minitest: voltando ao básico sobre testes
lucas
1
380
10 coisas que eu gostaria de ter aprendido mais cedo
lucas
67
5.4k
Other Decks in Programming
See All in Programming
CSS Linter の現在地 2025年のベストプラクティスを探る
ryo_manba
10
3.2k
NetworkXとGNNで学ぶグラフデータ分析入門〜複雑な関係性を解き明かすPythonの力〜
mhrtech
3
960
Model Pollution
hschwentner
1
180
Pythonスレッドとは結局何なのか? CPython実装から見るNoGIL時代の変化
curekoshimizu
4
1.2k
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
yutailang0119
0
210
私はどうやって技術力を上げたのか
yusukebe
43
17k
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
7
1.5k
ててべんす独演会〜Flowの全てを語ります〜
tbsten
1
220
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
2.8k
AIで開発生産性を上げる個人とチームの取り組み
taniigo
0
130
開発生産性を上げるための生成AI活用術
starfish719
1
140
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
880
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
How to train your dragon (web standard)
notwaldorf
96
6.3k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Code Review Best Practice
trishagee
72
19k
RailsConf 2023
tenderlove
30
1.2k
The Invisible Side of Design
smashingmag
301
51k
Become a Pro
speakerdeck
PRO
29
5.5k
Fireside Chat
paigeccino
40
3.7k
Site-Speed That Sticks
csswizardry
11
870
4 Signs Your Business is Dying
shpigford
185
22k
A better future with KSS
kneath
239
17k
Transcript
Bower a package manager for the web
@lucasmazza
None
disclaimer esta não é uma introdução prática ao Bower
Nando Vieira @ Guru SP Slides @ fnando.me/np Post @
fnando.me/nq
"Bower is a package manager for the web. It offers
a generic, unopinionated solution to the problem of front-end package management."
None
formato padrão para distribuição
versão (tag) URL de um repo commit diretório standalone
manifesto para definir dependências
module#518331e7d5 vendor/assets/components/module jquery-pjax#1.7.3 vendor/assets/components/jquery-pjax ᵋᴷᴷ jquery#2.0.3 momentjs#2.1.0 vendor/assets/components/momentjs jquery#2.0.3 vendor/assets/components/jquery
Distribuindo seu código em pacotes
Semantic Versioning http:/ /semver.org/
Defina os entrypoints Use o ‘main’ para definir os arquivos
que o seu pacote expõe
Defina os entrypoints Disponibilizar versão precompiladas e minificadas não é
nada mal :)
$ bower install jquery jquery-migrate.js jquery-migrate.min.js jquery.js jquery.min.js jquery.min.map
Não empacote tudo Remova arquivos desnecessários do seu pacote com
a opção do ‘ignore’.
$ bower install bootstrap $ ls bower_components/bootstrap | wc -l
28 ಠ_ಠ
documentação travis.yml & amigos exemplos LESS, CoffeeScript, SCSS Gruntfile, Rakefile,
Makefile ✗
JS/CSS imagens e fontes LICENSE README.md CHANGELOG.md ✓
Teste o seu pacote $ bower install ~/code/github/thing $ ls
bower_components/thing
Use e abuse do Git stable branches para bugfixes version
tags como referência
Utilizando Bower no seu projeto
Pacotes no seu VCS nem todos desenvolvedores (e servers) precisam
ter Node.JS
Integre o Bower ao stack da sua equipe
Ruby / Rails Sprockets 2.10 +
AMD rpflorence/bower-import
Grunt stephenplusplus/grunt-bower-install
Usando outra coisa? Contribua com novas ferramentas
Obrigado! https:/ /twitter.com/lucasmazza https:/ /speakerdeck.com/lucas