37
I R E . J S U Q E R A JAVASCRIPT MODULE LOADER Return Of attack.of. the.giant. namespaces

A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

  • Upload
    others

  • View
    16

  • Download
    0

Embed Size (px)

Citation preview

Page 1: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

I R E .JS

UQE

R

A JAVASCRIPT MODULE LOADER

Return

Ofattack.of.

the.giant.

namespaces

Page 4: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

OUTLINE

•Namespaces

•AMD

Page 5: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

attack.of.the.giant.

namespaces

Page 6: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

namespace.giant.attack()

Page 7: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

nmsp.giant.attack()

Page 8: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

NS.giant.attack()

Page 9: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

N.giant.attack()

Page 10: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

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

Page 11: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

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

Page 12: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

namespace.giant.attack()

Page 13: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

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

Page 14: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

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

Page 15: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

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

Page 16: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

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

Page 17: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

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

Page 18: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

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

Page 19: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

mod = require(‘mod’)

Page 20: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

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

Page 21: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

Plugins

Core

Location Bedtime

Disk Clock

Dependency

Resolution

Page 22: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

•Asynchronous

•Cross Domain

•Line Numbers

•Plugins

Loader

Page 23: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

Debug

ProductionOptimization

Page 24: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

AMD

Page 27: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

Page 28: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

Partial

Page 29: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

Page 30: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

Original

Page 31: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNetDojo

Page 32: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

Node

Page 33: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

AMD LOADERS

•RequireJS

•bdLoad

• curl.js

•Nodules

•Yabble

•PINF

• JSLocalNet

Page 34: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

REVIEW

Page 35: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

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

Page 36: A JAVASCRIPT MODULE LOADER - wondible.comwondible.com/pub/requirejs-js2.pdf · AMD LOADERS •RequireJS •bdLoad •curl.js •Nodules •Yabble •PINF •JSLocalNet Node

AMD