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
64
Ecto sem SQL
lucas
0
360
Feature Toggles! - Elixir
lucas
3
480
Feature Toggles! - Ruby
lucas
2
330
Testes automatizados e a prática antes da teoria
lucas
0
390
Circuit Breakers em Ruby
lucas
1
380
The Zen and Art of Refactoring
lucas
4
790
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
パスタの技術
yusukebe
1
370
Reactの歴史を振り返る
tutinoko
1
180
MCPで実現できる、Webサービス利用体験について
syumai
7
2.5k
自作OSでDOOMを動かしてみた
zakki0925224
1
1.3k
Google I/O recap web編 大分Web祭り2025
kponda
0
2.4k
書き捨てではなく継続開発可能なコードをAIコーディングエージェントで書くために意識していること
shuyakinjo
1
270
GitHub Copilotの全体像と活用のヒント AI駆動開発の最初の一歩
74th
7
2.7k
Comparing decimals in Swift Testing
417_72ki
0
170
Go製CLIツールをnpmで配布するには
syumai
2
1.2k
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
teamlab
PRO
0
470
decksh - a little language for decks
ajstarks
4
21k
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
rkaga
12
2.6k
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
223
9.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
183
54k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Into the Great Unknown - MozCon
thekraken
40
2k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Code Reviewing Like a Champion
maltzj
524
40k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Code Review Best Practice
trishagee
69
19k
Scaling GitHub
holman
462
140k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
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