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

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
98
Semantic release tech talk
Avatar for Jakub Mikulas jackub
0
36
Ú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
「改善」ってこれでいいんだっけ？
Avatar for うきぐも / すずき ukigmo_hiro
0
380
Zephyr(RTOS)にEdge AIを組み込んでみた話
Avatar for misoji engineer iotengineer22
0
220
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
Avatar for Kurochan kurochan
4
2.2k
WEBサービスを成り立たせるAWSサービス
Avatar for Takano takano0131
1
190
「魔法少女まどか☆マギカ Magia Exedra」の多様なバトルの開発を柔軟かつ効率的に実現するためのPure C#とUnityの分離について
Avatar for gree_tech gree_tech
PRO
0
150
現場データから見える、開発生産性の変化コード生成AI導入・運用のリアル〜 / Changes in Development Productivity and Operational Challenges Following the Introduction of Code Generation AI
Avatar for NTT docomo Business nttcom
1
400
[VPoE Global Summit] サービスレベル目標による信頼性への投資最適化
Avatar for sato-s satos
0
190
事業開発におけるDify活用事例
Avatar for KentaroFujii kentarofujii
4
1.1k
Introdução a Service Mesh usando o Istio
Avatar for Aecio Pires aeciopires
1
250
Codexとも仲良く。CodeRabbit CLIの紹介
Avatar for Atsushi Nakatsugawa moongift
PRO
1
260
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.2k
Wasmの気になる最新情報
Avatar for asuka askua
0
170

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
910
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
23k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Done Done
Avatar for chrislema chrislema
185
16k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.3k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.5k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k

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