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

Gruntjs: Automatizando tarefas front-end

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
89

Other Decks in Programming

See All in Programming
開発とはなにか、Essenceカーネルで見えるもの
Avatar for ukin0k0 ukin0k0
0
200
oxlintはeslint/typescript-eslintを置き換えられるのか
Avatar for shoma-fujita shomafujita
2
120
GitHub Copilot CLIのいいところ
Avatar for tkym htkym
2
510
次世代リンターで探る、tsgo 時代における型認識カスタムルールの現実解
Avatar for Yuta Takahashi ytakahashii
1
720
inferと仲良くなる10分間
Avatar for ryokatsuse ryokatsuse
1
160
ReactとSvelteのその先、Ripple-TS / Beyond React and Svelte: Ripple-TS
Avatar for TOMIKAWA Sotaro ssssota
2
500
色即是空、空即是色、データサイエンス
Avatar for KamoNeggi kamoneggi
1
140
20260514_its_the_context_window_stupid.pdf
Avatar for heita heita
0
1.1k
Kubernetesを使わない環境にもCloud Nativeなデプロイを実現する / Enabling Cloud Native deployments without the complexity of Kubernetes
Avatar for linyows linyows
3
440
ふにゃっとしない名前の付け方 〜哲学で茹で上げる、コシのあるソフトウェア設計〜
Avatar for akshimo shimomura
0
130
~ 秘伝のタレ化した『神スプシ』と戦う ~ 関数型パラダイムで壊れない仕組みへ
Avatar for ほりしょー h0r15h0
1
120
今さら聞けないCancellationToken
Avatar for tkym htkym
0
160

Featured

See All Featured
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
120
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
220
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
370
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
510
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
310
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
550
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
200
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
140

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