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

Bower

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

 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
35
CSS Specificity
Avatar for Matija Marohnić silvenon
0
28
Make your JavaScript projects more accessible to newcomers
Avatar for Matija Marohnić silvenon
0
72
React Hooks
Avatar for Matija Marohnić silvenon
0
71
PostCSS
Avatar for Matija Marohnić silvenon
0
42
CSS Custom Properties
Avatar for Matija Marohnić silvenon
0
39
Maintainable Integration Testing in React
Avatar for Matija Marohnić silvenon
0
30

Other Decks in Programming

See All in Programming
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
Avatar for Yuichi Maekawa kaelaela
11
6.1k
技術同人誌をMCP Serverにしてみた
Avatar for 74th(Atsushi Morimoto) 74th
1
660
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
Avatar for Yuuki Takahashi yktakaha4
1
220
RailsGirls IZUMO スポンサーLT
Avatar for 16bit_idol 16bitidol
0
190
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
Avatar for Chiaki Okamoto chiilog
1
280
20250704_教育事業におけるアジャイルなデータ基盤構築
Avatar for Uchide Hiroki(ucchi-) hanon52_
5
850
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
Avatar for Shintani Teppei euglena1215
1
170
High-Level Programming Languages in AI Era -Human Thought and Mind-
Avatar for Hayato Ishida hayat01sh1da
PRO
0
810
PHPでWebSocketサーバーを実装しよう2025
Avatar for kubotak kubotak
0
290
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
Avatar for yosh_yumyum yoshyum
3
1.1k
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
Avatar for Marco Roth marcoroth
2
520
The Niche of CDK Grant オブジェクトって何者？/the-niche-of-cdk-what-isgrant-object
Avatar for hassaku63 hassaku63
0
210

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.7k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
690
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k

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