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