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
180
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
19
Ecto sem SQL
lucas
0
320
Feature Toggles! - Elixir
lucas
3
410
Feature Toggles! - Ruby
lucas
2
320
Testes automatizados e a prática antes da teoria
lucas
0
370
Circuit Breakers em Ruby
lucas
1
340
The Zen and Art of Refactoring
lucas
4
650
Minitest: voltando ao básico sobre testes
lucas
1
340
10 coisas que eu gostaria de ter aprendido mais cedo
lucas
67
5.3k
Other Decks in Programming
See All in Programming
Desafios e Lições Aprendidas na Migração de Monólitos para Microsserviços em Java
jessilyneh
2
130
どうしてこうなった?から理解するActive Recordの関連の裏側
willnet
5
530
マイグレーションコード自作して File-Based Routing に自動移行!! ~250 ページの歴史的経緯を添えて~
cut0
1
250
開発を加速する共有Swift Package実践
elmetal
PRO
0
330
【TID2024】模擬講義:プログラマと一緒にゲームをデザインしてみよう!
akatsukigames_tech
0
410
プログラマのための音楽入門
cheebow
5
550
詳解UIWindow
natmark
3
2.1k
ドメイン駆動設計を実践するために必要なもの
bikisuke
3
300
Amebaチョイス立ち上げの裏側 ~依存システムとの闘い~
daichi_igarashi
0
220
Rechartsで楽にゴリゴリにカスタマイズする!
10tera
1
130
The Future of Frontend i18n : Intl.MessageFormat
sajikix
1
2.4k
What we keep in mind when migrating from Serverless Framework to AWS CDK and AWS SAM
kasacchiful
1
130
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
65
9.7k
Building Applications with DynamoDB
mza
89
5.9k
Teambox: Starting and Learning
jrom
131
8.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
Rails Girls Zürich Keynote
gr2m
93
13k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Six Lessons from altMBA
skipperchong
26
3.3k
How to Ace a Technical Interview
jacobian
275
23k
Being A Developer After 40
akosma
82
580k
Unsuck your backbone
ammeep
667
57k
Agile that works and the tools we love
rasmusluckow
327
20k
The World Runs on Bad Software
bkeepers
PRO
64
11k
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