bugl
bugl
HomeLearnPatternsPathsSearch
HomeLearnPatternsPathsSearch

Loading lesson path

Learn/JavaScript/Objects, Classes, and Advanced Patterns
JavaScript•Objects, Classes, and Advanced Patterns

JavaScript Objects

Flash cards

Review the key moves

1/3
Core idea

What is the main idea behind JavaScript Objects?

Lesson checks

Practice each idea before moving on

Short Mimo-style checks built from this lesson's code, terms, and sequence.

1Quick choice

Which statement best captures the main point of this lesson?

2Order

Put the learning moves in the order that makes the concept easiest to apply.

- First the idea - Then how to make them - Then how to use them
Advanced Learning Path
Objects Study Path

Objects Study Path

Learn Objects in the Right Order

  • First the idea
  • Then how to make them
  • Then how to use them

Step 1 Beginner

  • Objects are variables that can store both values and functions
  • Objects are one of the most important concepts in JavaScript
  • If you understand objects, you understand JavaScript

Step 2 Beginner

  • JavaScript objects are collections of properties
  • Properties can be changed, added and deleted

Step 3 Beginner

  • Methods are actions that can be performed on objects
  • Methods are functions stored as property values

Step 4 Beginner

  • In JavaScript, the this keyword refers to an object
  • It is used to access the object that is calling a method

Step 5 Beginner

  • Displaying properties by name
  • Displaying properties in a loop
  • Using Object.values()
  • Using JSON.stringify()

Step 6 Beginner

  • Sometimes we need to create many objects of the same type.
  • To create an object type we use an object constructor function.

Advanced Learning Path

Step 1 Advanced

  • Using an Object Literal
  • Using the new Keyword
  • Using an Object Constructor
  • Using Object.assign()
  • Using Object.create()
  • Using Object.fromEntries()

Step 2 Advanced

When used in an object method, this refers to the object.

Step 3 Advanced

  • Object.entries(object)
  • Object.keys(object)
  • Object.values(object)
  • Object.groupBy(object, callback)

Step 4 Advanced

Getters and setters allow you to define Object Accessors (Computed Properties).

Step 5 Advanced

  • Accessing property descriptors
  • Adding or changing properties

Step 6 Advanced

  • Prevents changes to an object
  • Prevents adding properties
  • Prevents deleting properties

Step 7 Advanced

  • JavaScript objects inherit properties and methods from a prototype

Step 8 Advanced

  • All Object Methods and Properties
  • Revised July 2025

Continue with the next chapter to learn more about objects:

Next

JavaScript Temporal Tutorial