Object-Oriented JavaScript Course (How To)

In this course, you'll learn the basics of object-oriented programming in JavaScript along with the new ES2015 Class syntax.

What you'll learn

• Basics of object-oriented programming
• Creating your own objects with properties and methods
• ES2015 Class syntax
• Constructors, getters, and setters

Introduction to Object-Oriented JavaScript

Explore objects in JavaScript and learn why we use object-oriented programming.

Chevron 4 steps

• Welcome to Object-Oriented JavaScript

  1:31

• What Is an Object, and Why Do We Care?

  3:29

• JavaScript Objects

  2:13

• Reviewing Introduction to Object-Oriented JavaScript

  5 questions

Object Basics

All about object literals, and object basics like encapsulation, properties, methods, and classes.

Chevron 7 steps

• Object Literals and Components of Objects

  2:51

• Creating Object Literals

  2 objectives

• Dot Notation & Bracket Notation

  5:45

• Filling Out the Play Method

  2 objectives

• Changing and Adding Properties

  2:38

• Changing and Adding Properties

  2 objectives

• Reviewing Object Basics

  5 questions

Working with Classes in JavaScript

Use ECMAScript's new Class syntax to build objects of your own and practice what you've learned.

Chevron 9 steps

• When Object Literals Aren’t Enough

  3:04

• Writing Your First Class

  3:28

• Adding Properties Inside the Constructor Method

  2:33

• Creating a new class

  3 objectives

• Instantiating a Pet Object

  2:32

• Instantiating an object

  1 objective

• Adding Methods To Our Class

  3:15

• Adding methods to classes

  2 objectives

• Review Working with Classes in JavaScript

  4 questions

Getters and Setters

Learn more advanced object-oriented topics like getter and setter methods.

Chevron 7 steps

• Getters

  6:10

• Creating Getter Methods

  2 objectives

• Setters

  4:41

• Creating Setter Methods

  2 objectives

• Object Interaction

  6:27

• Bringing it All Together

  0:37

• Reviewing Getters and Setters

  5 questions