Upload
dhruv-patel
View
235
Download
0
Embed Size (px)
DESCRIPTION
Presentation on Bower that I did for Phoenix Javascript meet up group to help understand possibilities with Bower, Yeoman, and GulpJS, and what my idea workflow looks like.
Citation preview
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*
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