Introducing Bower

A quick intro to Bower

Transcript

1. Introducing  Bower   A  Bowerful  package  manager  for   the  web  
2. Objec9ves   •  First  world  web  dev  problems   •  Why  Bower?   •  Using  Bower  
3. Jason  Kim   •  Rhapsody  /  Napster   •  TwiHer:  @jasoki   •  Github:  @serv  
4. Ruby  and  Node   •  Gems   •  Bundler   •  Rubygems.org   •  Node  packages   •  Npm   •  npmjs.org  
5. Web?  We  had  it  bad.  
6. Git?  Download?  CDN?  Too  many!  
7. Version  Control?   Dependency  management?   ¯ˉ\_(ツ)_/¯ˉ  
8. Enter  Bower!  
9. One  consolidated  directory  
10. Other  good  parts   •  Dependency  management   •  Version  control  -­‐>  easier  updates   •  Straight  forward  uninstalla9on   •  Created  and  maintained  by  good  people  
11. Dependencies  for  Bower   •  Git   •  Node   •  NPM  
12. Install  Bower   $ npm install -g bower
13. Install  a  package   $ bower install <package> $ bower install jquery $ bower install bootstrap $ bower install ember http://bower.io/search/
14. Using  a  package   <link rel="stylesheet" href="bower_components/bootstrap/ dist/css/bootstrap.min.css" /> <script src="/bower_components/jquery/jquery.js"></script> <script src="bower_components/bootstrap/dist/js/ bootstrap.min.js"></script>
15. Install  a  specific  version   $ bower install <package>#<version> $ bower install ember#1.4
16. Automa9c  dependency  management  
17. Uninstalling  a  package  
18. Thank  you!   Bower.io             TwiHer:  @jasoki