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
66
Ecto sem SQL
lucas
0
360
Feature Toggles! - Elixir
lucas
3
490
Feature Toggles! - Ruby
lucas
2
340
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
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
さようなら Date。 ようこそTemporal! 3年間先行利用して得られた知見の共有
8beeeaaat
3
1.4k
Amazon RDS 向けに提供されている MCP Server と仕組みを調べてみた/jawsug-okayama-2025-aurora-mcp
takahashiikki
1
110
Deep Dive into Kotlin Flow
jmatsu
1
240
AI時代のUIはどこへ行く?
yusukebe
16
8.6k
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
260
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
250
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
430
【第4回】関東Kaggler会「Kaggleは執筆に役立つ」
mipypf
0
1.1k
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
440
Protocol Buffersの型を超えて拡張性を得る / Beyond Protocol Buffers Types Achieving Extensibility
linyows
0
110
Improving my own Ruby thereafter
sisshiki1969
1
160
testingを眺める
matumoto
1
140
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
A better future with KSS
kneath
239
17k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
A Modern Web Designer's Workflow
chriscoyier
696
190k
Building Adaptive Systems
keathley
43
2.7k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
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