JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object...
Transcript of JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object...
![Page 1: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/1.jpg)
JavaScriptObject Oriented Programming
[ Level-100 Webinar]Meganadha Reddy K.
Technical Trainer
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/
![Page 2: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/2.jpg)
Agenda
• JavaScript Introduction – 5 Mins
• Inbuilt Functions – 5 Mins
• Why JavaScript – 5 Mins
• Object Oriented JavaScript – 35 Mins
• Q&A – 10 Mins
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/
![Page 3: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/3.jpg)
JavaScript Introduction
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/
JavaScript is a full-fledged dynamic programming language that, when applied to an HTMLdocument, can provide dynamic interactivity on websites.
It was invented by Brendan Eich, co-founder of the Mozilla project, the Mozilla Foundation, and the Mozilla Corporation.
Reference : https://developer.mozilla.org
![Page 4: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/4.jpg)
Data Types in JavaScript
• These are primary datatypes in JavaScript:
String
Number
Boolean
Array
Object
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/
![Page 5: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/5.jpg)
How to declare a String Variable?
How to declare a string in JavaScript:
var foo = “meganadh”
In other languages:
String foo = “meganadh”;
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/
![Page 6: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/6.jpg)
Dynamic Typing
JavaScript is a loosely typed or a dynamic language
That means you don't have to declare the type of a variable ahead of time.
That means you don't have to declare the type of a variable ahead of time.
That also means that you can have the same variable as different types.
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/
![Page 7: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/7.jpg)
Data Types (1 of 2)
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/
Reference : https://developer.mozilla.org
![Page 8: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/8.jpg)
Data Types (2 of 2)
Reference : https://developer.mozilla.org
![Page 9: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/9.jpg)
Lets make it clear
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/
JavaScript variables do not have types. The values have types
i.e., same variable can be used for multiple data types.var name = “meganadh” //here it is Stringname =10 //here it is Numbername = true //here it is Boolean
![Page 10: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/10.jpg)
Objects Intro (1 of 2)
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/
JavaScript objects can be thought of a simple collections of name-value pairs.
![Page 11: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/11.jpg)
Object Intro (2 of 2)
function Rectangle(length, breadth){
this.length = length;
this.breadth = breadth;
}
//Define an object
var Board = new Rectangle(10,5);
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/
![Page 12: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/12.jpg)
Object Oriented JavaScript
Demos
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/
![Page 13: JavaScript Object Oriented Programming Webinar [Read-Only]a.netcominfo.com/pdf/JavaScript Object Oriented Programming_May 26… · Microsoft PowerPoint - JavaScript Object Oriented](https://reader036.fdocuments.us/reader036/viewer/2022081402/605a7e332df08d54de4d59c9/html5/thumbnails/13.jpg)
Q & A
?
© Meganadha Reddy K., 2014 http://www.netcomlearning.com/