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

Bower

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

 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ć
Goodbye jsdom/happy-dom, hello Vitest Browser Mode!
Avatar for Matija Marohnić silvenon
0
9
Introduction to Remix
Avatar for Matija Marohnić silvenon
0
140
Cypress vs. Playwright
Avatar for Matija Marohnić silvenon
0
160
Studying Strapi: an open source head headless CMS
Avatar for Matija Marohnić silvenon
0
48
CSS Specificity
Avatar for Matija Marohnić silvenon
0
46
Make your JavaScript projects more accessible to newcomers
Avatar for Matija Marohnić silvenon
0
78
React Hooks
Avatar for Matija Marohnić silvenon
0
84
PostCSS
Avatar for Matija Marohnić silvenon
0
45
CSS Custom Properties
Avatar for Matija Marohnić silvenon
0
40

Other Decks in Programming

See All in Programming
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
600
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
690
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
SourceGeneratorのススメ
Avatar for tkym htkym
0
190
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
400
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
7
8.5k
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
210
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
970
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
130
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k

Featured

See All Featured
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
240
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
97
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
62

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...