Uma breve introdução do GruntJS

Apresentação do GruntJS para a equipe em um evento interno da empresa onde trabalho.

Links para os arquivos mencionados:

- package.json: https://github.com/viniciusalmeida/presentations/blob/master/introducing-the-gruntjs/codes/package.json

-Gruntfile.js: https://github.com/viniciusalmeida/presentations/blob/master/introducing-the-gruntjs/codes/Gruntfile.js

Transcript

1. GruntJS Uma breve introdução à ferramenta
2. GruntJS Uma breve introdução à ferramenta {que é boa uma barbaridade}
3. O que é o GruntJS afinal? • Ferramenta escrita em NodeJS que gerencia procedimentos do workflow de desenvolvimento
4. O que é o GruntJS afinal? • Ferramenta escrita em NodeJS que gerencia procedimentos do workflow de desenvolvimento • Escrita por Ben Alman - @cowboy
5. • Apresentada na BrazilJS de 2012, aqui mesmo em POA
6. • Apresentada na BrazilJS de 2012, aqui mesmo em POA • Nasceu de uma necessidade de build no time de desenvolvimento do jQuery
7. • Apresentada na BrazilJS de 2012, aqui mesmo em POA • Nasceu de uma necessidade de build no time de desenvolvimento do jQuery • É extensível através de plugins que são distribuídos como módulos do NodeJS
8. Alguém deve ter se perguntado...
9. Alguém deve ter se perguntado... … escrita em NodeJS?
10. NodeJS não é uma tecnologia de servidor? NodeJS é muito popular por rodar no servidor, porém é mais do que isso. Ele pode ter várias outras aplicações, como programas de command line interface. Assim sendo, ele é instalado apenas na máquina de desenvolvimento.
11. NodeJS não é uma tecnologia de servidor? NodeJS é muito popular por rodar no servidor, porém é mais do que isso. Ele pode ter várias outras aplicações, como programas de command line interface. Assim sendo, ele é instalado apenas na máquina de desenvolvimento.
12. NodeJS não é uma tecnologia de servidor? NodeJS é muito popular por rodar no servidor, porém é mais do que isso. Ele pode ter várias outras aplicações, como programas de command line interface. Assim sendo, ele é instalado apenas na máquina de desenvolvimento.
13. NodeJS não é uma tecnologia de servidor? NodeJS é muito popular por rodar no servidor, porém é mais do que isso. Ele pode ter várias outras aplicações, como programas de command line interface. Assim sendo, nesse caso, ele é instalado apenas na máquina de desenvolvimento.
14. Facilidade de distribuição do GruntJS Apenas dois arquivos precisam estar no repositório de versionamento package.json e Gruntfile.js
15. Após instalarmos o NodeJS: Para começar, instalamos a ferramenta
16. package.json Responsável pelo gerenciamento das dependências (plugins)
17. package.json Responsável pelo gerenciamento das dependências (plugins)
18. Após isso: Para instalar as dependências descritas no package.json
19. Gruntfile.js Responsável pela configuração de todos os plugins e tarefas
20. Gruntfile.js Responsável pela configuração de todos os plugins e tarefas
21. Exemplos de plugins
22. Validadores de código jsHint, jsLint, CoffeeLint, JSONLint, CSSLint, LESSLint...
23. Ferramentas de testes Jasmine, Qunit, Mocha, CasperJS, PHPunit, Behat...
24. Pré-processadores SASS, LESS, Stylus, CoffeeScript, TypeScript...
25. Utilitários em geral Uglify, CSSmin, watch, YUIcompressor, HTMLmin, imagemin...
26. Lista de plugins gruntjs.com/plugins
27. Até aqui a ferramenta pareceu buenacha mas ela ainda vai além Vou citar um exemplo básico
28. Alguem aqui já teve problemas com escopo no LESS? Nesse caso o escopo é de documento. O que dificulta a existência de um arquivo externo de definição de mixins ou variáveis.
29. Ainda bem que existe esse plugin: grunt-contrib-concat Basta concatenar os arquivos antes do parse e o problema é resolvido
30. Uma simples combinação de plugins pode fazer coisas MUITO legais Só precisamos usar a cabeça para esquematizar as fórmulas
31. Obrigado ;) github.com/viniciusalmeida