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