In this video, you will learn how to add items to the shopping list using only the DOM (Document Object Model) without using local storage.
<
br/>
This clip is from the chapter "Shopping List Project" of the series "Modern...

In this video, you will learn about event delegation in JavaScript. We will explore how to use event delegation to handle events for multiple elements and how to register event listeners for different types of events.
<
br/>
This...

In this video, we will explore how to handle input events such as change, input, and submit in JavaScript. You will learn how to use event listeners to respond to input events and how to access input values and form data.
<
br/>...

In this video, we will work on a mini project that uses keyboard events to create a simple game. You will learn how to use event listeners and key properties to detect user input and update the game state accordingly.
<
br/>
This...

In this video, we will look at how to handle keyboard events such as keydown, keyup, and keypress in JavaScript. You will learn how to use event listeners to respond to keyboard events and how to access key properties of the event...

In this video, you will learn about the event object in JavaScript. We will explore how to access and use properties of the event object to handle events more effectively.
<
br/>
This clip is from the chapter "Events" of the series...

In this video, we will look at how to handle mouse events such as click, double-click, hover, and drag in JavaScript. You will learn how to use event listeners to respond to mouse events and perform actions based on them.
<
br/>...

In this video, we will explore how to register event listeners to handle events in JavaScript. You will learn about different types of event listeners and how to attach them to HTML elements.
<
br/>
This clip is from the chapter...

This video covers how to replace an element in the DOM with a new element using JavaScript. It covers the replaceChild() method.
<
br/>
This clip is from the chapter "DOM Manipulation" of the series "Modern JavaScript from the...

This video presents a coding challenge to create a custom function called insertAfter() that can insert an element after a specific element in the DOM.
<
br/>
This clip is from the chapter "DOM Manipulation" of the series "Modern...

This video covers how to insert new elements, text, and HTML into the DOM using JavaScript. It covers the insertBefore(), insertAdjacentElement(), insertAdjacentText(), and insertAdjacentHTML() methods.
<
br/>
This clip is from the...

This video covers how to refactor code into multiple functions to make it more organized and easier to read. It covers the concepts of function composition and separation of concerns.
<
br/>
This clip is from the chapter "DOM...

This video explains the difference between using innerHTML and createElement() to add HTML elements to the DOM. It covers the advantages and disadvantages of each method.
<
br/>
This clip is from the chapter "DOM Manipulation" of...

In this video, we will put our knowledge of array methods to the test by tackling some coding challenges.
<
br/>
This clip is from the chapter "Loops, Iteration, and High-Order Array Methods" of the series "Modern JavaScript from...

In this video, we will discuss the Array.reduce method, which allows us to reduce an array to a single value by applying a function to each element of the array.
<
br/>
This clip is from the chapter "Loops, Iteration, and High-Order...

In this video, we will explore the Array.map method, which allows us to create a new array by applying a function to each element of an existing array.
<
br/>
This clip is from the chapter "Loops, Iteration, and High-Order Array...

In this video, we will explore the Array.filter method, which allows us to create a new array with only the elements that pass a certain test.
<
br/>
This clip is from the chapter "Loops, Iteration, and High-Order Array Methods" of...

In this video, you will learn about the Array.forEach method, which allows us to loop over the elements of an array and execute a function for each element.
<
br/>
This clip is from the chapter "Loops, Iteration, and High-Order...

In this video, we will be presented with a challenge to create a simple calculator using the concepts covered in this section.
<
br/>
This clip is from the chapter "Logic and Control Flow" of the series "Modern JavaScript from the...

Finally, this video explains call stack, which is the mechanism used by JavaScript to keep track of function calls and their respective execution contexts.
<
br/>
This clip is from the chapter "Functions, Scope, and Execution...

This video provides challenges for us to test our understanding of the concepts covered in this section.
<
br/>
This clip is from the chapter "Functions, Scope, and Execution Context" of the series "Modern JavaScript from the...

This video discusses the differences between arguments and parameters in JavaScript, and how to use them effectively in our functions.
<
br/>
This clip is from the chapter "Functions, Scope, and Execution Context" of the series...

In this video, we will cover variables and constants in JavaScript, how to declare them, and how to assign values to them.
<
br/>
This clip is from the chapter "Variables, Data Types, Methods, and More" of the series "Modern...

This video demonstrates how execution context works in practice, using examples to illustrate the different stages of the execution context.
<
br/>
This clip is from the chapter "Functions, Scope, and Execution Context" of the...