Curated Video
Modern JavaScript from the Beginning - Second Edition - Section Introduction-WEB APIs
In this video, we will be introduced to the web browser APIs section. You will learn what are Web Browser APIs and how they help us interact with web browsers. This clip is from the chapter "Web Browser APIs" of the series "Modern...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Add Pagination for Search
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 page....
Curated Video
Modern JavaScript from the Beginning - Second Edition - Display Search Results
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. This clip is from...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Search Functionality
In this video, we will create a search function that allows users to search for movies and TV shows. We will use JavaScript's Fetch function to query the API and render the results to the UI. This clip is from the chapter "Flixx Movie...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Swiper Slider
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. This clip is from the chapter "Flixx...
Curated Video
Modern JavaScript from the Beginning - Second Edition - TV Show Details Page
In this video, we will create a TV show details page that's similar to the movie details page. We will fetch TV show data from the API and use a template literal to render the content. This clip is from the chapter "Flixx Movie App...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Details Page Backdrop
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. This clip is from the...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Movie Details Page
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...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Spinner and Popular TV Shows
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...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Display Popular Movies
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...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Page Router and Active Link
In this video, we will set up a page router using the Page.js library to allow users to navigate between different pages of our app. We will also create an active link feature to highlight the current page in the navigation menu. This...
Curated Video
Modern JavaScript from the Beginning - Second Edition - API Overview and API Key
In this video, we will provide an overview of the TMDb API and how we can use it to get movie and TV show data for our app. We will also obtain an API key from TMDb that we will use to authenticate our requests. This clip is from the...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Theme Overview and Prep
In this video, we will go over the theme of our movie app and prepare our environment by setting up our project files and installing the necessary dependencies. This clip is from the chapter "Flixx Movie App Project" of the series...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Section Introduction-1
In this section, we will be building a movie app called Flixx using the Movie Database (TMDb) API. We will be using JavaScript and a library called Swiper to create a responsive and user-friendly interface. This clip is from the chapter...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Multiple Promises with Async and Await
In this video, we will cover how to work with multiple Promises using async/await in JavaScript. We will explore techniques for parallel and sequential execution of Promises and cover how to use Promise.all() and Promise.race() to handle...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Error Handling with Async and Await
In this video, we will explore best practices for handling errors when using async/await in JavaScript. We will cover how to use the try/catch statement with async functions, how to handle errors thrown in Promises, and how to handle...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Try...Catch Statements
In this video, we will take a closer look at the try/catch statement and how it works to catch errors in JavaScript. We will cover how to use multiple catch blocks, rethrow errors, and catch errors in async functions. This clip is from...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Async and Await
In this video, we will introduce the async/await syntax for working with Promises in JavaScript. We will cover how to define an async function, use the await keyword to wait for a Promise to resolve, and handle errors using try/catch...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Fetch API Error Handling
In this video, we will explore various techniques for handling errors when working with the Fetch API, including how to check the response status code, catch network errors, and gracefully handle error responses. This clip is from the...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Typicode Todos Mini-Project - Part 2
In this video, we will continue building our Todo list app by adding the ability to delete todos and update their status. We will also cover how to use the PUT and DELETE methods in Fetch and how to handle success and error responses....
Curated Video
Modern JavaScript from the Beginning - Second Edition - Typicode Todos Mini-Project - Part 1
In this mini project, we will build a simple Todo list app using the Fetch API and the JSONPlaceholder API. We will cover how to make a POST request to add new todos and how to dynamically update the UI to reflect the current state of...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Fetch Options - Method, Body Headers
In this video, we will explore the various options available when making a Fetch request, including the HTTP method, request body, and request headers. We will also cover how to set and use custom headers, such as authentication tokens....
Curated Video
Modern JavaScript from the Beginning - Second Edition - Random User Mini-Project
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...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Fetch Basics
In this video, we will introduce the basics of the Fetch API, including how to create a simple GET request and handle the response data. We will also explore the Response object and various methods for parsing and manipulating response...