JavaScript-Core - JavaScript Learning Roadmap

Table of Contents

1. Basics
2. Control Flow
3. Functions
4. Objects
5. DOM Manipulation
6. Advanced Topics
7. Memory Management
8. Asynchronous JavaScript
9. Design Patterns
10. Web APIs and Browser Features
11. Regular Expressions
12. Performance Optimization
13. JavaScript Engines and Internals
14. Testing in JavaScript
15. Security in JavaScript

---

1. Basics

• Introduction to JavaScript
• How to run JavaScript (Browser Console, External JS file)
• Variables and Constants (var, let, const)
• Data Types (String, Number, Boolean, Null, Undefined, Symbol, BigInt)
• Operators (Arithmetic, Comparison, Logical, Assignment, Conditional)
• String Manipulation (length, slice(), substring(), replace(), etc.)
• Arrays (Methods like push(), pop(), shift(), unshift(), map(), filter(), etc.)

2. Control Flow

• Conditional Statements (if, else, else if, switch)
• Loops (for, while, do...while)
• break and continue statements

3. Functions

• Function Declaration vs. Function Expression
• Parameters and Arguments
• Return Statements
• Arrow Functions (()=>)
• Higher-order Functions (functions as arguments or returned from another function)
• Closures and Scoping

4. Objects

• Object Creation (Object Literals, new Object())
• Accessing and Modifying Object Properties
• this keyword
• Object Methods
• Object Destructuring
• JSON (parsing and stringifying)

5. DOM Manipulation

• Document Object Model (DOM) Overview
• DOM Selectors (getElementById, querySelector, etc.)
• Event Listeners (click, input, keypress)
• Creating and Appending Elements (createElement(), appendChild())
• Modifying HTML and CSS using JavaScript

---

6. Advanced Topics

6.1 Advanced Functions

• Closures
• IIFE (Immediately Invoked Function Expressions)
• Function Currying
• Higher-Order Functions
• Memoization

6.2 Advanced Object Concepts

• Prototypes and Prototypal Inheritance
• this Context
• Object Property Descriptors
• Object Methods (Object.create(), Object.assign(), Object.defineProperty())
• call(), apply(), and bind()

6.3 Advanced Asynchronous JavaScript

• Event Loop
• Microtasks and Macrotasks
• Generators and Iterators
• Promises and Promise Chaining
• Async/Await
• Web Workers

---

7. Memory Management

• Garbage Collection
• Memory Leaks
• WeakMap and WeakSet

---

8. Asynchronous JavaScript

• Callbacks
• Promises
• async/await
• Fetch API and handling JSON
• Error handling (try, catch)

---

9. Design Patterns

• Singleton Pattern
• Module Pattern
• Factory Pattern
• Observer Pattern

---

10. Web APIs and Browser Features

• Service Workers
• LocalStorage, SessionStorage, and IndexedDB
• Geolocation API
• Push Notifications
• Intersection Observer API
• WebSockets
• Canvas API

---

11. Regular Expressions

• Advanced usage of regular expressions
• Building complex patterns
• Regex flags

---

12. Performance Optimization

• Debouncing and Throttling
• Lazy Loading
• Critical Rendering Path
• Minification and Tree Shaking

---

13. JavaScript Engines and Internals

• JavaScript Engines (V8, SpiderMonkey)
• JIT Compilation
• Hoisting
• Scopes and Closures

---

14. Testing in JavaScript

• Unit Testing (Jest, Mocha)
• Test-Driven Development (TDD)
• End-to-End Testing (Cypress, Selenium)
• Mocking and Stubbing

---

15. Security in JavaScript

• Cross-Site Scripting (XSS)
• Cross-Site Request Forgery (CSRF)
• Input Validation
• Content Security Policy (CSP)