Object-oriented programming in JavaScript – CosmoCode (Formerly TeachMeSelenium)

Prototypes in JavaScript | JavaScript & Object Oriented Programming | Part 11

In the Previous Tutorial, we explored Getters and Setters in JavaScript. In this tutorial, we’ll learn about Prototypes in JavaScript. Inheritance is one of the most important aspects of Object-oriented programming. Unfortunately, JavaScript does not implement inheritance the same way as other modern programming languages like Java, C#, Python, etc do. In JavaScript, inheritance is …

Getters and Setters in JavaScript | JavaScript & Object Oriented Programming | Part 10

In the Previous Tutorial, we learned the following – Adding Object properties to an existing Object When to use bracket notation to access object property? Adding methods to an existing Object Removing Object properties from an Object Getting the list of object properties Filtering the properties using typeof operator In this tutorial, we’ll learn about a popular …

Adding, removing and iterating Object Properties | JavaScript & Object Oriented Programming | Part 9

In the Previous Tutorial we learned How to implement Abstraction in JavaScript. It was great to know that we can hide complexity from the end user and show them only essential details while declaring a Constructor Function. In this tutorial we’ll have a closer look into object properties and learn the following – Adding Object …

How to implement Abstraction in JavaScript | JavaScript & Object Oriented Programming | Part 8

In the Previous Tutorial, we learned the following – Every object has a constructor property that returns the function used to create that object. JavaScript has a built-in Constructor Function Object() that creates the object literal. In JavaScript, functions are also object. Like objects, functions also have a constructor property. JavaScript has another built-in Constructor Function Function() that creates …

Built-in Constructor Functions in JavaScript | JavaScript & Object Oriented Programming | Part 7

In the Previous Tutorial, we learned how to create objects by using Constructor Functions. We also saw the magic of the new keyword. So far we have learned all three ways to create objects in JavaScript – Object Literals, Factory Functions and Constructor Functions. In this tutorial we’ll learn about some built-in Constructor Functions provided …

Constructor Functions | JavaScript & Object Oriented Programming | Part 6

In the Previous Tutorial we learned how to create objects by using Factory Functions. In this tutorial we’ll learn the third and the final way to create objects – Constructor Function What is a Constructor Function? A Constructor Function on its own is not different from regular JavaScript functions. The real fun starts when it …

Factory Functions | JavaScript & Object Oriented Programming | Part 5

In the Previous Tutorial we learned the following – Using Object Literal as the object property Using an existing object as an object property In ES6, omitting colon and value from the property if the value variable is having the same name as the property Why you should create methods to update properties? In this …

Deep dive into Object Literals | JavaScript & Object Oriented Programming | Part 4

In the Previous Tutorial, we learned the following – What is an Object? Different ways to create objects What is an Object Literal? How to create object by using Object Literal? How to access object properties? How to declare and call methods? In this tutorial, we will deep dive into the world of objects and …

Object Literals | JavaScript & Object Oriented Programming | Part 3

In the Previous Tutorial, we setup our development environment with the following setup – Google Chrome & its Developer Tool Visual Studio Code (VS Code) Live Server (VS Code extension) Writing some boilerplate HTML and JavaScript Code Running the app and verifying Hello World In this tutorial we’ll learn the following – What is an …

Setting up environment | JavaScript & Object Oriented Programming | Part 2

In the Previous Tutorial, we learned the following – Is JavaScript an Object Oriented programming language? What is Object Oriented Programming (OOP)? What are OOP principles? Why should you care about JavaScript and OOP? Prerequisites for this tutorial In this tutorial we’ll continue that learning and setup our system so that we can learn by …

Introduction to Object Oriented Programming | JavaScript & Object Oriented Programming | Part 1

Yes, you can structure your JavaScript code as per Object Oriented Programming (OOPs) principles.