In this video, you will learn how to create a video player using the Video API. We will see how to customize the video controls and add a progress bar.
<
br/>
This clip is from the chapter "Web Browser APIs" of the series "Modern...

In this video, you will learn how to create a drum machine using the Web Audio API. We will see how to create different drum sounds and how to play them using a keyboard.
<
br/>
This clip is from the chapter "Web Browser APIs" of...

In this video, we will add pagination to the search results page to allow users to navigate between different pages of search results. We will use the Page.js library to create dynamic URLs and render the correct results for each...

In this video, we will display the search results on a separate page that's similar to the popular movies page. We will use a template literal to render the content and create pagination for large search result sets.
<
br/>
This...

In this video, we will use the Swiper library to create a slider that displays additional movie and TV show content. We will fetch the data from the API and create a responsive and dynamic slider.
<
br/>
This clip is from the...

In this video, we will add a backdrop image to the movie details page to provide a visual element that complements the movie information. We will use the Swiper library to create a responsive and dynamic backdrop.
<
br/>
This clip...

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.
<
br/>
This clip is...

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.
<
br/>
This clip is from the...

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.
<
br/>
This clip is from the chapter "Flixx Movie App Project" of the series "Modern...

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.
<
br/>
This clip is from the chapter...

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.
<
br/>
This clip is from the chapter "Events" of the series...

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

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

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.
<
br/>
This clip is from the chapter "DOM...

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

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.
<
br/>
This clip is from the chapter "DOM Manipulation" of...

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

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

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