BOWER.IOStreamlining front-end web workflow

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*

@sylphdesigndhruv@convrrt.com

www.convrrt.com

www.omazingcreations.com

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

EASY TO INSTALL

npm install -g bower(try “sudo npm install -g bower” if above command doesn't work)

DONE

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]

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]

MY FRONT-END WORKFLOW

• Yeoman

• GulpJs

• Bower Components

SAMPLE LANDING PAGE

Requirements

•Bootstrap

•LESS/SASS

•jQuery

•RetinaJS

•Font-awesome

•Entypo Fonts

•FitVidsJS

•Animate.css

•InView.js