Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Bower a package manager for the web
Slide 2
Slide 2 text
@lucasmazza
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
disclaimer esta não é uma introdução prática ao Bower
Slide 5
Slide 5 text
Nando Vieira @ Guru SP Slides @ fnando.me/np Post @ fnando.me/nq
Slide 6
Slide 6 text
"Bower is a package manager for the web. It offers a generic, unopinionated solution to the problem of front-end package management."
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
formato padrão para distribuição
Slide 9
Slide 9 text
versão (tag) URL de um repo commit diretório standalone
Slide 10
Slide 10 text
manifesto para definir dependências
Slide 11
Slide 11 text
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
Slide 12
Slide 12 text
Distribuindo seu código em pacotes
Slide 13
Slide 13 text
Semantic Versioning http:/ /semver.org/
Slide 14
Slide 14 text
Defina os entrypoints Use o ‘main’ para definir os arquivos que o seu pacote expõe
Slide 15
Slide 15 text
Defina os entrypoints Disponibilizar versão precompiladas e minificadas não é nada mal :)
Slide 16
Slide 16 text
$ bower install jquery jquery-migrate.js jquery-migrate.min.js jquery.js jquery.min.js jquery.min.map
Slide 17
Slide 17 text
Não empacote tudo Remova arquivos desnecessários do seu pacote com a opção do ‘ignore’.
Slide 18
Slide 18 text
$ bower install bootstrap $ ls bower_components/bootstrap | wc -l 28 ಠ_ಠ
Slide 19
Slide 19 text
documentação travis.yml & amigos exemplos LESS, CoffeeScript, SCSS Gruntfile, Rakefile, Makefile ✗
Slide 20
Slide 20 text
JS/CSS imagens e fontes LICENSE README.md CHANGELOG.md ✓
Slide 21
Slide 21 text
Teste o seu pacote $ bower install ~/code/github/thing $ ls bower_components/thing
Slide 22
Slide 22 text
Use e abuse do Git stable branches para bugfixes version tags como referência
Slide 23
Slide 23 text
Utilizando Bower no seu projeto
Slide 24
Slide 24 text
Pacotes no seu VCS nem todos desenvolvedores (e servers) precisam ter Node.JS
Slide 25
Slide 25 text
Integre o Bower ao stack da sua equipe
Slide 26
Slide 26 text
Ruby / Rails Sprockets 2.10 +
Slide 27
Slide 27 text
AMD rpflorence/bower-import
Slide 28
Slide 28 text
Grunt stephenplusplus/grunt-bower-install
Slide 29
Slide 29 text
Usando outra coisa? Contribua com novas ferramentas
Slide 30
Slide 30 text
Obrigado! https:/ /twitter.com/lucasmazza https:/ /speakerdeck.com/lucas