Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Gruntjs: Automatizando tarefas front-end

Tiago Celestino
June 13, 2014
Programming
1
150

Gruntjs: Automatizando tarefas front-end

Apresentação sobre GruntJs, um automatizador de tarefas para front-end.

Tiago Celestino

June 13, 2014
Tweet

More Decks by Tiago Celestino

See All by Tiago Celestino
bower
tcelestino
1
76

Other Decks in Programming

See All in Programming
Keeping it Ruby: Why Your Product Needs a Ruby SDK - RubyWorld 2024
envek
0
190
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
360
Refactor your code - refactor yourself
xosofox
1
260
Zoneless Testing
rainerhahnekamp
0
120
Semantic Kernelのネイティブプラグインで知識拡張をしてみる
tomokusaba
0
180
CQRS+ES の力を使って効果を感じる / Feel the effects of using the power of CQRS+ES
seike460
PRO
0
130
HTTP compression in PHP and Symfony apps
dunglas
2
1.7k
複雑な仕様に立ち向かうアーキテクチャ
myohei
0
170
rails statsで大解剖 🔍 “B/43流” のRailsの育て方を歴史とともに振り返ります
shoheimitani
2
930
短期間での新規プロダクト開発における「コスパの良い」Goのテスト戦略」 / kamakura.go
n3xem
2
170
アクターシステムに頼らずEvent Sourcingする方法について
j5ik2o
4
270
【re:Growth 2024】 Aurora DSQL をちゃんと話します！
maroon1st
0
780

Featured

See All Featured
For a Future-Friendly Web
brad_frost
175
9.4k
Rails Girls Zürich Keynote
gr2m
94
13k
A designer walks into a library…
pauljervisheath
204
24k
Thoughts on Productivity
jonyablonski
67
4.4k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Designing for Performance
lara
604
68k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.3k
Adopting Sorbet at Scale
ufuk
73
9.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
5
450
Side Projects
sachag
452
42k

Transcript

  1. Gruntjs Automatizando tarefas front-end @tcelestino

  2. The Javascript Tasks Runner

  3. The Javascript Task Runner Não perca mais tempo com tarefas

    repetitivas e “chatas”.

  4. Voltando ao passado... http://marijnhaverbeke.nl/uglifyjs http://cssminifier.com/ http://tryjasmine.com/

  5. Voltando ao passado... ...nem faz tanto tempo assim!

  6. Iniciando com grunt

  7. Iniciando com grunt $ npm install -g grunt-cli

  8. Iniciando com grunt Você vai precisar deles: package.json * Gruntfile.js

    *

  9. Iniciando com grunt $ npm install

  10. $ npm install nome-pacote --save-dev Iniciando com grunt

  11. The Javascript Tasks Runner

  12. The Javascript Tasks Runner $ npm install grunt-contrib-compass --save-dev https://github.com/gruntjs/grunt-contrib-compass

    compass

  13. The Javascript Tasks Runner $ npm install grunt-contrib-concat --save-dev https://github.com/gruntjs/grunt-contrib-concat

    concatenação

  14. The Javascript Tasks Runner $ npm install grunt-contrib-uglify --save-dev https://github.com/gruntjs/grunt-contrib-uglify

    minificação js

  15. The Javascript Tasks Runner $ npm install grunt-contrib-cssmin --save-dev https://github.com/gruntjs/grunt-contrib-cssmin

    minificação css

  16. The Javascript Tasks Runner $ npm install load-grunt-tasks --save-dev https://github.com/sindresorhus/load-grunt-tasks

    esqueça o loadNpmTasks

  17. The Javascript Tasks Runner $ npm install grunt-contrib-watch --save-dev fique

    de olho em tudo https://github.com/gruntjs/grunt-contrib-watch

  18. The Javascript Tasks Runner $ npm install grunt-browser-sync --save-dev refresh

    nunca mais https://github.com/shakyshane/grunt-browser-sync

  19. The Javascript Tasks Runner

  20. Até a próxima, eu acho...

  21. One more thing...

  22. $ npm install grunt-contrib-jasmine --save-dev fazendo testes!!! https://github.com/gruntjs/grunt-contrib-jasmine The Javascript

    Tasks Runner

  23. Agora acabou!! github: tcelestino twitter: @tcelestino http://bit.ly/techtalk-gruntjs-github http://bit.ly/techtalk-gruntjs