Scribd
Upload
8 views3 pages

Oops 2

This document provides a roadmap for learning Object-Oriented Programming (OOP) in JavaScript, covering essential topics such as JavaScript basics, OOP concepts, constructor functions, prototypes, and ES6 classes. It also includes advanced topics like inheritance, mixin patterns, and design patterns. The guide emphasizes understanding key principles and features to effectively utilize OOP in JavaScript.

Uploaded by

Swetha Madhanmohan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views3 pages

Oops 2

This document provides a roadmap for learning Object-Oriented Programming (OOP) in JavaScript, covering essential topics such as JavaScript basics, OOP concepts, constructor functions, prototypes, and ES6 classes. It also includes advanced topics like inheritance, mixin patterns, and design patterns. The guide emphasizes understanding key principles and features to effectively utilize OOP in JavaScript.

Uploaded by

Swetha Madhanmohan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

OOPS IN JAVASCRIPT

To learn Object-Oriented Programming (OOP) in JavaScript, you can follow this


roadmap:

1. Basics of JavaScript: Ensure you have a solid understanding of basic


JavaScript concepts such as variables, functions, arrays, loops, and
conditionals. You should also be familiar with ES6 features like arrow
functions, classes, and modules.

2. Understand OOP Concepts:

Abstraction (Fetch API)

Encapsulation and Access Modifiers (Private and public properties and


methods)

Classical inheritance vs prototypal inheritance

Polymorphism (function overloading, prototype chain, instance of the


operator) , Dynamic dispatch)

3. Constructor Functions:

Learn how to create objects using constructor functions and how to add
properties and methods to them.

Understand the use of the new keyword to create instances of objects


from constructor functions.

4. Prototypes:

Introduction to JavaScript prototype

JavaScript prototype illustration

Defining methods in the JavaScript prototype object

Defining methods in an individual object

Getting prototype linkage

Shadowing , Prototype Inheritance

5. ES6 Classes:

Class – introduce you to the ES6 class syntax and how to declare a
class.

OOPS IN JAVASCRIPT 1
Class constructor , Class Members (Instance methods & Instance properties)

Getters and Setters – define the getters and setters for a class using the
get and set keywords.

Class Expression – learn an alternative way to define a new class using


a class expression.

Computed Properties

Static methods – guide you on how to define methods associated with a


class, not instances of that class.

Static Properties – show you how to define static properties shared by


all instances of a class.

Computed property – explain the computed property and its practical


application.

Inheritance – show you how to extend a class using


the extends and super keywords.

new.target – introduce you to the new.target metaproperty.

Private Fields

Private Methods

instanceof Operator

6. Inheritance in ES6: (Prototypal inheritance)

Understand how to use the extends keyword to create subclasses that


inherit from a superclass.

Learn about the super keyword and how to use it to call methods on the
superclass.

7. Advanced OOP Concepts:

Mixin patterns

Abstract classes and interfaces

8. The Observer pattern

9. Object-oriented design patterns

OOPS IN JAVASCRIPT 2
OOPS IN JAVASCRIPT 3

You might also like