This document introduces Bower, a front-end package manager tool that allows developers to easily install, update, and manage web application dependencies. It describes how Bower streamlines the front-end development workflow by avoiding repetitive downloading of libraries, making it simple to share applications, and supporting common commands like installing packages, version control, and building custom scripts. Basic usage and commands for Bower are also outlined.

1. BOWER.IO
Streamlining front-end web workflow

2. ABOUT ME
Dhruv Patel
•Designer / User experience designer / Front-
end designer / Conversion optimization
expert
•Founder of Convrrt and Omazing
Creations, LLC
•Twitter handle: @sylphdesign
•Love to talk about making web more
accessible for everyone, playing cricket,
partying, *spraying champagne bottles*
@sylphdesign
dhruv@convrrt.com
www.convrrt.com
www.omazingcreations.com

3. WHY BOWER?
• A solution to the problem of front-end package management
• Avoid repetition for downloading libraries
• Make sharing your app simple with bower.json
• Common commands
• Installing packages
• Version control
• Building custom scripts

4. EASY TO INSTALL
npm install -g bower
(try “sudo npm install -g bower” if above command doesn't work)
DONE

5. EASY TO USE
• Installing common dependencies - bower install [name]
• List installed components - bower list
• List Paths - bower list --paths
• Uninstall dependencies - bower uninstall [name]
• Install specific versions of libraries - bower install [name]#[version]

6. EASY TO USE - CONT.
• Create package file - bower init
• Install bower.json - bower install
• Github for private repos - bower install [githubURL]
• Save dependencies to json file - bower install [name] -S
• Strategy for deploying and registering with Github:
1. Commit to Github
• bower register [somename]
• Update libraries - bower update
• Search dependencies - bower search [name]

7. MY FRONT-END WORKFLOW
• Yeoman
• GulpJs
• Bower Components

8. SAMPLE LANDING PAGE
Requirements
•Bootstrap
•LESS/SASS
•jQuery
•RetinaJS
•Font-awesome
•Entypo Fonts
•FitVidsJS
•Animate.css
•InView.js