JavaScript is one of the most popular languages used by programmers all around the world. In this course, you'll be introduced to the Object-Oriented Paradigm of JavaScript. The course will discuss OOP in both, ES5 and ES6 versions of JavaScript. It begins with a basic introduction to what Object-Oriented programming is, followed by its comparison to other languages. It then introduces the new  OOP features available in ES6 version and compares it to the ES5 version. The course then discusses objects in JavaScript followed by the use of function as objects in OOP. It goes over the interesting concepts of prototype objects, data encapsulation, and classes. It then delves into the more complex concepts of inheritance in both the versions, including prototypal inheritance, prototype chaining, method overriding and mixins. The course is filled with interesting illustrations to help in your understanding of the concepts as well as numerous quizzes and exercises to help you practice.

Learn Object-Oriented Programming in JavaScript

The `constructor` is used to initialize the properties of the class.

The <code>constructor</code> is used to initialize the properties of the class.

The class declaration creates a function as an end result.

The class declaration creates a function as an end result.

The class declaration should be as `class shape = { }` instead.

`this` should be replaced with `var` in the body of the constructor.

Cannot use a comma to separate the members of a class.

`displayName` function cannot access `name` directly.

What is the error in the following code?
```
class Shape{
  constructor(name,sides,length){
    this.name = name
    this.sides = sides
    this.length = length
  }
  
  displaySides(){
  return this.sides;
  },
  
  displayName() {
  return this.name
  }
}
var shape1 = new Shape('Square',4,10)
```

What is the error in the following code?
<pre><code>class Shape{
 constructor(name,sides,length){
 this.name = name
 this.sides = sides
 this.length = length
 }
 
 displaySides(){
 return this.sides;
 },
 
 displayName() {
 return this.name
 }
}
var shape1 = new Shape('Square',4,10)
</code></pre>

Methods defined inside the class are assigned to the `prototype` of the class.

Methods defined inside the class are assigned to the <code>prototype</code> of the class.

Methods inside the class that are assigned to the `prototype` of the class are known as static methods.

Methods inside the class that are assigned to the <code>prototype</code> of the class are known as static methods.

Static methods cannot be inherited by the objects of the class.

Static methods cannot be inherited by the objects of the class.

`var` should be used instead of `this` in the constructor.

Properties in the constructor should be separated by commas.

The function `displayName` should be called from the class `Shape` instead of the object `shape1`.

What is the error in the following code?

```
class Shape{
  constructor(name,sides,length){
    this.name = name
    this.sides = sides
    this.length = length
  }
  static displayName() {
  return this.name
  }
}
var shape1 = new Shape('Square',4,10)
shape1.displayName()
```

What is the error in the following code?
<pre><code>class Shape{
 constructor(name,sides,length){
 this.name = name
 this.sides = sides
 this.length = length
 }
 static displayName() {
 return this.name
 }
}
var shape1 = new Shape('Square',4,10)
shape1.displayName()
</code></pre>

A short quiz to test your understanding of Classes in ES6 version of JavaScript.

Introduction

Objects in JavaScript

Functions as Objects

Classes

Inheritance

Quiz