In this video, we will create a movie details page that displays more information about a selected movie. We will fetch additional data from the API and use a template literal to dynamically render the content. This clip is from the...

In this video, we will add a loading spinner to indicate when data is being fetched from the API. We will also fetch and display a list of popular TV shows using the same method we used for movies. This clip is from the chapter "Flixx...

In this video, we will fetch and display a list of popular movies from the TMDb API using JavaScript's fetch function and render them to the UI. This clip is from the chapter "Flixx Movie App Project" of the series "Modern JavaScript...

In this mini project, we will use the Fetch API to load data from the Random User API and display it in an HTML document. We will cover how to create a custom function for fetching data, how to handle errors and loading states, and how...

In this video, you will learn about callbacks in JavaScript. we will see how to use callbacks to execute code after an asynchronous task is completed and how to handle errors and exceptions. This clip is from the chapter "Asynchronous...

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...

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...

This video covers how to create new elements using JavaScript and how to append them to the DOM. It covers the createElement(), createTextNode(), and appendChild() methods. This clip is from the chapter "DOM Manipulation" of the series...

This video covers how to traverse the entire DOM, including text nodes and comment nodes. It covers the firstNode, lastNode, nextNode, and previousNode properties. This clip is from the chapter "DOM Manipulation" of the series "Modern...

This video covers how to traverse the DOM to access child elements, parent elements, and sibling elements. It covers the firstChild, lastChild, nextSibling, and previousSibling properties. This clip is from the chapter "DOM Manipulation"...

In this video, we will introduce operators in JavaScript, including arithmetic, comparison, logical, and assignment operators, and how to use them in our code. This clip is from the chapter "Variables, Data Types, Methods, and More" of...

In this video, we will create the IdeaList component that will display all the ideas. This clip is from the chapter "RandomIdeas Project - Webpack Frontend (Bonus Project)" of the series "Modern JavaScript from the Beginning".In this...

This video demonstrates how to display new meal and workout objects in the Tracalorie app project. The video covers how to create and update HTML templates for displaying the new items and how to use JavaScript DOM manipulation to...

This video focuses on adding a progress bar and calorie alert to the Tracalorie App project. The video covers how to create and update a progress bar based on the total number of calories consumed and how to display a calorie alert when...

In this video, we will begin building a calculator app using React. You will learn to set up the project, create the necessary components for the calculator interface, and handle user input. The video will guide you through implementing...

In this video, you will start working on the first part of the project. You will learn how to set up the project structure, create the necessary React components, and handle state management. The video will guide you through building the...

In this video, you will learn about different methods of styling components in React.JS. You will explore inline styling, where you can directly apply styles to individual elements using JavaScript objects. You will also learn about...

This video introduces the insertAdjacentElement() and insertAdjacentHTML() methods, which provide flexible ways to insert elements or HTML content at specific positions relative to an element. You will learn to use these methods to...

In this video, we will explore the children property, which provides access to the child nodes of an element. We will retrieve child elements, text nodes, or other types of nodes within an element. Understanding children nodes is...

In this video, we will create a mini project where we will apply the HTML5 and CSS3 concepts learned. We will follow along with the instructions to create a small webpage or interactive element and give hands-on experience in building...

In this video, we will explore the appendChild() and insertBefore() methods to insert elements into the DOM tree, to append a new element as a child of an existing element, or insert it before a specified reference element, which is...

In this video, you will learn about the nextSibling and previousSibling properties to access the adjacent sibling elements of an element, to traverse through the DOM tree to access the next and previous sibling elements, regardless of...

In this video, we will dive into the arithmetic operators in JavaScript, including addition, subtraction, multiplication, and division. You will learn to perform basic mathematical operations and manipulate numerical values in code.

In this video, we will explore the flexible box layout module, Flexbox, in CSS3. We will understand how to create flexible and responsive designs by arranging elements along a single axis or multiple axes. You will learn to leverage...