The document discusses the Asynchronous Module Definition (AMD) for client-side programming, highlighting its complexity, usage samples, and compatibility with various browsers. It emphasizes the principles of synchronous and asynchronous loading of scripts using RequireJS and provides examples of module definitions with popular libraries like jQuery and Knockout. Additional resources such as articles and GitHub links are offered for further exploration of modular JavaScript.

1. ASYNC MODULE DEFINITION
author
Vlad Batushkov

2. Agenda
•
•
•
•
Client-side complexity
AMD - how it work (client-side only)
Usage
Samples

3. Client-side
g Not a single page application
C Features add complexity k
Dependency order
Compatibility t conflicts
I Performance suicide v

4. Solution
AMD
powered by
RequireJS
IE 6+, Firefox 2+, Safari 3.2+, Chrome 3+
and Opera 10+

5. Principle
SYNC
ASYNC
ASYNC
ASYNC
SYNC
SYNC

6. Compare

7. Module
First.js
Second.js
Third.js
MODULE.JS

8. AMD in action

9. Knockout
jQuery
Bootstrap

10. Async in action

11. Define

12. jquery.amdmodule.js as
Require

13. bootstrap.amdmodule.js as
Define

14. knockout.amdmodule.js as
Define

15. 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

16. Thanks
Mail:
vlad.batushkov@gmail.com
Skype:
vlad.batushkov, vladdrez
Blog:
http://devroof.blogspot.ru/