What is it?Its a workflow.Consisting of three tools:
Workflow?Its a front-end work flow.Starting a new project you use yo to:Set up your frontpage structure (folders andsuch)./app/app/scripts/app/stylesheets/app/images/test
Show live example● Note to self use the tree command●● tree -L 2
Why should I care about bower?● If you work on something with a team ofprogrammers you should care.● You should care that when they download yourcodes it should work as expected● For example youre using jQuery 1.3 and yourteammate downloaded jQuery 1.9. Your codemight not work with jQuery 1.9.
Show live example of Bower● Show general command● List, remove, add● Download a github repo and show bower
Did I mentionBower was createdby Twitter? Likebootstrap?
What is it?● Grunt is a task tools● You can download build tasks and use it as a build tool
Examples● It can translate sass, less, whatever to css● Use it to run test and TDD style programming(like bundle exec rspec for those RoR peopleout there)● Probably more usage/tasks out there...
Production Ready● Once you test out your front-end stuff via gruntserver and finish all your test (grunt test)● Grunt will ulgify/minify for your js and css in onefile.● Type grunt● Your final code will be in the /dist folder
Show Live Example of Grunt● grunt server● grunt test● grunt
Questions?● Remember to repeat the questions soeverybody can hear.