My webapp workflow with Yeoman, Grunt and Bower. From Kerala Ruby user Group meetup.

1. MY WEBAPP WORKFLOW

2. ABOUT ME
Rubyist / JavaScripter
Yeoman team member
blog.revathskumar.com
Twitter/Github - @revathskumar

3. YEOMAN
Opinionated stack for web application development

4. IDEA TO PROTOTYPE IN 10 MINUTES

5. WHAT YEOMAN CAN DO 4 U?
Create directory structure

6. Boiler plate your code
/goa dfn*
*lbl eie/
dfn(
eie[
'nesoe,
udrcr'
'akoe
bcbn'
] fnto (,Bcbn){
, ucin _ akoe
's src'
ue tit;
vrTdMdl=Bcbn.oe.xed{
a oooe
akoeMdletn(
dfut:{
eals
}
};
)
};
)
rtr TdMdl
eun oooe;

7. Install dependencies

8. Choose only what you needed

9. INSTALL
INSTALL YEOMAN
$nmisal- y
p ntl g o
USAGE
$y bcbn
o akoe
$y bcbn:oe Td
o akoemdl oo
$y bcbn:olcinTds
o akoecleto oo
$y bcbn:iwIdxiw
o akoeve neVe
$y bcbn:otrTd
o akoerue oo

10. OTHER HELPS!
1. Install/Run/Update generators

11. GRUNT
The JavaScript Task Runner

12. WHY GRUNT?
Task runner based on CLI
Alternative to Rake/Cake/Make/Jake
100+ plugins
Lint, test, concat, watch, min etc ....
Customize task as you wish!

13. GRUNTFILE . JS
mdl.xot =fnto(rn){
oueeprs
ucingut
gutiiCni(
rn.ntofg{
ulf:{
giy
ds:{
it
fls {
ie:
"itsrpsapj" "p/cit/.s
ds/cit/p.s: apsrps*j"
}
}
}
,
cen [ds/',
la: 'it*]
};
)
gutlaNmak(gutcnrbulf";
rn.odpTss"rn-oti-giy)
gutlaNmak(gutcnrbcen)
rn.odpTss"rn-oti-la";
}
gutrgseTs(bid,[cen,'giy];
rn.eitrak'ul' 'la' ulf')

14. TASKS
$gutcen
rn la
$gutulf
rn giy
$gutbid
rn ul
OTHER TASKS
ln,ts,lvrla,cp,cmietmlts
it et ieeod oy opl epae

15. BOWER
Package manager for the web

16. MANAGE YOUR PACKAGES/DEPENDECIES
FROM CLI

17. FLOW
Create boilerplate code with yo
Install dependencies with bower
Start grunt server
Compiles coffeescipt
Compiles sass/scss
open page in default web browser
live reload

18. grunt lint
grunt test
grunt build
jslint, run tests
concat and minify your dependencies
copy assets to dist dir

19. YEOMAN
Twitter :
Github :
GRUNTJS
Twitter :
Github :
BOWER
Twitter :
Github :

20. QUEST