a javascript module loader - wondible.comwondible.com/pub/requirejs-js2.pdf · amd loaders...

I R E .JS

UQE

R

A JAVASCRIPT MODULE LOADER

Return

Ofattack.of.

the.giant.

namespaces

JUSTIN LOVE

slides@wondible.com

http://wondible.com

@wondible

http://pinboard.in/u:wondible/t:requirejs/

OUTLINE

•Namespaces

•AMD

attack.of.the.giant.

namespaces

namespace.giant.attack()

nmsp.giant.attack()

NS.giant.attack()

N.giant.attack()

namespace(“nmsp.giant”, (function() { ..})())

namespace(“nmsp.giant”, (function() { ..})())

namespace.giant.attack()

namespace(“nmsp.giant”, (function() { ..})())

namespace(“app.welcome”, (function() { ..})())

app.welcome = (function() { function ... function ... return { display: ... }; })();

define( function() { function ... function ... return { display: ... };});

define( [‘a’, ‘b’, ‘sub/c’], function(a, b, c) { a.display ...});

define( [‘a’, ‘b’, ‘sub/c’], function(x, y, z) { x.display ...});

mod = require(‘mod’)

<script type='text/javascript' src='script/require.js' data-main=‘mod’></script>

Plugins

Core

Location Bedtime

Disk Clock

Dependency

Resolution

•Asynchronous

•Cross Domain

•Line Numbers

•Plugins

Loader

Debug

ProductionOptimization

AMD

https://spreadsheets.google.com/lv?key=tDdcrv9wNQRCNCRCflWxhYQ&

f=true&gid=0

ASYNCHRONOUS MODULEDEFINITION

http://wiki.commonjs.org/wiki/Modules/AsynchronousDefinition

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

Partial

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

Original

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNetDojo

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

Node

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

REVIEW

define( [‘a’, ‘b’, ‘sub/c’], function(a, b, c) { a.x ...});

AMD

JUSTIN LOVE

slides@wondible.com

http://wondible.com

@wondible

http://pinboard.in/u:wondible/t:requirejs/