Curated Video
Modern JavaScript from the Beginning - Second Edition - Project Introduction-2
In this section, you will learn about modules and tooling. We will understand the basics of using Node.js and NPM packages. You will learn about different module formats, such as CommonJS and ES Modules, and how to use them in our code....
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 - 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 - 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
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Conditional Rendering
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.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Understanding Hierarchy in React.JS
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...
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 - Introduction to React.JS
In this video, we will look at React.JS, a popular JavaScript library for building user interfaces. You will learn about the benefits of using React, its component-based architecture, and the virtual DOM, and an overview of the key...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Insert Adjacent Element and Insert Adjacent HTML
This video introduces the insertAdjacentElement() and insertAdjacentHTML() methods, which provide flexible ways to insert elements or HTML content at specific positions relative to an element. You will learn to use these methods to...
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 - 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 - String Methods - Part 3
In this final part, we will explore more advanced string methods such as match, search, slice, substr, and includes, enable you to search for patterns in strings, extract substrings, and check whether a string contains a specific value,...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Objects
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.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Mini Project
In this video, we will create a mini project where we will apply the HTML5 and CSS3 concepts learned. We will follow along with the instructions to create a small webpage or interactive element and give hands-on experience in building...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - useEffect Hook in React.JS
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...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Sort and Reverse Methods
In this video, we will dive into sorting arrays in ascending and descending order using sort() and reversing the order of elements using reverse(), which enables effective data organization and manipulation in arrays.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - For Loop
In this video, we will explore the for loop, a commonly used loop structure that allows for more control over the loop execution and the initialization, condition, and iteration expression of the for loop, along with examples.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Events in JavaScript
In this video, we will delve into the world of events in JavaScript, the fundamental concepts of events, such as event types, event handlers, and event listeners. The video demonstrates how to attach event listeners to HTML elements and...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Functions
In this video, you will learn the basics of functions in JavaScript, including how to define and call functions. We will understand the role of functions in organizing and reusing code and learn to create functions to perform specific...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Comparison Operator
In this video, we will explore the comparison operators in JavaScript, such as equal to, not equal to, greater than, less than. You will learn to compare values and evaluate conditions based on the results of these comparisons.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Arithmetic Operator
In this video, we will dive into the arithmetic operators in JavaScript, including addition, subtraction, multiplication, and division. You will learn to perform basic mathematical operations and manipulate numerical values in code.