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
47

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
97
Semantic release tech talk
Avatar for Jakub Mikulas jackub
0
34
Ú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
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
Avatar for daitasu daitasu
0
140
MCPで変わる Amebaデザインシステム「Spindle」の開発
Avatar for Ameba Spindle spindle
PRO
3
3.2k
なぜスクラムはこうなったのか？歴史が教えてくれたこと/Shall we explore the roots of Scrum
Avatar for Genki Sano sanogemaru
5
1.5k
Platform開発が先行する Platform Engineeringの違和感
Avatar for KintoTech_Dev kintotechdev
4
530
2025年にHCP Vaultを学び直して見えた景色 / Lessons and New Perspectives from Relearning HCP Vault in 2025
Avatar for AEON aeonpeople
0
230
react-callを使ってダイヤログをいろんなとこで再利用しよう！
Avatar for shinaps shinaps
1
220
AWSを利用する上で知っておきたい名前解決のはなし（10分版）
Avatar for nagisa_53 nagisa53
9
2.9k
Kiroと学ぶコンテキストエンジニアリング
Avatar for Oikon oikon48
6
9.8k
AI駆動開発に向けた新しいエンジニアマインドセット
Avatar for kazue kazue
0
330
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
Avatar for AEON aeonpeople
0
190
roppongirb_20250911
Avatar for Kuniaki IGARASHI igaiga
0
190
人工衛星のファームウェアをRustで書く理由
Avatar for KOBA789 koba789
11
6.5k

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
26
1.9k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Making Projects Easy
Avatar for Brett Harned brettharned
117
6.4k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
810
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
72
11k
Designing for Performance
Avatar for Lara Hogan lara
610
69k

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