Basic

1. BASIC (Foundation Level)

Goal: Understand syntax, variables, operators, data types, and basic DOM usage.

Introduction to JavaScript

What is JavaScript?

Role in Web Development (HTML + CSS + JS)

How JavaScript runs (Browser & JS Engine)

Linking JavaScript ( tag, external files)</p> <p>Syntax &amp; Basics</p> <p>Statements &amp; Comments</p> <p>Variables: var, let, const</p> <p>Data Types: String, Number, Boolean, Null, Undefined, Symbol, BigInt</p> <p>Type conversion (Number(), String(), Boolean())</p> <p>Operators</p> <p>Arithmetic (+, -, <em>, /, %, *</em>)</p> <p>Assignment (=, +=, -=)</p> <p>Comparison (==, ===, !=, &lt;, &gt;, &lt;=, &gt;=)</p> <p>Logical (&amp;&amp;, ||, !)</p> <p>Ternary operator (condition ? trueValue : falseValue)</p> <p>Control Structures</p> <p>if, else if, else</p> <p>switch statement</p> <p>Loops: for, while, do...while</p> <p>break &amp; continue</p> <p>Functions</p> <p>Function declaration &amp; invocation</p> <p>Parameters &amp; return values</p> <p>Arrow functions (()=&gt;{})</p> <p>Arrays</p> <p>Creating arrays</p> <p>Accessing elements</p> <p>Basic methods: push, pop, shift, unshift</p> <p>Strings</p> <p>Creating strings</p> <p>String methods: length, toUpperCase, toLowerCase, slice, substring, replace, split, trim</p> <p>Basic DOM Manipulation</p> <p>document.getElementById / querySelector</p> <p>Changing text &amp; styles</p> <p>Basic Event Handling (onclick, addEventListener</p>