1. OO.javascript
with Mootools

2. OO & js.prototype
{} & prototype ready for javascript.OO
OO:

3. OO & js.prototype
function(

4. js.framwork
jQuery
YUI
Prototype
Dojo
Mootools
... ... ...

5. js.framwork

6. js.framwork

7. Mootools.DataType
Array
String
Number
Function
Object
Event

8. Element Type
(Element Node) DOM
Ele.getElement(‘.abc’) //return class=‘abc’
Ele.getElements(‘.abc’) // return []
Ele.getParent(‘.par’) // return parent.par

9. Mt include & weight
DataType:Arr Str Num Fun Obj Event
Browser:(BOOL) Browser.xxx;
Element:ele.get(‘text’) & ele.set(‘text’,‘hello world’)
Class: new Class({}); // Mootools

10. new Class
var abc = new Class({});
var cc = new Class({extend:abc});
abc.extend({});

11. new Class

12. eg:Interseting API
ele[form].toQueryString();
JSON.decode //return obj
JSON.encode // return string
Fx
Chain

13. Classes

14. after OO

15. The end