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
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
38
CSS Specificity
Avatar for Matija Marohnić silvenon
0
30
Make your JavaScript projects more accessible to newcomers
Avatar for Matija Marohnić silvenon
0
73
React Hooks
Avatar for Matija Marohnić silvenon
0
72
PostCSS
Avatar for Matija Marohnić silvenon
0
44
CSS Custom Properties
Avatar for Matija Marohnić silvenon
0
40
Maintainable Integration Testing in React
Avatar for Matija Marohnić silvenon
0
31

Other Decks in Programming

See All in Programming
Playwrightはどのようにクロスブラウザをサポートしているのか
Avatar for nus3 yotahada3
7
2.2k
Current States of Java Web Frameworks at JCConf 2025
Avatar for Naoki Kishida kishida
0
480
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
Avatar for shibayu36 shibayu36
1
300
CSC305 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
230
Reduxモダナイズ　〜コードのモダン化を通して、将来のライブラリ移行に備える〜
Avatar for pvcresin pvcresin
2
630
iOS 17で追加されたSubscriptionStoreView を利用して5分でサブスク実装チャレンジ
Avatar for Atsuya Sato natmark
0
420
大規模アプリのDIフレームワーク刷新戦略 ～過去最大規模の並行開発を止めずにアプリ全体に導入するまで～
Avatar for GO Inc. dev mot_techtalk
0
200
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
Avatar for m_t_tion1 kaorumuta
2
380
TokyoR#119 bignners session2 Visualization
Avatar for yu_sekiya kotatyamtema
0
130
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
Avatar for yuhi yuhisatoxxx
3
750
WebエンジニアがSwiftをブラウザで動かすプレイグラウンドを作ってみた
Avatar for uutan1108 ohmori_yusuke
0
160
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
Avatar for Marco Roth marcoroth
3
650

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.6k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
560
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k

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