Lucas Mazza: Bower

1,805 views
1,716 views

Published on

7Masters JavaScript | com Lucas Mazza

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,805
On SlideShare
0
From Embeds
0
Number of Embeds
502
Actions
Shares
0
Downloads
2
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Lucas Mazza: Bower

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

×