ASYNC MODULE DEFINITION

author

Vlad Batushkov

Agenda

• Client-side complexity

• AMD - how it work (client-side only)

• Usage

• Samples

Client-side

g Not a single page application

C Features add complexity k

Dependency order

Compatibility t conflicts

I Performance suicide v

Solution

AMDpowered by

RequireJSIE 6+, Firefox 2+, Safari 3.2+, Chrome 3+

and Opera 10+

Principle

SYNC SYNC SYNC

ASYNC

ASYNC

ASYNC

Compare

Module

MODULE.JS

Third.js

Second.js

First.js

AMD in action

Knockout

jQueryBootstrap

Async in action

Define

jquery.amdmodule.js as

Require

bootstrap.amdmodule.js as Define

knockout.amdmodule.js as Define

Enjoy

Homepage: http://requirejs.org/

Manifesto: http://wiki.commonjs.org/wiki/CommonJS

Articles:

http://addyosmani.com/writing-modular-js/

http://habrahabr.ru/post/152833/

GitHub:

https://github.com/amdjs/amdjs-api/wiki/AMD

Thanks

Mail:

vlad.batushkov@gmail.comSkype:

vlad.batushkov, vladdrezBlog:

http://devroof.blogspot.ru/