JavaScript: Core Concepts and DOM Interaction

Declare variables using let and const, and explain why var is avoided in modern JavaScript.

Write functions using arrow syntax and demonstrate their lexical 'this' behavior compared to traditional functions.

Manipulate arrays and objects using common methods (map, filter, find) and syntax (destructuring, spread).

Select and manipulate DOM elements using querySelector to modify content, classes, and styles.

Attach event listeners to handle user interactions like clicks, form submissions, and input events.

Use template literals and conditional logic to dynamically render content on a page.

Mini Project: Add a light/dark theme toggle to the personal profile site using JavaScript.