The Modern JavaScript Course: Build Interactive Websites

Explore conditional statements in JavaScript, including if/else and switch, with practical examples like voting eligibility and day-based case handling.

Explore JavaScript loops—for, while, and do...while—and learn how to initialize, test conditions, and increment to print sequences from 1 to 5 and countdowns, including do...while's at-least-once execution.

Explore JavaScript functions by examining function declarations and function expressions, including invoking functions, returning values, and using arrow functions for concise syntax.

Explore JavaScript parameters and return values by building simple functions for addition, multiplication, and rectangle area calculations using parameters, return statements, and console output.

Learn how to manipulate the DOM by selecting elements with getElementById, querySelector, and querySelectorAll, then access and modify their text content using CSS selectors and node lists.

Learn to modify the DOM with JavaScript by changing content, attributes, and styles using getElementById, textContent, and element.style to create dynamic, interactive web pages.

Attach click events to buttons using addEventListener and inline event handling, see how alerts fire on click, and compare the two methods for responding to user interactions.

Explore the four core JavaScript events (click, mouseover, keydown, submit) and learn to attach event listeners, respond to user actions, and build interactive web experiences.

Explore how event propagation works in JavaScript, demonstrating bubbling from child to parent and capturing from parent to child, with hands-on examples using click listeners on nested divs.

Learn to prevent the default behavior of events in JavaScript when handling forms and links. Implement event.preventDefault to stop submissions and navigations, and display alerts to indicate the prevention.

Explore how callbacks work in JavaScript and why nested callbacks create callback hell, with examples using set timeout to simulate asynchronous tasks like API requests and file reading.

Create and consume promises in JavaScript, handle login checks with resolve and catch, and chain promises for sequential tasks like fetching user data and orders with delays.

Learn how to make HTTP requests in JavaScript, send requests, and handle responses using XMLHttpRequest, status checks, JSON parsing, and error handling.

Learn to handle http responses in JavaScript by fetching data from APIs and processing JSON or plain text, with error handling and console logging of user data.

Discover arrow functions in JavaScript, a concise alternative to traditional functions for callbacks and event handlers, with map usage to square numbers and clear this binding behavior.

Explore template literals in JavaScript (ES6) to embed variables and expressions directly in strings, replacing plus concatenation, and demonstrate multi-line outputs, including calculating a rectangle area.

Master destructuring in JavaScript to unpack array elements or object properties into variables, with default values, demonstrated via a, b, c and name and age examples.

Demonstrates how to use default parameters in JavaScript to assign fallback values for function arguments, with single and multiple parameter examples and their impact on output.

Discover how to organize code with JavaScript modules using import and export, including named exports and default exports, with practical examples across file one.js and file two.js.

Learn how try catch blocks in JavaScript handle errors, prevent crashes, and make code more robust, with examples of error handling and division by zero.

Learn to implement custom errors in JavaScript by extending the error class, using the error constructor, and handling validation scenarios with try/catch and clear messages.

Learn how to use console.log to debug and output information in the browser console, including logging variables, numbers, arrays, and objects. Explore console.table for tabular data and practical examples.

Learn to use breakpoints in browser developer tools to pause JavaScript execution, inspect variables, and step through code line by line, including conditional breakpoints and F10/F11 shortcuts.

Learn to write asynchronous code in JavaScript using async and await, handle promises, and perform API data fetching with error handling via try/catch and console logging.

Learn to handle errors in asynchronous JavaScript with try-catch for promises, API requests, and centralized error handling, using custom errors to keep code robust and maintainable.

combine async/await with promises to make asynchronous JavaScript more readable, using basic promises, awaiting data, and running multiple promises concurrently with Promise.all.