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

Bower

Avatar for Matija Marohnić Matija Marohnić
May 06, 2014
Programming
1
130

 Bower

Bower i njegova integracija u Grunt i Gulp workflow.
Avatar for Matija Marohnić

Matija Marohnić

May 06, 2014
Tweet

More Decks by Matija Marohnić

See All by Matija Marohnić
Introduction to Remix
Avatar for Matija Marohnić silvenon
0
130
Cypress vs. Playwright
Avatar for Matija Marohnić silvenon
0
150
Studying Strapi: an open source head headless CMS
Avatar for Matija Marohnić silvenon
0
33
CSS Specificity
Avatar for Matija Marohnić silvenon
0
25
Make your JavaScript projects more accessible to newcomers
Avatar for Matija Marohnić silvenon
0
69
React Hooks
Avatar for Matija Marohnić silvenon
0
68
PostCSS
Avatar for Matija Marohnić silvenon
0
41
CSS Custom Properties
Avatar for Matija Marohnić silvenon
0
37
Maintainable Integration Testing in React
Avatar for Matija Marohnić silvenon
0
28

Other Decks in Programming

See All in Programming
ワイがおすすめする新潟の食 / 20250530phpconf-niigata-eve
Avatar for kasacchiful kasacchiful
0
190
Use Perl as Better Shell Script
Avatar for karupanerura karupanerura
0
650
バリデーションライブラリ徹底比較
Avatar for Yuta Tanaka nayuta999999
1
430
TypeScript エンジニアが Android 開発の世界に飛び込んだ話
Avatar for Yui Sakamoto yuisakamoto
6
950
AIエージェントによるテストフレームワーク Arbigent
Avatar for takahirom takahirom
0
270
CQRS/ESのクラスとシステムフロー ~ RailsでフルスクラッチでCQRSESを組んで みたことから得た学び~
Avatar for suzuki masayuki suzukimar
0
190
Feature Flag 自動お掃除のための TypeScript プログラム変換
Avatar for azarashi azrsh
PRO
4
630
技術的負債と戦略的に戦わざるを得ない場合のオブザーバビリティ活用術 / Leveraging Observability When Strategically Dealing with Technical Debt
Avatar for yoshiyoshifujii yoshiyoshifujii
0
160
抽象データ型について学んだ
Avatar for ryounasso ryounasso
0
210
REST API設計の実践 – ベストプラクティスとその落とし穴
Avatar for 武田 憲太郎 kentaroutakeda
2
320
Cloudflare Realtime と Workers でつくるサーバーレス WebRTC
Avatar for Taiyu Yoshizawa nekoya3
0
230
rbs-traceを使ってWEARで型生成を試してみた After RubyKaigi 2025〜ZOZO、ファインディ、ピクシブ〜 / tried rbs-trace on WEAR
Avatar for Kei Oyama oyamakei
0
1.1k

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
159
23k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
276
23k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
49
8.1k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
172
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.8k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
349
20k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.3k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
23
1.6k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k

Transcript

  1. Bower + Grunt & Gulp Matija Marohnić @silvenon

  2. http://bower.io “A package manager for the web.”

  3. Npr. Želim jQuery

  4. 1. idem na http://jquery.com 2. prebacujem file u svoj project

    directory 3. referenciram ga iz HTML-a 4. kada ga želim updateati, sve to ponovo

  5. Ništa strašno Ali se povećava s brojem fileova

  6. Npr. Želim Owl Carousel

  7. 1. http://owlgraphic.com/owlcarousel/ 2. jQuery + 2 CSS filea + 1

    JS file 3. ugh…

  8. Dodajem tuđi kôd pod version control

  9. $ bower install --save normalize-css modernizr bootstrap

  10. bower.json

  11. Staviti bower_components pod version control? http://bit.ly/1hq42aZ

  12. Pozitivne strane stavljanja pod version control • moguće je raditi

    offline • osiguravanje istog sadržaja komponente •

  13. Negativne strane stavljanja pod version control • velik file size

    • prljanje commit historya • velik file size • stavljanje vendor kôda pod
 version control smo htjeli izbjeći • velik file size

  14. Grunt $ npm install --save-dev grunt-bower-install

  15. Gulp $ npm install --save-dev gulp wiredep

  16. Bower je još uvijek malo nezreo, but it's getting there...