Post on 20-Aug-2015
for web developersCaesar Chi
clonn
tools
http://about.me/clonn13年4月14⽇日星期⽇日
for web developersCaesar Chi
clonn
tools
http://about.me/clonn13年4月14⽇日星期⽇日
Somethings you
Should Know
13年4月14⽇日星期⽇日
Command line13年4月14⽇日星期⽇日
GIT(Github)13年4月14⽇日星期⽇日
Server13年4月14⽇日星期⽇日
JavaScript13年4月14⽇日星期⽇日
13年4月14⽇日星期⽇日
JSON13年4月14⽇日星期⽇日
13年4月14⽇日星期⽇日
13年4月14⽇日星期⽇日
with“Of Course”
13年4月14⽇日星期⽇日
web serverrestful server
13年4月14⽇日星期⽇日
as a web developers, knowing some grid systems is good for you
13年4月14⽇日星期⽇日
13年4月14⽇日星期⽇日
13年4月14⽇日星期⽇日
old school Usage
13年4月14⽇日星期⽇日
find a example page
13年4月14⽇日星期⽇日
check html source code, then...
13年4月14⽇日星期⽇日
check html source code, then...
COPY & PASTECOPY & PASTECOPY & PASTE
13年4月14⽇日星期⽇日
13年4月14⽇日星期⽇日
EverythingShould BeSimple Butno simpler
13年4月14⽇日星期⽇日
We can DO It!
13年4月14⽇日星期⽇日
13年4月14⽇日星期⽇日
web basic scafolding
13年4月14⽇日星期⽇日
npm install -g
yo
13年4月14⽇日星期⽇日
yo webapphttp://yeoman.io/gettingstarted.html
13年4月14⽇日星期⽇日
http://twitter.github.io/bower/
13年4月14⽇日星期⽇日
npm install -gbower
13年4月14⽇日星期⽇日
bower <packages>
installsearchupdatelist
13年4月14⽇日星期⽇日
Grunt.js for Web developer
v 0.4.0
13年4月14⽇日星期⽇日
npm install -g
grunt-cli
13年4月14⽇日星期⽇日
Gruntfile• Gruntfile.js file existed
13年4月14⽇日星期⽇日
Gruntfile
13年4月14⽇日星期⽇日
• Use grunt plugin
• register grunt task
http://gruntjs.com/plugins
Gruntfile
13年4月14⽇日星期⽇日
npm install -ggrunt-init
13年4月14⽇日星期⽇日
grunt-init TEMPLATEhttp://gruntjs.com/project-scaffolding#installing-templates
13年4月14⽇日星期⽇日
13年4月14⽇日星期⽇日
https://gist.github.com/clonn/5175333cli example
13年4月14⽇日星期⽇日
for web developersCaesar Chi
clonn
tools
http://about.me/clonn13年4月14⽇日星期⽇日