JavaScript Full Syllabus

• What is JavaScript?
• Client-side vs Server-side JS
• History & Evolution of JavaScript
• ECMA & ECMAScript versions (ES5 to ES14)
• JavaScript vs Java
• How JS is executed (JS Engine: V8, SpiderMonkey)

🟢 Client-side vs Server-side JavaScript

🟢 JavaScript vs Java

🟢 How JavaScript is Executed (JS Engine)

• Statements & Semicolons
• Keywords and Identifiers
• Comments (//, /* */)
• Case Sensitivity
• Whitespace

• var, let, const
• Hoisting: var vs let vs const
• Primitive Types: String, Number, Boolean, Null, Undefined, Symbol, BigInt
• Non‑Primitive: Objects, Arrays, Functions

• Arithmetic, Assignment, Comparison, Logical, Bitwise
• Ternary Operator
• Typeof Operator
• Nullish Coalescing (??)
• Optional Chaining (?.)

• Implicit vs Explicit Conversion
• parseInt(), parseFloat(), Number(), String()
• Truthy & Falsy values
• == vs ===

• if, else, else if
• switch statement
• break and continue

• for, while, do-while loops
• for...in, for...of
• Loop control: break, continue, return

• Declaration vs Expression
• Anonymous Functions
• Params & Return
• Scope & Closures
• IIFE
• Arrow Functions
• Rest & Default Params
• Higher-order & Callback Functions
• Recursion

• Object Literals, dot vs bracket
• Modify/Add/Delete Properties
• this keyword
• Nested Objects
• Constructor Functions
• Prototypes & Inheritance
• Destructuring, Spread, Object methods

• Declare & Access Elements
• push(), pop(), shift(), unshift()
• slice(), splice(), concat(), join(), split()
• indexOf(), includes(), find(), findIndex()
• map(), filter(), reduce(), every(), some()
• sort(), reverse(), flat(), Spread & Destructuring

• Declaration & Escape Characters
• length, charAt(), indexOf()
• substring(), slice(), substr()
• toUpperCase(), toLowerCase()
• replace(), replaceAll()
• split(), trim()
• Template Literals

• Global vs Local Scope
• Function vs Block Scope
• Lexical Scope & Hoisting
• this keyword
• Execution Context & Call Stack

• What is a Closure?
• Use Cases & Loops
• Data Privacy

• try, catch, finally
• throw statement
• Custom Errors
• Error Object properties

• Event Listeners
• Mouse, Keyboard, Form events
• add/removeEventListener()
• Event Object, Bubbling, Capturing, Delegation
• preventDefault(), stopPropagation()

• What is DOM?
• Selection: getElementById, className, querySelector(A)
• Traversing, innerHTML/textContent
• Attributes, create/remove elements
• Styling via JS, DOM tree

• let vs const vs var
• Arrow Functions
• Template Literals
• Destructuring, Spread & Rest
• Default Params
• Enhanced Object Literals
• Optional Chaining, Nullish Coalescing

• Class Syntax
• Constructors
• Instance & Static Methods
• extends & super()
• Private fields, Getters/Setters

• Synchronous vs Async
• Callbacks & Callback Hell
• Promises (then/catch/finally)
• async/await
• Promise.all(), race(), any()
• Error Handling in async

• What is a Module?
• ES6 import/export
• Default vs Named Exports
• Module Bundlers

• What is JSON?
• Syntax Rules
• JSON.parse()
• JSON.stringify()

• localStorage vs sessionStorage
• setItem(), getItem(), removeItem(), clear()
• Storing objects via JSON

• What is AJAX?
• XMLHttpRequest
• Fetch API + Promises
• async/await
• HTTP Methods & Status Codes
• Headers & CORS

• Creating Dates
• getFullYear(), getMonth(), getDate()
• Formatting Dates
• Working with Time

• Literals & Constructors
• Patterns & Modifiers
• Methods: test(), exec(), match(), replace()
• Common Validation Examples

• Memory Lifecycle & Garbage Collection
• Avoid Memory Leaks

• Naming Conventions
• DRY, KISS, YAGNI
• Comments & Documentation

• Linting: ESLint
• Formatting: Prettier
• Transpiling: Babel
• Bundlers: Webpack, Parcel, Vite
• npm, yarn

• To-Do List
• Calculator
• Weather App (API)
• Expense Tracker
• Quiz App
• Form Validator
• Note Keeper (localStorage)