Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Gruntjs: Automatizando tarefas front-end
Search
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
Share
More Decks by Tiago Celestino
See All by Tiago Celestino
bower
tcelestino
1
80
Other Decks in Programming
See All in Programming
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
200
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
130
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
150
Goで作る、開発・CI環境
sin392
0
230
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
1
170
Porting a visionOS App to Android XR
akkeylab
0
470
5つのアンチパターンから学ぶLT設計
narihara
1
170
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
660
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
190
ニーリーにおけるプロダクトエンジニア
nealle
0
840
Deep Dive into ~/.claude/projects
hiragram
14
2.6k
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
300
How to Ace a Technical Interview
jacobian
278
23k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Making Projects Easy
brettharned
116
6.3k
GitHub's CSS Performance
jonrohan
1031
460k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
It's Worth the Effort
3n
185
28k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Transcript
Gruntjs Automatizando tarefas front-end @tcelestino
The Javascript Tasks Runner
The Javascript Task Runner Não perca mais tempo com tarefas
repetitivas e “chatas”.
Voltando ao passado... http://marijnhaverbeke.nl/uglifyjs http://cssminifier.com/ http://tryjasmine.com/
Voltando ao passado... ...nem faz tanto tempo assim!
Iniciando com grunt
Iniciando com grunt $ npm install -g grunt-cli
Iniciando com grunt Você vai precisar deles: package.json * Gruntfile.js
*
Iniciando com grunt $ npm install
$ npm install nome-pacote --save-dev Iniciando com grunt
The Javascript Tasks Runner
The Javascript Tasks Runner $ npm install grunt-contrib-compass --save-dev https://github.com/gruntjs/grunt-contrib-compass
compass
The Javascript Tasks Runner $ npm install grunt-contrib-concat --save-dev https://github.com/gruntjs/grunt-contrib-concat
concatenação
The Javascript Tasks Runner $ npm install grunt-contrib-uglify --save-dev https://github.com/gruntjs/grunt-contrib-uglify
minificação js
The Javascript Tasks Runner $ npm install grunt-contrib-cssmin --save-dev https://github.com/gruntjs/grunt-contrib-cssmin
minificação css
The Javascript Tasks Runner $ npm install load-grunt-tasks --save-dev https://github.com/sindresorhus/load-grunt-tasks
esqueça o loadNpmTasks
The Javascript Tasks Runner $ npm install grunt-contrib-watch --save-dev fique
de olho em tudo https://github.com/gruntjs/grunt-contrib-watch
The Javascript Tasks Runner $ npm install grunt-browser-sync --save-dev refresh
nunca mais https://github.com/shakyshane/grunt-browser-sync
The Javascript Tasks Runner
Até a próxima, eu acho...
One more thing...
$ npm install grunt-contrib-jasmine --save-dev fazendo testes!!! https://github.com/gruntjs/grunt-contrib-jasmine The Javascript
Tasks Runner
Agora acabou!! github: tcelestino twitter: @tcelestino http://bit.ly/techtalk-gruntjs-github http://bit.ly/techtalk-gruntjs