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
78

Other Decks in Programming

See All in Programming
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
14
4.7k
Jasprが凄い話
hyshu
0
170
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
390
GoとPHPのインターフェイスの違い
shimabox
2
210
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
150
1年目の私に伝えたい！テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
1
620
お前もAI鬼にならないか？👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー！👺
taishiyade
7
4.2k
PRレビューのお供にDanger
stoticdev
1
230
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.6k
推しメソッドsource_locationのしくみを探る - はじめてRubyのコードを読んでみた
nobu09
2
320
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1.2k
Kotlinの開発でも AIをいい感じに使いたい / Making the Most of AI in Kotlin Development
kohii00
5
1.4k

Featured

See All Featured
A designer walks into a library…
pauljervisheath
205
24k
Gamification - CAS2011
davidbonilla
80
5.2k
Code Review Best Practice
trishagee
67
18k
Facilitating Awesome Meetings
lara
52
6.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
Practical Orchestrator
shlominoach
186
10k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Git: the NoSQL Database
bkeepers
PRO
427
65k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Bootstrapping a Software Product
garrettdimon
PRO
306
110k

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