Instructional Video6:27
Curated Video

Modern JavaScript from the Beginning - Second Edition - Video API

Higher Ed
In this video, you will learn about the Video API. we will see how to load a video, play and pause it, and add video controls to it. This clip is from the chapter "Web Browser APIs" of the series "Modern JavaScript from the Beginning".In...
Instructional Video9:10
Curated Video

Modern JavaScript from the Beginning - Second Edition - Drum Machine Project

Higher Ed
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. This clip is from the chapter "Web Browser APIs" of the series...
Instructional Video20:10
Curated Video

Modern JavaScript from the Beginning - Second Edition - Music Player Project

Higher Ed
In this video, you will learn how to create a music player using the Web Audio API. We will see how to load audio files, play and pause audio, and create audio effects. This clip is from the chapter "Web Browser APIs" of the series...
Instructional Video8:31
Curated Video

Modern JavaScript from the Beginning - Second Edition - Web Audio API

Higher Ed
In this video, you will learn about the Web Audio API. We will see how to use this API to create audio effects in our application. This clip is from the chapter "Web Browser APIs" of the series "Modern JavaScript from the Beginning".In...
Instructional Video11:13
Curated Video

Modern JavaScript from the Beginning - Second Edition - Animated Clock - Part 2

Higher Ed
In this video, we will continue creating the animated clock from the previous video. We will see how to add a minute hand, an hour hand, and a second hand to the clock. This clip is from the chapter "Web Browser APIs" of the series...
Instructional Video25:13
Curated Video

Modern JavaScript from the Beginning - Second Edition - Animated Clock - Part 1

Higher Ed
In this video, you will learn how to create an animated clock using the Canvas API and the requestAnimationFrame() method. This clip is from the chapter "Web Browser APIs" of the series "Modern JavaScript from the Beginning".In this...
Instructional Video8:16
Curated Video

Modern JavaScript from the Beginning - Second Edition - requestAnimationFrame() Method

Higher Ed
In this video, you will learn about the requestAnimationFrame() method. We will see how to use this method to create smooth animations in our application. This clip is from the chapter "Web Browser APIs" of the series "Modern JavaScript...
Instructional Video13:53
Curated Video

Modern JavaScript from the Beginning - Second Edition - Canvas Element and API

Higher Ed
In this video, you will learn about the Canvas element and the Canvas API. You will learn how to create shapes, draw paths, and add text to the canvas. This clip is from the chapter "Web Browser APIs" of the series "Modern JavaScript...
Instructional Video7:34
Curated Video

Modern JavaScript from the Beginning - Second Edition - Show Location on a Map

Higher Ed
In this video, you will learn how to show the location data on a map using the Google Maps API. You will also learn how to customize the map according to your needs. This clip is from the chapter "Web Browser APIs" of the series "Modern...
Instructional Video11:52
Curated Video

Modern JavaScript from the Beginning - Second Edition - GeoLocation API

Higher Ed
In this video, you will learn about the GeoLocation API. We will see how to retrieve a user's location data and how to use it in our application. This clip is from the chapter "Web Browser APIs" of the series "Modern JavaScript from the...
Instructional Video2:02
Curated Video

Modern JavaScript from the Beginning - Second Edition - Section Introduction-WEB APIs

Higher Ed
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...
Instructional Video16:42
Curated Video

Modern JavaScript from the Beginning - Second Edition - Add Pagination for Search

Higher Ed
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....
Instructional Video11:39
Curated Video

Modern JavaScript from the Beginning - Second Edition - Display Search Results

Higher Ed
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...
Instructional Video19:21
Curated Video

Modern JavaScript from the Beginning - Second Edition - Search Functionality

Higher Ed
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...
Instructional Video13:35
Curated Video

Modern JavaScript from the Beginning - Second Edition - Swiper Slider

Higher Ed
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...
Instructional Video7:12
Curated Video

Modern JavaScript from the Beginning - Second Edition - TV Show Details Page

Higher Ed
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...
Instructional Video4:58
Curated Video

Modern JavaScript from the Beginning - Second Edition - Details Page Backdrop

Higher Ed
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...
Instructional Video13:18
Curated Video

Modern JavaScript from the Beginning - Second Edition - Movie Details Page

Higher Ed
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...
Instructional Video7:29
Curated Video

Modern JavaScript from the Beginning - Second Edition - Spinner and Popular TV Shows

Higher Ed
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...
Instructional Video13:39
Curated Video

Modern JavaScript from the Beginning - Second Edition - Display Popular Movies

Higher Ed
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...
Instructional Video9:56
Curated Video

Modern JavaScript from the Beginning - Second Edition - Page Router and Active Link

Higher Ed
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...
Instructional Video4:54
Curated Video

Modern JavaScript from the Beginning - Second Edition - API Overview and API Key

Higher Ed
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...
Instructional Video7:20
Curated Video

Modern JavaScript from the Beginning - Second Edition - Theme Overview and Prep

Higher Ed
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...
Instructional Video4:28
Curated Video

Modern JavaScript from the Beginning - Second Edition - Section Introduction-1

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