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
77
Other Decks in Programming
See All in Programming
Domain-Driven Transformation
hschwentner
2
1.9k
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
Linux && Docker 研修/Linux && Docker training
forrep
23
4.5k
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
900
Writing documentation can be fun with plugin system
okuramasafumi
0
120
sappoRo.R #12 初心者セッション
kosugitti
0
230
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
5
3.8k
Unity Android XR入門
sakutama_11
0
140
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
2
490
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
210
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
270
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
RailsConf 2023
tenderlove
29
1k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Being A Developer After 40
akosma
89
590k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Facilitating Awesome Meetings
lara
51
6.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Code Review Best Practice
trishagee
66
17k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
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