Object Oriented JavaScript Tutorial

11 tutorials

All

Tailwind CSS

Build a Static Site with Figma & Astro

Django with HTMX

Node.js Tutorial for Beginners

JavaScript

Python 3 for Beginners

CSS Positioning Tutorial

Canva Tutorials

HTML Tutorial for Beginners

YouTube SEO Tutorial

PSD to Responsive Website

TypeScript Tutorial

Claude Code

Responsive Web Design

PSD to WordPress

GraphQL Crash Course

CSS Animation Tutorial

CSS Flexbox Tutorial

JavaScript ES6 Tutorial

Angular 2 Tutorial

SASS Tutorial

CSS Tips and Tricks

WebSockets (Socket.io) Tutorial

Asynchronous JavaScript

Grunt JS Tutorial

Styling HTML 5 Forms

Webpack Tutorial for Beginners

REST API Tutorial

Vue JS 2 Tutorial

Vuex Tutorial

JavaScript DOM Tutorial

CSS Grid Tutorial

OAuth Login (Passport.js) Tutorial

Django Tutorial

Object Oriented JavaScript Tutorial

#1 Introduction

Understand what object-oriented programming is and why it matters — learn how OOP helps you organize code into reusable, structured objects.

#2 Object Literals

Create objects using literal notation — define properties and methods directly on an object and access them with dot notation and bracket notation.

#3 Updating Properties

Change, add, and delete properties on objects — understand how to modify objects after they are created.

#4 Classes

Create blueprints for objects using ES6 classes — define a class that can produce multiple objects with the same structure and behavior.

#5 Class Constructors

Initialize objects with custom data using the constructor method — pass arguments when creating instances to set their initial properties.

#6 Class Methods

Add methods to classes — define functions inside a class that can access and modify instance properties using the this keyword.

#7 Method Chaining

Chain multiple method calls together — return this from methods to enable a fluent, readable interface.

#8 Class Inheritance

Share code between classes using extends — create a subclass that inherits properties and methods from a parent class and adds its own.

#9 Constructors (under the hood)

Understand how classes work under the hood — ES6 classes are syntactic sugar over JavaScript constructor functions and the prototype chain.

#10 Prototype

Understand the prototype — every JavaScript object has a hidden prototype link that allows objects to share methods and properties.

#11 Prototype Inheritance

Implement inheritance using prototypes — understand how JavaScript class inheritance works under the hood with the prototype chain.