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

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.

A comma cannot be used 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
  }
  displayName() {
  return this.name
  },
  displaySides(){
  return this.sides
  }
}
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
 }
 displayName() {
 return this.name
 },
 displaySides(){
 return this.sides
 }
}
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 the ES6 version of JavaScript.

Introduction

Objects in JavaScript

Functions as Objects

OOP in JS - Exam 1

Classes

Inheritance

OOP in JS - Exam 2

Quiz