RAPID
WEB APP
DEV
WITH
WEB APP
DEV
WITH
YEOMAN
![](images/yeoman.png)
MICHAEL
TARANTO
TARANTO
UI ENGINEER
ACONEX
@michaeltaranto
FINDING
AN IDEA
FOR A
WEB
APP
AN IDEA
FOR A
WEB
APP
![](images/yeoman3.png)
GREEN
FIELDS
CAN
THE
PROBLEM
FIELDS
CAN
DISTRACT
FROMTHE
PROBLEM
![](images/bliss.jpg)
"CODE IS
GREAT
BUT I
WANT TO
WRITE
MORE
CONFIG"
GREAT
BUT I
WANT TO
WRITE
MORE
CONFIG"
THERE'S
NOTHING
THIS
NOTHING
RAPID
ABOUTTHIS
![](images/yeoman4.png)
WHAT IS
WHAT
DOES IT
DO?
YEOMAN
ANDWHAT
DOES IT
DO?
![](images/yeoman5.png)
PROVIDES
TOOLS
TO GET
TOOLS
TO GET
CODING
FASTER
SETTING
UP
YEOMAN
FOR THE
UP
YEOMAN
FOR THE
FIRST
TIME
![](images/yeoman.png)
![](images/nodejs.png)
![](images/ruby.png)
![](images/compass.png)
![](images/bower.png)
![](images/npm.png)
![](images/grunt.png)
SCAFFOLD
YOURAPP
STRUCTURE
QUICKER
![](images/yeoman6.png)
WHAT'S
YEOMAN
GOT
TO
YEOMAN
GOT
TO
HIDE
Grunt, Bower, HTML5 Boilerplate, LiveReload, Compass, PhantomJS, Mocha, JSHint, OptiPNG, JpegTran, r.js, RequireJS
CONFIGURES
BUILD
PIPELINE
USING
BUILD
PIPELINE
USING
GRUNT
GRAB
BOWER
COMPONENTS
FROMBOWER
READY
TO
TO
CODE
ALREADY
RUNNING
YOUR
YOUR
TESTS
LAUNCH
YOUR
APP
YOUR
STATIC
WEBAPP
![](images/yeoman2.png)
FORGET
ABOUT
YOUR
DONE
IT
ABOUT
YOUR
COMPILERS
YEOMAN'SDONE
IT
HOW
MUCH
TIME
DID
YEOMAN
MUCH
TIME
DID
YEOMAN
SAVE
US?
Stopwatch designed by Scott Lewis from The Noun Project
OPTIMIZE
BEFORE
GOING
BEFORE
GOING
LIVE
SAVE
TIME
WHEN
TIME
WHEN
LEARNING
SHOW
MEWHAT
IT DOES
WE HAVE
THE
TOOLS
GET
CODING
THE
TOOLS
GET
CODING
FASTER
THANK YOU
bit.ly/melbmobile-yeoman
Yeoman - http://yeoman.io
Grunt - http://gruntjs.com
Bower - http://twitter.github.com/bower
Grunt - http://gruntjs.com
Bower - http://twitter.github.com/bower