Framework prototype
- 2. purpose of presentationis to write prototypal oopjavascript application
- 3. prototype frameworkJavaScript Framework that aims to give advanced class-driven features
- 4. language frameworksreusable set of libraries or classes thatis designed to support a language in specific matter
- 5. language frameworksreusable set of libraries or classes thatis designed to support a language in specific matter such as dotNet framework, jquery framework, Zend framework and prototype framework
- 6. javascript languageobject-oriented client-side scripting language
- 7. javascript languageobject-oriented client-side scripting languagejavascript is leading new era of windows applications
- 8. Fierce competition over javascriptPrototype JS - Dojotoolkit - Developer.Yahoo - SpryRico - Mootools - Sproutcore - QooxdooMidori JS - ArchetypeJS - SimpleJS - JQueryJS.Fleegix - Uize - Mochikit - Rialto
- 9. Fierce competition over javascriptPrototype JS - Dojotoolkit - Developer.Yahoo - SpryRico - Mootools - Sproutcore - QooxdooMidori JS - ArchetypeJS - SimpleJS - jQueryJS.Fleegix - Uize - Mochikit - Rialto
- 10. Top frameworks
- 11. Top frameworksjQuery : the highest functionalitySpry : the best ajax frameworkprototype : the best oop supporter
- 12. Top frameworksjQuery : the highest functionalitySpry : the best ajax frameworkprototype : the best oop supporter(this is why..?)
- 13. How to install..?http://www.prototypejs.org/download v1.7.0.1 since November 16, 2010<script type="text/javascript" src="prototype.js"></script>
- 14. oop concepts1- Encapsulation or classification2- Data abstraction3- Inheritance4- Polymorphism
- 15. oop concepts1- Encapsulation or classification2- Data abstraction3- Inheritance4- Polymorphism5- Aggregation or containment
- 16. Encapsulationclassification of methods and propertiesthat is every class is capsulethen the instance of the class is called
- 17. Encapsulationclassification of methods and propertiesthat is every class is capsulethen the instance of the class is called object
- 18. javascript Encapsulationclass-less ..classes .. methods .. constrictorsdefined as functionno direct access modifiers
- 19. class declerationfunction Class_Name(parameters){this.property_name = value;this.method_name = methodName; } //or class declaration is the constructorfunction Class_Name(parameters){this.property_name = value;this.method_name = function methodName(){...}; }
- 20. prototype class declerationvarClass_Name = Class.create();Class_Name.prototype = { initialize: function(parameters){ //constructor this.property_name1 = value1; this.property_name2 = value2;}method_name:function(parameters) {......}}
- 21. prototype class declerationvarClass_Name = Class.create({ initialize: function(parameters){ //constructor this.property_name1 = value1; this.property_name2 = value2;}method_name:function(parameters) {......}});
- 22. instancingvarobj = new Class_Name(parameters);var x = obj.property_name;obj.method_name();
- 23. javascript modifierspublic private priviliged
- 24. javascript modifierspublic: can be accessed from outside the class function Class_Name(parameters){this.method_name = methodName; }//orfunction Class_Name(parameters){Class_Name.prototype.method_name = methodName;obj.method_name();}
- 25. javascript modifiersprivate : can't be accessed from outside the class//basic idea is that the member isn't includedby this keywordfunction Class_Name(parameters){ function methodName(){} }obj.methodName();
- 26. javascript modifiersprivate : can't be accessed from outside the class//basic idea is that the member isn't includedby this keywordfunction Class_Name(parameters){ function methodName(){} }obj.methodName();
- 27. javascript modifierspriviliged : public function that is in the class that can access private methodsfunction Class_Name(parameters){ function methodName(){...}this.pmethod_name = function(){methodName();}; }//orfunction Class_Name(parameters){ function methodName(){...}Class_Name.prototype.pmethod_name = function(){methodName();}; }obj.pmethod_name();
- 28. Data abstraction the process of making Summarized description for the common area of properties and methodsthat is not a class
- 29. Data abstraction the process of making Summarized description for the common area of properties and methodsthat is not a class No real data abstraction in client-scripting
- 30. Inheritancerelation between classes when a class has all the properties and methods of the otherthe small is called parent
- 31. javascript Inheritanceclassical or class-based Inheritanceprototypal Inheritance
- 32. classical inheritance/* we include the parent in the son class by the running of the parent class as part of the son */ function parent(parameters){...}function son(){this.inheritFrom = parent;this.inheritFrom(parameters);}
- 33. prototypal InheritanceObject.extend(parentobj,sonobj)and if sonobj was not created yet then....Class.create(Object.extend(parentobj,sonobj))
- 34. prototypal Inheritancevar parent = Class.create({....});var son = class.create(Object.extend(new parent(),{......}));
- 35. polymorphismthe method apperance in many-shapes amonginherited classes and every class implements its own method then only one is called()
- 36. polymorphism
- 37. polymorphism
- 38. polymorphismOnly key marking is supported in javascriptfor accessing the higher polymorphic method we use $superwe need just Class.create()Class.create(parent,sonobj);
- 39. polymorphismvar parent = Class.create({method_name:function(parameters){....}});var son = class.create(parent,{method_name: function($super,parameters){$super(parameters)}});
- 40. Aggregationthe concept that is talking about the ability of class to contain anotherobject
- 41. Key Wordsmix-in modules Native extensionsValue and refrence in prototypePrototype DOM supportPrototype API’sJSON in prototype