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

Grunt a Bower

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
430
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
Avatar for coconala_engineer coconala_engineer
2
630
広告の効果検証を題材にした因果推論の精度検証について
Avatar for ZOZO Developers zozotech
PRO
0
160
AI駆動PjMの理想像 と現在地 -実践例を添えて-
Avatar for オカムラ masahiro_okamura
1
110
Ruby版 JSXのRuxが気になる
Avatar for SansanTech sansantech
PRO
0
150
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
440
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
Avatar for SansanTech sansantech
PRO
3
1.4k
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
3
920
日本の85%が使う公共SaaSは、どう育ったのか
Avatar for たけだ taketakekaho
1
150
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
230
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
Avatar for capytan capytan
6
2.7k
Context Engineeringが企業で不可欠になる理由
Avatar for Hirosato Gamo hirosatogamo
PRO
3
540

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
240
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
92
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.4k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
250
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
54

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