Framework prototype by ahmed daif at Devent1

1. FrameworkPrototype

2. purpose of presentation is to write prototypal oop javascript application

3. prototype framework JavaScript Framework that aims to give advanced class-driven features

4. language frameworks reusable set of libraries or classes that is designed to support a language in specific matter

5. language frameworks reusable set of libraries or classes that is designed to support a language in specific matter such as dotNet framework, jquery framework, Zend framework and prototype framework

6. javascript language object-oriented client-side scripting language

7. javascript language object-oriented client-side scripting language javascript is leading new era of windows applications

8. Fierce competition over javascript Prototype JS - Dojotoolkit - Developer.Yahoo - Spry Rico - Mootools - Sproutcore - Qooxdoo Midori JS - ArchetypeJS - SimpleJS - JQuery JS.Fleegix - Uize - Mochikit - Rialto

9. Fierce competition over javascript Prototype JS - Dojotoolkit - Developer.Yahoo - Spry Rico - Mootools - Sproutcore - Qooxdoo Midori JS - ArchetypeJS - SimpleJS - jQuery JS.Fleegix - Uize - Mochikit - Rialto

10. Top frameworks

11. Top frameworks jQuery : the highest functionality Spry : the best ajax framework prototype : the best oop supporter

12. Top frameworks jQuery : the highest functionality Spry : the best ajax framework prototype : 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 concepts 1- Encapsulation or classification 2- Data abstraction 3- Inheritance 4- Polymorphism

15. oop concepts 1- Encapsulation or classification 2- Data abstraction 3- Inheritance 4- Polymorphism 5- Aggregation or containment

16. Encapsulation classification of methods and properties that is every class is capsule then the instance of the class is called

17. Encapsulation classification of methods and properties that is every class is capsule then the instance of the class is called object

18. javascript Encapsulation class-less .. classes .. methods .. constrictors defined as function no direct access modifiers

19. class decleration function Class_Name(parameters) { this.property_name = value; this.method_name = methodName; } //or class declaration is the constructor function Class_Name(parameters) { this.property_name = value; this.method_name = function methodName(){...}; }

20. prototype class decleration varClass_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 decleration varClass_Name = Class.create( { initialize: function(parameters){ //constructor this.property_name1 = value1; this.property_name2 = value2; } method_name:function(parameters) {......} });

22. instancing varobj = new Class_Name(parameters); var x = obj.property_name; obj.method_name();

23. javascript modifiers public private priviliged

24. javascript modifiers public: can be accessed from outside the class function Class_Name(parameters) { this.method_name = methodName; } //or function Class_Name(parameters) { Class_Name.prototype.method_name = methodName; obj.method_name();}

25. javascript modifiers private : can't be accessed from outside the class //basic idea is that the member isn't included by this keyword function Class_Name(parameters) { function methodName(){} } obj.methodName();

26. javascript modifiers private : can't be accessed from outside the class //basic idea is that the member isn't included by this keyword function Class_Name(parameters) { function methodName(){} } obj.methodName();

27. javascript modifiers priviliged : public function that is in the class that can access private methods function Class_Name(parameters) { function methodName(){...} this.pmethod_name = function(){methodName();}; } //or function 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 methods that is not a class

29. Data abstraction the process of making Summarized description for the common area of properties and methods that is not a class No real data abstraction in client-scripting

30. Inheritance relation between classes when a class has all the properties and methods of the other the small is called parent

31. javascript Inheritance classical or class-based Inheritance prototypal 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 Inheritance Object.extend(parentobj,sonobj) and if sonobj was not created yet then.... Class.create(Object.extend(parentobj,sonobj))

34. prototypal Inheritance var parent = Class.create({....}); var son = class.create(Object.extend( new parent(),{......}));

35. polymorphism the method apperance in many-shapes among inherited classes and every class implements its own method then only one is called()

36. polymorphism

37. polymorphism

38. polymorphism Only key marking is supported in javascript for accessing the higher polymorphic method we use $super we need just Class.create() Class.create(parent,sonobj);

39. polymorphism var parent = Class.create({ method_name:function(parameters){....} }); var son = class.create(parent,{ method_name: function($super,parameters) {$super(parameters)} });

40. Aggregation the concept that is talking about the ability of class to contain another object

41. Key Words mix-in modules Native extensions Value and refrence in prototype Prototype DOM support Prototype API’s JSON in prototype

42. Prototype Framework

43. Prototype Framework Prototype Creator