async module definition via requirejs
DESCRIPTION
Модульный подход во Frontend-разработке, который помогает структурировать не только код, но и мысли. Работаем с javascript под управлением RequireJS Презентация подготовлена по материалам прошедшего 19 ноября витебского фронтенд-митапа: http://devowl.org/TRANSCRIPT
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