Instructional Video7:10
Curated Video

Modern JavaScript from the Beginning - Second Edition - What Are Modules?

Higher Ed
This video provides an overview of modules and why they are important in modern web development. It explains how modules help organize code and make it easier to maintain and reuse. The video also discusses the benefits of using modules,...
Instructional Video4:19
Curated Video

Modern JavaScript from the Beginning - Second Edition - Clear Storage Items

Higher Ed
In this video, we will update the Tracalorie app to clear all the items from local storage. We will add a clear button that calls a method in the Storage class to clear all the items from local storage. This is useful when the user wants...
Instructional Video11:00
Curated Video

Modern JavaScript from the Beginning - Second Edition - Getters and Setters with defineProperty()

Higher Ed
In this video, you will learn about how to define getters and setters for object properties using the "Object.defineProperty()" method in JavaScript. This clip is from the chapter "OOP - Classes, Getters, Setters, and Private Properties"...
Instructional Video5:25
Curated Video

Modern JavaScript from the Beginning - Second Edition - bind() and Defining this

Higher Ed
In this video, you will learn about the "bind()" method in JavaScript, including how to use it to set the "this" keyword in class methods and how to define the "this" keyword explicitly using arrow functions. This clip is from the...
Instructional Video2:58
Curated Video

Modern JavaScript from the Beginning - Second Edition - Static Methods

Higher Ed
In this video, you will learn about static methods in JavaScript classes, including how to define and use them, and how they differ from instance methods. This clip is from the chapter "OOP - Classes, Getters, Setters, and Private...
Instructional Video10:16
Curated Video

Modern JavaScript from the Beginning - Second Edition - Prototypical Inheritance and call()

Higher Ed
In this video, we will discuss prototypical inheritance and demonstrate how to use the call() method to invoke a constructor function from another constructor function. This clip is from the chapter "OOP - Constructors and Prototypes" of...
Instructional Video5:01
Curated Video

Modern JavaScript from the Beginning - Second Edition - Using Object.create()

Higher Ed
In this video, we will explore the Object.create() method and demonstrate how it is used to create objects with a specific prototype. This clip is from the chapter "OOP - Constructors and Prototypes" of the series "Modern JavaScript from...
Instructional Video4:43
Curated Video

Modern JavaScript from the Beginning - Second Edition - Adding Methods to the Prototype

Higher Ed
In this video, we will demonstrate how to add methods to the prototype of an object. We will also discuss the benefits of using prototypes to share methods between objects. This clip is from the chapter "OOP - Constructors and...
Instructional Video7:33
Curated Video

Modern JavaScript from the Beginning - Second Edition - Working with Object Properties

Higher Ed
In this video, we will explore different ways of adding and modifying object properties. We will also discuss property descriptors and how they are used to control the behavior of object properties. This clip is from the chapter "OOP -...
Instructional Video9:53
Curated Video

Modern JavaScript from the Beginning - Second Edition - Literals Versus Built-In Constructors

Higher Ed
In this video, we will discuss the difference between object literals and built-in constructor functions, such as String(), Number(), and Boolean(). We will also explain why it is generally better to use literals instead of constructors....
Instructional Video5:13
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Building a Restful API in React.JS - Part 2

Higher Ed
Continuing from the previous video, we dive deeper into building a RESTful API in React.JS. You will learn about handling API responses, error handling, and implementing pagination for large datasets, and the process of structuring code...
Instructional Video9:27
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - First Project (Part 1)

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

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Conditional Rendering

Higher Ed
This video delves into various techniques for conditionally rendering components based on specific conditions or user interactions, if statements, ternary operators, and logical operators for implementing conditional rendering effectively.
Instructional Video5:37
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Understanding Hierarchy in React.JS

Higher Ed
This video provides a comprehensive explanation of the hierarchy concept in React.JS. You will learn how components are structured in a hierarchical manner, with parent and child components, topics such as component composition, passing...
Instructional Video7:17
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Props in React.JS

Higher Ed
In this video, we will dive deeper into the concept of components in React.JS, create reusable and modular components that encapsulate specific functionality and can be composed together to build complex user interfaces, the different...
Instructional Video5:44
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Components in React.JS

Higher Ed
This video introduces template literals in React.JS to dynamically generate strings with embedded expressions. You will learn to use template literals to concatenate strings and variables in a more concise and readable way. You will...
Instructional Video3:41
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - useCapture

Higher Ed
This video dives into the concept of event capturing in JavaScript. You will learn about the useCapture parameter in the addEventListener method and how it affects the order in which event handlers are triggered during event propagation....
Instructional Video3:41
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - addEventListener (Events)

Higher Ed
In this video, we will explore the addEventListener method to attach event handlers to elements. You will learn to listen for and respond to various events, such as clicks, mouse movements, keyboard input. Understanding event handling is...
Instructional Video10:15
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Objects

Higher Ed
In this video, you will learn about objects in JavaScript, which are complex data types that allow us to store and organize related data. We will explore how to create objects, define properties and methods, and access their values.
Instructional Video4:49
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Using array.map() Inside JSX Elements

Higher Ed
In this video, you will learn to dynamically render elements based on an array of data, leveraging the power of array.map() to generate JSX components. We will understand different use cases and provide tips for efficient and effective...
Instructional Video3:13
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Building a Restful API in React.JS - Part 1

Higher Ed
In this video, you will learn the fundamentals of building a RESTful API in React.JS, the concepts of API endpoints, HTTP methods, and data fetching using the Axios library. You will also learn to structure React components and handle...
Instructional Video3:31
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Building a Calculator - Part 2

Higher Ed
Continuing from the previous video, this part focuses on adding more advanced features to the calculator app. You will learn how to handle decimal inputs, implement additional arithmetic operations, and add functionality such as clearing...
Instructional Video3:27
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - First Project (Part 2)

Higher Ed
Continuing from the previous video, this part focuses on adding more advanced features and functionality to the project. You will learn how to handle user input, implement data fetching and manipulation, and enhance the user interface...
Instructional Video2:11
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - useEffect Hook in React.JS

Higher Ed
This video explores the useEffect hook and its usage in React applications. You will learn to perform tasks such as data fetching, event subscriptions, and cleanup operations using the useEffect hook, and learn the concept of...