Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Gruntjs Automatizando tarefas front-end @tcelestino
Slide 2
Slide 2 text
The Javascript Tasks Runner
Slide 3
Slide 3 text
The Javascript Task Runner Não perca mais tempo com tarefas repetitivas e “chatas”.
Slide 4
Slide 4 text
Voltando ao passado... http://marijnhaverbeke.nl/uglifyjs http://cssminifier.com/ http://tryjasmine.com/
Slide 5
Slide 5 text
Voltando ao passado... ...nem faz tanto tempo assim!
Slide 6
Slide 6 text
Iniciando com grunt
Slide 7
Slide 7 text
Iniciando com grunt $ npm install -g grunt-cli
Slide 8
Slide 8 text
Iniciando com grunt Você vai precisar deles: package.json * Gruntfile.js *
Slide 9
Slide 9 text
Iniciando com grunt $ npm install
Slide 10
Slide 10 text
$ npm install nome-pacote --save-dev Iniciando com grunt
Slide 11
Slide 11 text
The Javascript Tasks Runner
Slide 12
Slide 12 text
The Javascript Tasks Runner $ npm install grunt-contrib-compass --save-dev https://github.com/gruntjs/grunt-contrib-compass compass
Slide 13
Slide 13 text
The Javascript Tasks Runner $ npm install grunt-contrib-concat --save-dev https://github.com/gruntjs/grunt-contrib-concat concatenação
Slide 14
Slide 14 text
The Javascript Tasks Runner $ npm install grunt-contrib-uglify --save-dev https://github.com/gruntjs/grunt-contrib-uglify minificação js
Slide 15
Slide 15 text
The Javascript Tasks Runner $ npm install grunt-contrib-cssmin --save-dev https://github.com/gruntjs/grunt-contrib-cssmin minificação css
Slide 16
Slide 16 text
The Javascript Tasks Runner $ npm install load-grunt-tasks --save-dev https://github.com/sindresorhus/load-grunt-tasks esqueça o loadNpmTasks
Slide 17
Slide 17 text
The Javascript Tasks Runner $ npm install grunt-contrib-watch --save-dev fique de olho em tudo https://github.com/gruntjs/grunt-contrib-watch
Slide 18
Slide 18 text
The Javascript Tasks Runner $ npm install grunt-browser-sync --save-dev refresh nunca mais https://github.com/shakyshane/grunt-browser-sync
Slide 19
Slide 19 text
The Javascript Tasks Runner
Slide 20
Slide 20 text
Até a próxima, eu acho...
Slide 21
Slide 21 text
One more thing...
Slide 22
Slide 22 text
$ npm install grunt-contrib-jasmine --save-dev fazendo testes!!! https://github.com/gruntjs/grunt-contrib-jasmine The Javascript Tasks Runner
Slide 23
Slide 23 text
Agora acabou!! github: tcelestino twitter: @tcelestino http://bit.ly/techtalk-gruntjs-github http://bit.ly/techtalk-gruntjs