This document discusses the Prototype JavaScript framework. It provides an overview of object-oriented programming concepts like encapsulation, inheritance, and polymorphism and how they are implemented in JavaScript and Prototype. It also covers how Prototype supports object-oriented patterns and DOM manipulation. Key frameworks for JavaScript are listed, with Prototype identified as best supporting object-oriented programming.

1. FrameworkPrototype

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

42. Prototype Framework

43. Prototype FrameworkPrototype Creator