Curated Video
Modern JavaScript from the Beginning - Second Edition - CSS and Style Loaders
In this video, we will explore how to use CSS and style loaders in Webpack. We will look at the different types of style loaders available and how to configure them in our Webpack configuration file. This clip is from the chapter...
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 - 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 - 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 - 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 - Working with Object Properties
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 -...
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 - Components in React.JS
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...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Children Nodes
In this video, we will explore the children property, which provides access to the child nodes of an element. We will retrieve child elements, text nodes, or other types of nodes within an element. Understanding children nodes is...
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 - addEventListener (Events)
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...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Date Method
In this video, we will explore the Date object and its methods in JavaScript. We will discover functions such as getDate, getMonth, getFullYear, and getTime, which retrieve and manipulate different aspects of dates and times, and format...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Math Method - Part 2
Continuing from the previous video, we will delve deeper into the Math object's methods. You will learn about Math functions, which enable you to generate random numbers, find the maximum and minimum values, and perform exponential...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Math Method - Part 1
This video focuses on the Math object in JavaScript and its associated methods. We will explore functions which allow us to perform mathematical operations and round numbers in different ways and have a solid understanding of these Math...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Number Methods
In this video, you will learn about the various Number methods available in JavaScript, which include isNaN, isFinite, toExponential, and toPrecision, among others. We will understand how to use these methods to perform operations on...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - String Methods - Part 2
Continuing from the previous video, this part focuses on additional string methods such as trim, split, replace, concat, and charAt, and how to use these methods to perform operations such as removing whitespace, splitting strings into...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Slice and Splice Methods
In this video, we will discover different ways to manipulate arrays. Slice() allows for creating a new array by extracting a portion of an existing array, while splice() enables the insertion, deletion, or replacement of elements within...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Building a Calculator - Part 2
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...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Append Child and Insert Before
In this video, we will explore the appendChild() and insertBefore() methods to insert elements into the DOM tree, to append a new element as a child of an existing element, or insert it before a specified reference element, which is...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Create Element Text Node
This video focuses on creating and working with text nodes in the DOM. You will learn to use the document.createTextNode() method to create a new text node, which can be inserted as a child of an element. Understanding how to create and...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Next and Previous Siblings
In this video, you will learn about the nextSibling and previousSibling properties to access the adjacent sibling elements of an element, to traverse through the DOM tree to access the next and previous sibling elements, regardless of...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - First and Last Child
This video focuses on accessing the first and last child elements of a parent element using the firstElementChild and lastElementChild properties. You will learn to retrieve the first and last child elements specifically, excluding any...