Scripttag hell

<html>
<head>
    <meta charset="utf-8" />
    <title>Hell no!</title>
</head>
<body>
<script src="jquery.js"></script>
<script src="d3.js"></script>
<script src="underscore.js"></script>
<script src="backbone.js"></script>
<script src="fancy.js"></script>
<script src="tree.js"></script>
<script src="main.js"></script>
<script src="server.js"></script>
//ongoing...
</body>
</html>

Scripttag hell

Node

JS runtime environment (on top of V8)
cross-platform
popular for throughput (e.g. realtime apps)
trendy

NPM

package manager for Node modules
popular for throughput (e.g. realtime apps)
> 130k packages (2014: 50k, 2013: 20k)

NPM

Pkg.mgr	AVG Growth
NPM	250 / day
Go	137 / day
Maven	96 / day
Packagist (PHP)	92 / day
nuget (.NET)	66 / day
Rubygems	61 / day
PyPI	57 / day
CPAN	8 / day
CRAN	3 / day

Reuse code

exportme.js

module.exports = function () {
    return 1;
};

import.js

var one = require('./exportme');
console.log(one)); // 1

browserify importme.js > browser.js

require=(function e(t,n,r){ [...] // small header (< 1kB)
	{1:[function(require,module,exports){
		...
	}]}
});

Node & Npm