Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction to bower

1,866 views

Published on

What is Bower and why all web developers should consider to use it ?

Published in: Technology
  • Login to see the comments

Introduction to bower

  1. 1. Introduction to Bower www.JitendraZaa.com
  2. 2. What is this • Client side package Manager • Great tool to manage all you web dependencies like JavaScript libraries
  3. 3. What can be done from Bower • Web sites are made of lots of things — frameworks, libraries, assets, utilities, and rainbows. Bower manages all these things for you. # registered package $ bower install jquery # GitHub shorthand – download repository SOQLBuilder from user Jitendra $ bower install JitendraZaa/SOQLBuilder # Git endpoint $ bower install git://github.com/user/package.git # URL $ bower install http://example.com/script.js
  4. 4. How to Install it • I am taking an example of Node • To install in bower in node globally • $ npm install –g bower • Above command will install bower and can be used from anywhere
  5. 5. Benefit • Let’s say you want to use some library like “polymer” or “Jquery” • Previously, • search latest version of polymer / JQuery • Download zip file, extract and save in your folder • If that library has dependency on other then download that library also manually • After some day, your locally saved library is out of date  • With Bower • Simply run this commands in your folder • $ bower install --save Polymer/polymer /*This will download latest version*/
  6. 6. Commands
  7. 7. Bower list • It will check for latest versions of all components installed by bower in current folder
  8. 8. Bower list --path • It will show path to be used in your webpage for all components installed by bower
  9. 9. Bower uninstall <lib_name> • If you want to uninstall any previously downloaded library then • $ bower uninstall jquery /*It will remove JQuery*/
  10. 10. Install specific version of library • If you want to use older version of library, say 1.11.0 of Jquery • $ bower install jquery#1.11.0
  11. 11. Create Your own package and distribute
  12. 12. Bower init and bower.json • If you have completed development of your application and want to distribute it, lets say from Git. Use below command $ bower init • This command will ask some questions and will create bower.json file • While pushing on Git, do not push bower folder, push only bower.json • Users can install all dependency of your package by running command $ bower install
  13. 13. Don’t forget • If you add new dependency after bower.json is generated, it will not be added automatically in JSON file, you need to use “-s” at end of install command • Example $ bower install jquery -s /*Install Jquery and update bower.json*/
  14. 14. More… Bower is great tool for web developers, go and get it. Don’t left behind in race. • Twitter Handlers • Bower - @Bower • Me - @JitendraZaa • My Blog • http://JitendraZaa.com/blog

×