Gain insights into writing cleaner, modular, scalable JavaScript code through OOP. Explore basics to advanced concepts like prototypal inheritance, method overriding, and ES6 features.

Learn to write cleaner, more modular, and more scalable code in JavaScript by gaining mastery of Object Oriented Programming (OOP). 

You'll start with the basics of object-oriented programming and build up to more advanced concepts such as prototypal inheritance, prototype chaining, method overriding and mixins. Along the way, you'll learn how each concept applies to JavaScript's sometimes unique way of handling things. You'll also see how various JavaScript features make it particularly convenient for OOP, with particular emphasis on changes introduced in ES6.

This course is filled with hands-on coding challenges, playgrounds, snippets, and illustrations to keep things interactive.

Learn Object-Oriented Programming in JavaScript

If we create 50 Animal object instances, how many definitions of method `getName` and property `name` will we have?

```
function Animal(name,age ) {
    this.name = name
    this.age = age
}
Animal.prototype.getName = function() {
    return this.name
}
Animal.prototype.getAge = function() {
    return this.age
}
```

If we create 50 Animal object instances, how many definitions of method <code>getName</code> and property <code>name</code> will we have?
<pre><code>function Animal(name,age ) {
 this.name = name
 this.age = age
}
Animal.prototype.getName = function() {
 return this.name
}
Animal.prototype.getAge = function() {
 return this.age
}
</code></pre>

Whenever a property is to be found it is first searched in the object and then the prototype chain is traversed.

Whenever a property is to be found it is first searched in the object and then the prototype chain is traversed.

Which `name` will be displayed in the code below? 

```
function Animal(name,age ) {
    this.name = name
    this.age = age
}
Animal.prototype.name = 'Roofy'
var animal = new Animal('Kitty',2)
console.log(animal.name)
```

Which <code>name</code> will be displayed in the code below?
<pre><code>function Animal(name,age ) {
 this.name = name
 this.age = age
}
Animal.prototype.name = 'Roofy'
var animal = new Animal('Kitty',2)
console.log(animal.name)
</code></pre>

`Object.prototype` always points to another object.

<code>Object.prototype</code> always points to another object.

The `__proto__` property is used as a setter/getter for the `[[Prototype]]` property.

The <code>__proto__</code> property is used as a setter/getter for the <code>[[Prototype]]</code> property.

`call` is used to invoke a method defined anywhere in the current context.

<code>call</code> is used to invoke a method defined anywhere in the current context.

`super` keyword is used to invoke child class methods and constructors.

<code>super</code> keyword is used to invoke child class methods and constructors.

In JavaScript, inheritance is implemented through mixins.

In JavaScript, inheritance is implemented through mixins.

A short quiz to test your understanding of Inheritance in JavasScript.

Introduction

Objects in JavaScript

Functions as Objects

OOP in JS - Exam 1

Classes

Inheritance

OOP in JS - Exam 2

Quiz