• Like
Bower
Upcoming SlideShare
Loading in...5
×

Bower

  • 340 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
340
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
7
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Bowera package manager by Twitter
  • 2. Bower - introduction● why another tool?● common commands● installing packages● bower.json● building custom scripts● sources
  • 3. Developing frontend nowCommon workflow:1. Go to jquery.com2. Download jQuery3. Find fancy plugin4. Donwload it5. Link scripts to page6. Hoping for a miracle... but I broke something,WTF?
  • 4. Common problems● changing jQuery version to newer one,but old code doesnt work with it - jQuerydo not change mayor version when bcbreaks occur.● Plugin may require specific version, butthey dont write that in docs or I didntread it.
  • 5. Standard view
  • 6. My viewIt is not about language,it is about programmers.
  • 7. Bower● by Twitter● dependency manager for frontend● installing via npm● version control
  • 8. Bower - basic commands> bower helpbower installbower updatebower searchbower uninstallbower list
  • 9. Bower - package installing> bower install jquery> bower install modernizr#2.6.1> bower install jquery/jquery-ui> bower install ~/myCustomLib> bower install http://example.com/lib.zip
  • 10. Bower - common sources● github● http://sindresorhus.com/bower-components/
  • 11. bower.json{"name": "my-project","version": "1.0.0","main": "path/to/main.css","ignore": ["**/*.txt"],"dependencies": { ... }}
  • 12. Bower - saving dependencies> bower install jquery/jquery#1.9.1 --save{"name": "js_lab","version": "0.0.0","dependencies": {"jquery": "1.9.1"}}
  • 13. Bower - .bowerrc{"directory": "bower_components","endpoint": "https://bower.mycompany.com","json": "bower.json","searchpath": ["https://bower.herokuapp.com"],"shorthand_resolver": "git://example.com/{{{organization }}}/{{{ package }}}.git"}
  • 14. Bower - sources● http://bower.io/● https://github.com/bower/bower