Welcome to the JavaScript OOPs Concepts Repository 🎯
This repo contains complete explanations and hands-on code examples for mastering Object-Oriented Programming (OOPs) in JavaScript — from beginner to advanced level.
📄 See
flowpipeline.md— Contains a ready-to-use Claude AI prompt that generates a complete visual flow pipeline diagram for all OOP concepts in this repo.
Paste the prompt into Claude AI → get a Mermaid.js diagram → render at mermaid.live
| # | Folder | Concept |
|---|---|---|
| 01 | 01-objects/ |
Objects, Object Literals, Object.create(), Constructor Fns, new |
| 02 | 02-classes-constructor/ |
ES6 Classes, constructor(), Instantiation |
| 03 | 03-encapsulation/ |
Encapsulation, Private #fields, Getters, Setters, Closures |
| 04 | 04-inheritance/ |
Inheritance, extends, super, Method Override |
| 05 | 05-polymorphism/ |
Polymorphism, Duck Typing, instanceof |
| 06 | 06-prototypes/ |
Prototype Chain, [[Prototype]], Object.prototype |
| 07 | 07-advanced/ |
Advanced Patterns & Combinations |
| 08 | 08_static_methods/ |
Static Methods & Properties |
| 09 | 09-this keywords/ |
this Keyword in All Contexts, .call/.apply/.bind |
| 10 | 10-design-patterns/ |
Factory, Singleton, Observer, Module, Strategy Patterns |
| 11 | 11-abstraction/ |
Abstraction, Abstract Classes, new.target, Interface Hiding |
| 12 | 12-mixins-composition/ |
Mixins, Functional Mixins, Composition over Inheritance |
Objects → Classes → Prototypes → this Keyword
→ Encapsulation → Abstraction
→ Inheritance → Polymorphism
→ Static Methods → Design Patterns → Mixins & Composition
node 01-objects/index.js
node 02-classes-constructor/index.js
# ... and so on