Curated Video
Modern JavaScript from the Beginning - Second Edition - Local Storage Crash Course
In this video, we will be provided with a brief overview of local storage and how it works. This clip is from the chapter "Shopping List Project" of the series "Modern JavaScript from the Beginning".In this section, we will build a...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Filter Items
In this video, you will learn how to filter the items in the shopping list by name. This clip is from the chapter "Shopping List Project" of the series "Modern JavaScript from the Beginning".In this section, we will build a shopping list...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Clear UI State
In this video, you will learn how to clear the UI state after removing an item from the shopping list. This clip is from the chapter "Shopping List Project" of the series "Modern JavaScript from the Beginning".In this section, we will...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Remove and Clear Items
In this video, you will learn how to remove items from the shopping list and how to clear the entire list. This clip is from the chapter "Shopping List Project" of the series "Modern JavaScript from the Beginning".In this section, we...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Setting Up Git and GitHub (Optional)
In this optional video, you will learn how to set up Git and GitHub for version control and collaboration. This clip is from the chapter "Shopping List Project" of the series "Modern JavaScript from the Beginning".In this section, we...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Add Items to List (DOM Only)
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. This clip is from the chapter "Shopping List Project" of the series "Modern JavaScript from the...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Section Introduction-Shopping List Project
In this video, we will be introduced to the Shopping List project, which is the final project for the course. This clip is from the chapter "Shopping List Project" of the series "Modern JavaScript from the Beginning".In this section, we...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Page Loading and Window Events
In this video, we will look at how to handle page loading and window events in JavaScript. You will learn how to use event listeners to detect when a page has finished loading and how to respond to window events such as resizing and...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Event Delegation and Multiple Events
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. This clip is from...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Event Bubbling
In this video, we will explore how event bubbling works in JavaScript. You will learn about the event propagation model and how to use it to handle events more efficiently. This clip is from the chapter "Events" of the series "Modern...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Form Submission and FormData Object
In this video, we will look at how to handle form submissions in JavaScript. You will learn how to use the FormData object to collect form data and send it to a server using AJAX. This clip is from the chapter "Events" of the series...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Input Events
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. This clip is...
Curated Video
Modern JavaScript from the Beginning - Second Edition - KeyCode Mini-Project
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. This clip is from...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Keyboard Events and Key Properties
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...
Curated Video
Modern JavaScript from the Beginning - Second Edition - The Event Object
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. This clip is from the chapter "Events" of the series "Modern...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Mouse Events
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. This clip is...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Event Listeners
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. This clip is from the chapter "Events" of the...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Manipulating Styles and Classes
This video covers how to manipulate CSS styles and classes in the DOM using JavaScript. It covers the style property and the classList property. This clip is from the chapter "DOM Manipulation" of the series "Modern JavaScript from the...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Remove Elements
This video covers how to remove an element from the DOM using JavaScript. It covers the removeChild() method. This clip is from the chapter "DOM Manipulation" of the series "Modern JavaScript from the Beginning".In this section, we will...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Replace Elements
This video covers how to replace an element in the DOM with a new element using JavaScript. It covers the replaceChild() method. This clip is from the chapter "DOM Manipulation" of the series "Modern JavaScript from the Beginning".In...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Custom insertAfter() Challenge
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. This clip is from the chapter "DOM Manipulation" of the series "Modern JavaScript...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Insert Elements, Text, and HTML
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. This clip is from the chapter "DOM...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Refactor to Multiple Functions
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. This clip is from the chapter "DOM Manipulation" of...
Curated Video
Modern JavaScript from the Beginning - Second Edition - InnerHTML Versus createElement()
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. This clip is from the chapter "DOM Manipulation" of the series...