Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Grunt a Bower

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
120
Vue.js techtalk: Introduction
Avatar for Jakub Mikulas jackub
0
120
Semantic release tech talk
Avatar for Jakub Mikulas jackub
0
42
Ú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
品質と信頼性を地続きにする
Avatar for gr1m0h grimoh
0
450
開発投資の期待値を上げるプロダクトロードマップづくり ~プロダクトエンジニアが越境して事業を伸ばす~
Avatar for Kenta Suzuki kekekenta
1
180
あるけみー式LTスライド作成術
Avatar for Ryotaro Harada alchemy1115
2
220
Screen Lens - 今見てる画面を翻訳する
Avatar for komagata komagata
0
320
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
Avatar for nwiizo nwiizo
0
2.7k
OpenTelemetryのメトリクスをCloudWatchに送ってPromQLで見てみた
Avatar for Itaru Ota ota1022
0
150
データ_AIの事業の勝敗をわけるもの
Avatar for KJ(Kenji Matsuda) nek0128
0
380
株式会社シーエーシー　エンジニア向け会社紹介資料
Avatar for 株式会社シーエーシー cac
0
57k
Claude Code本って、 読む必要あるの？
Avatar for Oikon oikon48
2
470
HRC_Frontend_Conference_Fukuoka_2026.pdf
Avatar for takanori sugawara ts020
0
730
人間はどの意思決定を手放せるのか
Avatar for Yoshitaka Kawashima kawasima
14
7k
AI に書かせたその API、 “信頼” できますか？
Avatar for 草薙昭彦 nagix
0
110

Featured

See All Featured
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
3
14k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
1
470
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
810
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.7k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
3
3.8k
Between Models and Reality
Avatar for mayunak mayunak
4
460
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.1k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
310
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
320

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