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

Gruntjs: Automatizando tarefas front-end

Avatar for Tiago Celestino Tiago Celestino
June 13, 2014
Programming
170
1

Gruntjs: Automatizando tarefas front-end

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

Avatar for Tiago Celestino

Tiago Celestino

June 13, 2014

More Decks by Tiago Celestino

See All by Tiago Celestino
bower
Avatar for Tiago Celestino tcelestino
1
95

Other Decks in Programming

See All in Programming
自動化したのに回らない テスト運用の壁 ―AI時代の品質責任と生産性
Avatar for Masahiko Funaki(舟木 将彦) mfunaki
0
570
PHPプロジェクトの結合バランスを可視化する #php_night
Avatar for Takuma Kajikawa kajitack
0
190
Oxlintはいいぞ（続）
Avatar for Yuji Yamaguchi yug1224
1
520
書籍「プロフェッショナルAI駆動開発」紹介スライド
Avatar for Juntaro Matsumoto juntaromatsumoto
0
890
仕様駆動開発の消費期限
Avatar for watany watany
20
9.2k
GKE アップグレード前に知っておきたい Blue/Green と PDB の関係
Avatar for Sota Takaki stkk
0
130
Hono + Inertia + React で LP を構築した話
Avatar for Yuka Ooka oukayuka
2
200
PyO3 で既存 Python 評価器を Rust core 化する ー wasm-bindgen でブラウザにも配るための設計
Avatar for 𝕂' kdash
1
200
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
Avatar for テオリア・テクノロジーズ theoriatec2024
1
380
Go を使い始めて 2 ヶ月の学び / My first two months with Go
Avatar for Daisuke Garaike contour_gara
0
400
バグを直したら useEffect が消えた
Avatar for taki colorful12
3
800
tsc.rip を支える技術 / Kyoto.なんか #8
Avatar for Susisu susisu
0
4.2k

Featured

See All Featured
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
67
57k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
850
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.9k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
960
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
490
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
390
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2.1k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
510
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
450
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.3k

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