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

Grunt a Bower

Avatar for Jakub Mikulas Jakub Mikulas
February 05, 2014
Technology
52
0

Grunt a Bower

Prezentace o základech Grunt a Bower pro Q2 Interactive

Avatar for Jakub Mikulas

Jakub Mikulas

February 05, 2014

More Decks by Jakub Mikulas

See All by Jakub Mikulas
Vue.js techtalk: Advanced
Avatar for Jakub Mikulas jackub
0
110
Vue.js techtalk: Introduction
Avatar for Jakub Mikulas jackub
0
120
Semantic release tech talk
Avatar for Jakub Mikulas jackub
0
41
Úvod do SVG
Avatar for Jakub Mikulas jackub
0
580
HTML5 video
Avatar for Jakub Mikulas jackub
0
210

Other Decks in Technology

See All in Technology
モノリス Rails でも日中に rails db:migrate を走らせたい！ / Daytime rails db:migrate on Monolithic Rails!
Avatar for Shintani Teppei euglena1215
4
640
AWS ネットワーク構築でハマった（ハマりかけた） 5選とそこから得た教訓
Avatar for nagisa_53 nagisa53
4
280
私がブラウザを自作したくなった理由
Avatar for Miyamoto Naoyuki supurazako
1
270
TypeScript入門 2026
Avatar for Recruit recruitengineers
PRO
3
690
Agent 時代の Kaggle 展望 / kaggle-in-the-agentic-era
Avatar for Shotaro Ishihara upura
1
830
FPGAが実現する遠方宇宙の高空間分解能天体撮影 -大型地上望遠鏡の視力を補正する「補償光学」とは？-
Avatar for 高橋光明 / Mitsuaki Takahashi komei_mt
0
500
なぜ Temporal の大小比較には compare しかないのか / Why Does Temporal Only Have compare() for Comparisons
Avatar for KazukiHayase kazukihayase
1
160
制約理論（ToC）入門　2026版
Avatar for Recruit recruitengineers
PRO
8
2.6k
20260804_Q4AzureUpdateBite_FabricDataAgentの精度を高める設計.pdf
Avatar for matayuuu matayuuu
1
150
Breaking the Seal: Static Deobfuscation of Compiled V8 JavaScript Bytecode Malware
Avatar for hasherezade hshrzd
0
870
Head First モブプログラミング / Head First Mobprogramming
Avatar for TAKAKING22 takaking22
10
12k
モダンフロントエンド 開発研修
Avatar for Recruit recruitengineers
PRO
4
790

Featured

See All Featured
エンジニアに許された特別な時間の終わり
Avatar for watany watany
108
250k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
350
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.1k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
800
Designing for Performance
Avatar for Lara Hogan lara
611
70k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
45k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
14k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
420
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
270

Transcript

  1. Grunt.js 1 Automatizace díky Node.js http://gruntjs.com

  2. Grunt.js • Automatizace tasků • Běží v Node.js • Definice

    tasků je jediný .js soubor • Ovládá se přes příkazový řádek 2

  3. Ukázka: preprocess LESS a minifikace JS souborů 3

  4. Ukázka: grunt-contrib-watch 4

  5. Ukázka: emailový template 5

  6. Další příklady • Lamelland • Webfonty • JSHint • CSSLint

    • Deploy pack • FTP deploy • SVN update 6

  7. Node.js Nainstalujte Node.js (nodejs.org)
 (*.msi imstalátor) Společně s Node.js se

    vám nainstaluje i npm = node package manager 7 npm

  8. Grunt.js (-g označuje globální instalaci) 8 npm install -g grunt-cli

  9. Jak Grunt.js spouštět 9 grunt grunt.registerTask('default', [‘jshint', 'concat', 'uglify']); grunt

    less grunt less:release

  10. Package.json 10 npm install grunt-contrib-less --save

  11. Bower Package manager http://bower.io 11

  12. Jak vypadá bower.json 12

  13. Jak spouštět Bower 13 bower install bower update