Curated Video
Modern JavaScript from the Beginning - Second Edition - Clear Storage Items
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...
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 - Save Workouts to Local Storage
In this video, we will update the Tracalorie app to save the workouts to local storage. We will use the Storage class to save and retrieve the workouts from local storage so that they are remembered even after the user closes the app....
Curated Video
Modern JavaScript from the Beginning - Second Edition - Save Meals to Local Storage
In this video, we will update the Tracalorie app to save the meals to local storage. We will use the Storage class to save and retrieve the meals from local storage so that they are remembered even after the user closes the app. This...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Persist Total Calories to Local Storage
In this video, we update the Tracalorie app to persist the total calories to local storage. We will use the Storage class to save and retrieve the total calories from local storage so that it is remembered even after the user closes the...
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 - Set Calorie Limit
In this video, we will add the ability to set a calorie limit in the Tracalorie app. We will also add an input field that allows the user to set the limit and update the progress bar and calorie alert accordingly. We will persist 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 - Refactor to Single _newItem Method
This video focuses on refactoring the Tracalorie App project to use a single _newItem method for creating new meal and workout objects. The video covers how to use JavaScript classes and the 'this' keyword to create a more efficient and...
Curated Video
Modern JavaScript from the Beginning - Second Edition - App Class, New Meal, and Workout
This video covers the implementation of the App class for the Tracalorie App project. The video demonstrates how to create a new instance of the App class and how to add new Meal and Workout objects to the tracker using a form and event...
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 - UI Theme Setup
This video focuses on setting up the user interface (UI) theme for the Tracalorie App project. The video covers how to create and implement a basic UI theme using CSS variables and demonstrates how to switch between light and dark themes...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Project Introduction-1
This video provides an introduction to the Tracalorie App project, which is a meal and workout tracker built using object-oriented programming principles. The video outlines the purpose and goals of the project and provides an overview...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Sealing and Freezing Objects
In this video, you will learn about how to use the "Object.seal()" and "Object.freeze()" methods to make objects read-only and prevent changes to their properties. This clip is from the chapter "OOP - Classes, Getters, Setters, and...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Property Flags and Descriptors
In this video, you will learn about the different property flags and descriptors in JavaScript, including how to use the "Object.getOwnPropertyDescriptors()" method to inspect object properties. This clip is from the chapter "OOP -...
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 - Getters and Setters with Classes
In this video, you will learn about getters and setters in JavaScript classes, including how to define them and how to use them to get and set object properties. This clip is from the chapter "OOP - Classes, Getters, Setters, and Private...