Curated Video
Modern JavaScript from the Beginning - Second Edition - CommonJS Modules
This video explains the CommonJS module format, which is a module format used in Node.js. The video covers how to create modules using the CommonJS format, how to export and import modules, and how to use modules in our code. This clip...
Curated Video
Modern JavaScript from the Beginning - Second Edition - What Are Modules?
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,...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Remove Meals and Workouts from Local Storage
In this video, we will update the Tracalorie app to remove meals and workouts from local storage when they are removed from the app. We will use the Storage class to remove the corresponding item from local storage so that it is not...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Storage Class and Calorie Limit Persist
In this video, we will create a Storage class that handles all the interactions with local storage in the Tracalorie app. We will move all the local storage-related code from the App class to the Storage class. We will also update the...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Filter and Reset
In this video, we will implement a filter functionality for the meals and workouts in the Tracalorie app. We will add an input field that filters the items based on their name and update the UI accordingly. We will also add a reset...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Remove Meal and Workout
In this video, you will learn how to remove meals and workouts from the Tracalorie app. We will add an event listener to each of the meal and workout items, which calls a removeItem method that removes the corresponding item from the UI...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Display New Meal and Workout
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...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Progress Bar and Calorie Alert
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 when...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Display Tracker Stats
This video demonstrates how to display tracker stats in the Tracalorie App project. The video covers how to calculate and display total calories, total meals, and total workouts using the BaseTracker class and JavaScript DOM...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Base Tracker, Meal, and Workout Class
This video introduces the concept of classes and demonstrates how to create base classes for the Tracalorie App project. The video covers the creation of the BaseTracker, Meal, and Workout classes and how to implement properties and...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Project Planning and Diagram
This video covers the project planning and diagramming phase of the Tracalorie App project. The video outlines the different components of the app and how they relate to each other and provides a visual diagram to help visualize the...
Curated Video
Modern JavaScript from the Beginning - Second Edition - ES2022 Private Class Fields
In this video, you will learn about the new private class fields feature in ES2022, including how to define private object properties using the "#" symbol. This clip is from the chapter "OOP - Classes, Getters, Setters, and Private...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Private Property Underscore Convention
In this video, you will learn about the convention of using underscores to denote private object properties in JavaScript classes. This clip is from the chapter "OOP - Classes, Getters, Setters, and Private Properties" of the series...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Getters and Setters with defineProperty()
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"...
Curated Video
Modern JavaScript from the Beginning - Second Edition - bind() and Defining this
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...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Static Methods
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...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Class Inheritance
In this video, you will learn about class inheritance in JavaScript, including how to use the "extends" keyword to create subclasses, how to override superclass methods in subclasses, and how to call superclass methods from within...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Classes
In this video, you will learn about the basics of classes in JavaScript, including how to create classes, instantiate objects from classes, and use constructors to pass arguments to class methods. This clip is from the chapter "OOP -...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Building a Calculator - Part 1
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...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - classList Method
In this video, we will discover the classList property and its associated methods, which provide a convenient way to manipulate CSS classes on elements, how to add, remove, toggle, and check for the presence of specific classes using...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - useCapture
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....
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - DOM Get Methods
In this video, we will discover various DOM methods to retrieve elements from the webpage, which include getElementById, getElementsByClassName, getElementsByTagName, and querySelector. You will learn to use these methods effectively to...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - DOM Other Objects
This video explores other important objects in the DOM, such as the Document object, Window object, and Navigator object. You will learn about their properties and methods, and how they can be used to access and manipulate different...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Hooks in Reacts.JS
In this video, we will be introduced to hooks, a powerful feature introduced in React 16.8 to use state and other React features in functional components. You will learn about the useState hook to add state to functional components and...