Presentation on how to create custom modules using YUI3 and how to submit them to the YUI Gallery.
Presentation on how to create custom modules using YUI3 and how to submit them to the YUI Gallery.
Uploaded via SlideShare as Apple Keynote
© All Rights Reserved
weekend001
6 months ago
demon koryu, Software Developer at a good place
1 year ago
zetaj
1 year ago
yeahxj
1 year ago
mankaiviky
1 year ago
fangdun cai, web developer at web
1 year ago
Adam Lu, Web Frontend Engineer at Yahoo!
1 year ago
kaven yan, F2E at dancewithnet.com
2 years ago
Sway Deng, Frontend Engineer at Alibaba
2 years ago
Raghava Nellaturu, IT Analyst
2 years ago
Creating custom modules using YUI3
YUI is a function, not just an object bag ala YAHOO. It returns an instance, your sandbox.
The library API is added to the YUI instance, not YUI.
Facilitates having multiple sandboxes on a page w/o collision.
- As with Y.use(), YUI.add() provides an applied module pattern
- This gives you a truly private space to define vars and functions local to your module
- Code defined inside add() is held by the YUI infrastructure to execute at the proper time
- Module code is not executed until a YUI instance requests it via Y.use('my-module', function (Y) {...}); but it is executed at some point after its required modules and before the use callback.
- As with Y.use(), YUI.add() provides an applied module pattern
- This gives you a truly private space to define vars and functions local to your module
- Code defined inside add() is held by the YUI infrastructure to execute at the proper time
- Module code is not executed until a YUI instance requests it via Y.use('my-module', function (Y) {...}); but it is executed at some point after its required modules and before the use callback.
- As with Y.use(), YUI.add() provides an applied module pattern
- This gives you a truly private space to define vars and functions local to your module
- Code defined inside add() is held by the YUI infrastructure to execute at the proper time
- Module code is not executed until a YUI instance requests it via Y.use('my-module', function (Y) {...}); but it is executed at some point after its required modules and before the use callback.
- As with Y.use(), YUI.add() provides an applied module pattern
- This gives you a truly private space to define vars and functions local to your module
- Code defined inside add() is held by the YUI infrastructure to execute at the proper time
- Module code is not executed until a YUI instance requests it via Y.use('my-module', function (Y) {...}); but it is executed at some point after its required modules and before the use callback.
- 'version' allows you to define version information for your component
- 'requires' defines the dependancies for your component
- 'version' allows you to define version information for your component
- 'requires' defines the dependancies for your component
- 'version' allows you to define version information for your component
- 'requires' defines the dependancies for your component