Curated Video
Modern JavaScript from the Beginning - Second Edition - Create and Append Elements
This video covers how to create new elements using JavaScript and how to append them to the DOM. It covers the createElement(), createTextNode(), and appendChild() methods. This clip is from the chapter "DOM Manipulation" of the series...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Traversing the DOM - All Nodes
This video covers how to traverse the entire DOM, including text nodes and comment nodes. It covers the firstNode, lastNode, nextNode, and previousNode properties. This clip is from the chapter "DOM Manipulation" of the series "Modern...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Traversing the DOM - Elements
This video covers how to traverse the DOM to access child elements, parent elements, and sibling elements. It covers the firstChild, lastChild, nextSibling, and previousSibling properties. This clip is from the chapter "DOM Manipulation"...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Operators
In this video, we will introduce operators in JavaScript, including arithmetic, comparison, logical, and assignment operators, and how to use them in our code. This clip is from the chapter "Variables, Data Types, Methods, and More" of...
Curated Video
Modern JavaScript from the Beginning - Second Edition - IdeaList Component
In this video, we will create the IdeaList component that will display all the ideas. This clip is from the chapter "RandomIdeas Project - Webpack Frontend (Bonus Project)" of the series "Modern JavaScript from the Beginning".In this...
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
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 - First Project (Part 1)
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...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Inline and Internal Styling in React.JS
In this video, you will learn about different methods of styling components in React.JS. You will explore inline styling, where you can directly apply styles to individual elements using JavaScript objects. You will also learn about...
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 - 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 - 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 - 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 - 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 - 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.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Flexbox
In this video, we will explore the flexible box layout module, Flexbox, in CSS3. We will understand how to create flexible and responsive designs by arranging elements along a single axis or multiple axes. You will learn to leverage...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Grid System
In this video, we will discover the power of CSS Grid for creating responsive layouts. You will learn to create grid-based designs that adapt to different screen sizes and devices, allowing your website to be visually appealing across...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Pseudo-Classes Part 1
In this video, we will discover the power of pseudo-classes in CSS3 and learn to target elements based on specific states or interactions. We will explore commonly used pseudo-classes such as :hover, :active, and :focus, and understand...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Positions
In this video, we will dive into the world of CSS3 positioning and understand how to precisely place elements on your webpages. You will learn about static, relative, absolute, and fixed positioning, and discover how to use them to...
Curated Video
JavaScript Mastery from Zero to Hero - Prepare for Coding Interviews - The Remainder Operator in JavaScript - I
In this video, you will learn about the remainder operator in JavaScript, which is also known as the modulo operator. This operator returns the remainder of a division operation between two numbers and can be useful in a variety of...
Curated Video
Vue.js 3 and Firebase for Beginners - The Basket UI
In this video, we will create the basket UI. The basket will also be a table that shows the pizzas that the users select. This clip is from the chapter "Project UI" of the series "Vue.js 3 and Firebase for Beginners".This section...
Curated Video
Vue.js 3 and Firebase for Beginners - The Menu UI
This video talks about the Menu view page, which is going to be split into two sections. On the left, we are going to include the menu where we will include the pizzas in a list. This clip is from the chapter "Project UI" of the series...
Curated Video
Vue.js 3 and Firebase for Beginners - Updating Regular Users to Admin Part 1
In this video, the author shows that the customer can go into the database and update the admin property each time a new user is added or to remove the admin access if an employee leaves the company. This clip is from the chapter "Roles...