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

Gruntjs: Automatizando tarefas front-end

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Tiago Celestino Tiago Celestino
June 13, 2014
Programming
1
160

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
Tweet

More Decks by Tiago Celestino

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

Other Decks in Programming

See All in Programming
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
140
カスタマーサクセス業務を変革したヘルススコアの実現と学び
Avatar for Tomoyuki Hamaguchi _hummer0724
0
360
TerraformとStrands AgentsでAmazon Bedrock AgentCoreのSSO認証付きエージェントを量産しよう！
Avatar for neruneruo neruneruo
4
2.6k
Graviton と Nitro と私
Avatar for maroon1st maroon1st
0
170
Kotlin Multiplatform Meetup - Compose Multiplatform 외부 의존성 아키텍처 설계부터 운영까지
Avatar for Suhyeon Kim wisemuji
0
180
AIエージェントの設計で注意するべきポイント6選
Avatar for Har1101 har1101
6
3.3k
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
120
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
700
DevFest Android in Korea 2025 - 개발자 커뮤니티를 통해 얻는 가치
Avatar for Suhyeon Kim wisemuji
0
190
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
5.8k
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
400
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
130

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
2.9k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
42
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
0
1.8k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.3k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
110
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
340

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