JavaScript Topics List (W3Schools Style)
1. JavaScript Basics
• What is JavaScript?
• How to use JavaScript (<script> tag, inline, external file)
• Output Methods: [Link](), [Link](), alert(), innerHTML
• JavaScript Comments
• Case Sensitivity
• Statements & Semicolons
2. Variables & Data Types
• Declaring Variables (var, let, const)
• Block Scope vs Function Scope
• Constants
• Primitive Data Types: String, Number, Boolean, Null, Undefined, Symbol, BigInt
• Dynamic Typing (Changing Type)
• Type Conversion (Number(), String(), Boolean())
3. Operators
• Arithmetic Operators (+, -, *, /, %, **)
• Assignment Operators (=, +=, -=, etc.)
• Comparison Operators (==, ===, !=, !==, >, <, >=, <=)
• Logical Operators (&&, ||, !)
• String Operators (+, +=)
• Ternary (Conditional) Operator
• Typeof Operator
4. Conditional Statements
• if, else if, else
• Nested if
• switch Statement
• Ternary Operator
5. Loops and Iteration
• for Loop
• while Loop
• do...while Loop
• break and continue
• Nested Loops
• Looping Arrays (for, for...of, forEach)
6. Functions
• Function Declaration
• Function Expression
• Return Values
• Parameters and Arguments
• Default Parameters
• Arrow Functions (=>)
• Function Scope and Hoisting
• Anonymous Functions
• Immediately Invoked Function Expression (IIFE)
7. Arrays
• Create Arrays
• Access & Modify Elements
• Array Length
• Common Array Methods: push(), pop(), shift(), unshift(), splice(), slice(), indexOf(),
includes(), map(), filter(), reduce(), find(), forEach(), sort(), reverse()
• Spread Operator (...)
• Multidimensional Arrays
8. Strings
• String Creation (Single, Double, Template Literals)
• String Length
• String Methods: toUpperCase(), toLowerCase(), substring(), slice(), replace(), split(),
trim(), concat(), includes(), indexOf()
• Template Literals (`Hello ${name}`)
• Escape Characters
• String Comparison
9. Objects
• Object Literals
• Accessing Properties (. and [])
• Adding, Updating, Deleting Properties
• Object Methods
• this Keyword
• Nested Objects
• Looping Through Objects (for...in)
• Object Destructuring
• Object Spread Operator (...obj)
10. Date and Math
• Date() Object: getFullYear(), getMonth(), getDate(), setDate(), setFullYear()
• Math Object: [Link](), [Link](), [Link](), [Link](), [Link](),
[Link](), [Link](), [Link]()
11. Events
• HTML Event Attributes (onclick, onchange, etc.)
• Event Listeners (addEventListener)
• Mouse Events (click, mouseover, mouseout)
• Keyboard Events (keydown, keyup)
• Form Events (submit, focus, blur)
• Event Object ([Link], [Link])
12. DOM Manipulation
• Document Object Model (DOM) Overview
• Selecting Elements: getElementById(), getElementsByClassName(),
getElementsByTagName(), querySelector(), querySelectorAll()
• Changing HTML and CSS: innerHTML, textContent, [Link]
• Creating and Removing Elements: createElement(), appendChild(), removeChild()
• Traversing the DOM (parentNode, childNodes, nextSibling)
13. ES6 (Modern JavaScript)
• let and const
• Arrow Functions
• Template Literals
• Destructuring Arrays & Objects
• Spread and Rest Operators
• Default Parameters
• Modules (import, export)
• Classes (class, constructor, extends)
14. Asynchronous JavaScript
• Synchronous vs Asynchronous
• Callbacks
• Promises (then, catch, finally)
• Async/Await
• Fetch API
• JSON Handling ([Link], [Link])
15. Error Handling & Debugging
• try...catch...finally
• throw Statement
• Error Types (ReferenceError, TypeError, etc.)
• [Link](), [Link](), [Link]()
• debugger Keyword
16. Advanced JavaScript Concepts
• Closures
• Hoisting
• Scope (Global, Local, Block)
• Event Loop (Call Stack, Callback Queue, Microtasks)
• this Binding
• Call, Apply, Bind
• Currying Functions
• Prototype & Inheritance
• Higher Order Functions
17. OOP in JavaScript
• Classes and Constructors
• Inheritance with extends
• super() Keyword
• Getters and Setters
• Static Methods
• Encapsulation
18. Browser APIs
• Local Storage & Session Storage
• Fetch API
• Geolocation API
• Clipboard API
• Web Storage (localStorage, sessionStorage)
• Timers (setTimeout, setInterval, clearTimeout, clearInterval)
19. Useful Built-in Objects
• Number, String, Boolean
• Math
• Date
• RegExp
• JSON
20. Projects & Practical Practice
• Simple Calculator
• To-Do List
• Digital Clock
• Form Validation
• API Fetch Example (Weather App)
• Random Quote Generator
• Image Slider
• Dark Mode Toggle