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

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
0
49

Grunt a Bower

Prezentace o základech Grunt a Bower pro Q2 Interactive

Avatar for Jakub Mikulas

Jakub Mikulas

February 05, 2014
Tweet

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
100
Semantic release tech talk
Avatar for Jakub Mikulas jackub
0
37
Úvod do SVG
Avatar for Jakub Mikulas jackub
0
570
HTML5 video
Avatar for Jakub Mikulas jackub
0
210

Other Decks in Technology

See All in Technology
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.3k
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
Avatar for Riotaro OKADA okdt
PRO
3
530
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
3
900
IaaS/SaaS管理における SREの実践 - SRE Kaigi 2026
Avatar for Shun bbqallstars
4
1.8k
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
AI駆動PjMの理想像 と現在地 -実践例を添えて-
Avatar for オカムラ masahiro_okamura
1
110
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
Avatar for maaaato maaaato
0
130
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
Avatar for adachi.ryo rvirus0817
1
1.2k
データ民主化のための LLM 活用状況と課題紹介（IVRy の場合）
Avatar for 和田 悠佑 wxyzzz
2
690
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
200
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
5
1.5k
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
Avatar for Sashimimochi sashimimochi
0
150

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
Between Models and Reality
Avatar for mayunak mayunak
1
180
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
98
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k

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