Learn JavaScript core concepts web programming

Learn how to add JavaScript to web pages with inline script tags and external files, link libraries, and manage load order to keep HTML clean and reusable.

Explore how JavaScript uses semicolons and whitespace to end statements and render content, then use alert, prompt, and the console for dynamic user interactions.

Explore how to create and use variables in JavaScript, distinguish strings, numbers, and booleans, and understand basic data types, concatenation, comments, and simple debugging tips.

Learn how arrays store multiple values in a single variable and use zero-based indexing. Explore adding items with push, checking length, and camelCase naming for variables, strings, numbers, and booleans.

Explore JavaScript arrays by adding items, removing with pop and shift (which returns the removed value), splice, join, concatenate, sort, and reverse to manage dynamic data and strings.

Explore how to create and use JavaScript objects with key-value pairs, access values using dot or bracket notation, and update properties dynamically for flexible data handling.

Explore how JavaScript functions encapsulate code, pass arguments, return values, and manage scope—from global to function-level—while using defaults, concatenation, and simple math.

Explore how the document object model and window object model expose page content, elements, and events, and enable console exploration, alerts, prompts, listeners, and scroll interactions.

Explore updating HTML elements with JavaScript by selecting elements via id, altering innerHTML through the DOM, and observing live browser updates, setting up for event listeners.

Learn to select dom elements using classes, ids, and a query selector, apply highlights with css, and attach on click listeners that update content and increment a counter.

Use mouse over and mouse out event listeners to dynamically style elements, updating text color to red on hover and back to black on exit, referencing the element with this.

Learn how to add event listeners in JavaScript, listen for click events on a target, log event details, and use event data for interactive updates.

Explore looping through multiple elements in JavaScript by selecting highlights, iterating with a for loop, and adding click event listeners to toggle the background color to yellow for highlighting.

Toggle and manage classes with JavaScript classList to add, remove, and update styles like yellow highlight and padding. Learn how to toggle multiple classes, update className, and handle browser compatibility.

Explore conditional statements in JavaScript by using a clickable button to update an output area, and apply if, else if, and else logic with type-aware comparisons.

Explore loops by implementing a dynamic while loop that runs up to a user-defined value from an input, with a clickable button triggering console outputs and string concatenation.

Explore do loops, while loops, and for loops in JavaScript, compare syntax and increments, and learn when the cleanest for loop or for each iteration fits your logic.

Explore how the forEach loop in JavaScript iterates over array values, logs each item, and optionally accesses keys to apply simple logic or styling.

Master JavaScript fundamentals—functions, loops, variables, containers, and objects—and use event listeners and DOM interactions to create dynamic, interactive web applications.