1. Bower
a package manager by Twitter

2. Bower - introduction
● why another tool?
● common commands
● installing packages
● bower.json
● building custom scripts
● sources

3. Developing frontend now
Common workflow:
1. Go to jquery.com
2. Download jQuery
3. Find fancy plugin
4. Donwload it
5. Link scripts to page
6. Hoping for a miracle
... but I broke something,
WTF?

4. Common problems
● changing jQuery version to newer one,
but old code doesn't work with it - jQuery
do not change mayor version when bc
breaks occur.
● Plugin may require specific version, but
they don't write that in docs or I didn't
read it.

5. Standard view

6. My view
It is not about language,
it is about programmers.

7. Bower
● by Twitter
● dependency manager for frontend
● installing via npm
● version control

8. Bower - basic commands
> bower help
bower install
bower update
bower search
bower uninstall
bower list

9. Bower - package installing
> bower install jquery
> bower install modernizr#2.6.1
> bower install jquery/jquery-ui
> bower install ~/myCustomLib
> bower install http://example.com/lib.zip

10. Bower - common sources
● github
● http://sindresorhus.com/bower-components/

11. bower.json
{
"name": "my-project",
"version": "1.0.0",
"main": "path/to/main.css",
"ignore": [
"**/*.txt"
],
"dependencies": { ... }
}

12. Bower - saving dependencies
> bower install jquery/jquery#1.9.1 --save
{
"name": "js_lab",
"version": "0.0.0",
"dependencies": {
"jquery": "1.9.1"
}
}

13. Bower - .bowerrc
{
"directory": "bower_components",
"endpoint": "https://bower.mycompany.com",
"json": "bower.json",
"searchpath": [
"https://bower.herokuapp.com"
],
"shorthand_resolver": "git://example.com/{{{
organization }}}/{{{ package }}}.git"
}

14. Bower - sources
● http://bower.io/
● https://github.com/bower/bower