Um gole de

Otimizaçãono

Fernando DaciukFernando Daciuk

/fdaciuk/fdaciuk

/fdaciuk/fdaciuk

/fdaciuk/fdaciuk

github.com/wpbrasil/odin

tudoparawordpress.com.br

da2k.com.br

PERFORMANCE

PERFORMANCE

QUAL O MELHOR CAMINHO?

FERRAMENTAS!

goo.gl/tEPu9U

jshint.com

goo.gl/4krBZP

goo.gl/WV61tq

sass-lang.com

compressor.io

git-scm.com

É MUITA COISA!

QUE TAL AUTOMATIZAR?

“Automation isn’t about being lazy...

...It’s about being efficient.”- Addy Osmani

nodejs.org

$ node

$ npm

$ npm install <module name>

$ npm i <module name>

$ npm i -g gulp

/gulpjs

├── gulpfile.js

└── package.json

ESTRUTURA DO PROJETO

ESTRUTURA DO PROJETO/gulpjs

├── gulpfile.js

└── package.json

$ npm init

O package.json

v package.json

$ npm i --save-dev gulp

v package.json

v gulpfile.js

$ gulp default

$ npm i --save-dev gulp-minify-css

v gulpfile.js

v RECURSÃO!

v gulpfile.js

E se eu quiser usar um

pré-processador?

$ npm i --save-dev gulp-stylus

gulpfile.js

gulp.watch();

$ npm i --save-dev gulp-notify

gulpjs.com/plugins

npmjs.org

npmjs.org/package/gulp-stylus

npmjs.org/package/gulp-uglifynpmjs.org/package/gulp-jshintnpmjs.org/package/gulp-concat

MÓDULOS PARA JS

npmjs.org/package/rsyncwrappernpmjs.org/package/gulp-sshnpmjs.org/package/gulp-ftp

MÓDULOS PARA DEPLOY

npmjs.org/package/gulp-shell

npmjs.org/package/gulp-notify

npmjs.org/package/colors

npmjs.org/package/browser-sync

OUTROS MÓDULOS

--save-dev?

$ npm install

GruntJS

goo.gl/BBFDpT

OBRIGADO!github.com/fdaciuk/talks