Instructional Video9:22
Curated Video

Modern JavaScript from the Beginning - Second Edition - What Is OOP?

Higher Ed
In this video, we will define object-oriented programming and explore its fundamental concepts, including objects, classes, and inheritance. This clip is from the chapter "OOP - Constructors and Prototypes" of the series "Modern...
Instructional Video2:08
Curated Video

Modern JavaScript from the Beginning - Second Edition - Section Introduction-OOP Section Intro

Higher Ed
In this video, we will introduce the topic of Object-Oriented Programming (OOP) and explain its importance in modern web development. This clip is from the chapter "OOP - Constructors and Prototypes" of the series "Modern JavaScript from...
Instructional Video13:29
Curated Video

Modern JavaScript from the Beginning - Second Edition - Speech Synthesis API - Text to Speech

Higher Ed
In this video, you will learn about the Speech Synthesis API. We will see how to create a project that converts text to speech using the Speech Synthesis API. This clip is from the chapter "Web Browser APIs" of the series "Modern...
Instructional Video11:45
Curated Video

Modern JavaScript from the Beginning - Second Edition - Speech Recognition API - Color Say Project

Higher Ed
In this video, you will learn about the Speech Recognition API. We will see how to create a project that recognizes a user's speech and changes the background color of the page accordingly. This clip is from the chapter "Web Browser...
Instructional Video10:33
Curated Video

Modern JavaScript from the Beginning - Second Edition - Web Animations API - Ball Project

Higher Ed
In this video, you will learn about the Web Animations API. We will see how to create animations using the Web Animations API and how to control them using JavaScript. This clip is from the chapter "Web Browser APIs" of the series...
Instructional Video12:49
Curated Video

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

Higher Ed
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. This clip is from the chapter "Web Browser APIs" of the series "Modern JavaScript...
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...