Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - String Methods - Part 1
In this video, we will explore various methods available for manipulating and working with strings in JavaScript. You will learn about common string methods such as length, toUpperCase, toLowerCase, substring, indexOf, and more.
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 - 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 - Var in JavaScript
In this video, we will explore the concept of variables in JavaScript and learn to declare and initialize variables using the "var" keyword. We will understand the scope of variables and how they can be accessed and manipulated within...
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 - Using array.map() Inside JSX Elements
In this video, you will learn to dynamically render elements based on an array of data, leveraging the power of array.map() to generate JSX components. We will understand different use cases and provide tips for efficient and effective...
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 - First Project (Part 2)
Continuing from the previous video, this part focuses on adding more advanced features and functionality to the project. You will learn how to handle user input, implement data fetching and manipulation, and enhance the user interface...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Handling Error Pages with React-Router-DOM
In this video, you will learn to handle error pages using React-Router-DOM. We will see how to define a fallback route for handling 404 errors and rendering a custom error page when a route is not found.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - React-Router-DOM
In this video, we will examine React-Router-DOM, a popular routing library for React applications. You will learn to set up routes and navigation in React apps using React Router DOM, topics such as defining routes, rendering components...
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 - 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...
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...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - DOM Model
In this video, you will learn about the Document Object Model (DOM), a programming interface for HTML and XML documents, and understand how the DOM represents the structure of a webpage as a hierarchical tree of objects and interact with...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - For-In Loop
In this video, we will look at the for-in loop, a useful iteration construct in JavaScript for iterating over the properties of an object and learn to use the for-in loop to iterate through object properties, perform actions on each...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Arrays Objects
This video focuses on arrays of objects, where each element in the array is an object itself. You will learn to create arrays of objects, access and modify their properties, and perform operations on array elements using loops and other...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - The toString(), valueOf(), and fill() Methods
In this video, we will understand different functionalities for working with arrays. The function toString() converts an array to a string representation, valueOf() returns the array itself, and fill() allows for filling array elements...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Pop and Push Methods
In this video, you will learn how to add and remove elements at the end of an array using push() and pop() respectively. We will explore these methods, which are useful for managing the dynamic size of an array.
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 - Modify and Delete Arrays
In this video, we will explore various methods to modify and delete elements within an array, including changing values at specific indices, removing elements using splice(), and clearing the entire array.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Do While Loop
In this video, we will explore the do-while loop, which is similar to the while loop but guarantees that the code block is executed at least once before checking the condition; it demonstrates the syntax and usage of the do-while loop in...