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

An object's set of properties include data values and functions.

An object’s set of properties include data values and functions.

Uses an object constructor to make an object.

Creates an object based on an existing object.

What does the <code>create()</code> method do?

```
const human = {name : 'Adam', age : 28}
```
In the above code, the value of `name` and `age` cannot be updated. Is this statement true or false?

<pre><code>const human = {name : 'Adam', age : 28}
</code></pre>
In the above code, the value of <code>name</code> and <code>age</code> cannot be updated. Is this statement true or false?

Round brackets instead of square brackets should be used when accessing the `name` property.

`name` should be written as a string while accessing i.e., it should be `human['name']`  

Dot notation should be used instead of using square brackets.

What is the error in the following code:

```
var human = {
			
      name : 'Penny',
      age : 32
}
console.log(human[name])
```


What is the error in the following code:
<pre><code>var human = {
			
 name : 'Penny',
 age : 32
}
console.log(human[name])
</code></pre>

A function can be called using the square brackets in the following way:

```
var human = {
			
      name : 'Penny',
      age : 32,
      display() {
      console.log("Name is penny and age is 32")
      }
}
human['display']()
```

A function can be called using the square brackets in the following way:
<pre><code>var human = {
			
 name : 'Penny',
 age : 32,
 display() {
 console.log(&quot;Name is penny and age is 32&quot;)
 }
}
human['display']()
</code></pre>

Properties, including both data values and functions, can be deleted or removed from an object using the `delete` operator. 

Properties, including both data values and functions, can be deleted or removed from an object using the <code>delete</code> operator.

What should be the return statement in the `display` function?
```
var human = {
			
      name : 'Penny',
      display() {
      //function returns the name of the human
      }
}
```

What should be the return statement in the <code>display</code> function?
<pre><code>var human = {
			
 name : 'Penny',
 display() {
 //function returns the name of the human
 }
}
</code></pre>

`get` and `set` keywords allow the function to be accessed as a property.

<code>get</code> and <code>set</code> keywords allow the function to be accessed as a property.

A short quiz to test your understanding of objects in OOP in JavaScript.

Introduction

Objects in JavaScript

Functions as Objects

OOP in JS - Exam 1

Classes

Inheritance

OOP in JS - Exam 2

Quiz