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 - Linking in React-Router-DOM
This video focuses on using the link component provided by React-Router-DOM to create navigation links within applications. You will learn to create clickable links that navigate to different routes without refreshing the entire page.
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 - JSX In React.JS
This video focuses on JSX, a syntax extension used in React for writing components, to write HTML-like code within your JavaScript files, making it easier to define the structure and appearance of React components. You will learn the...
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 - Filter Method
In this video, you will learn about the filter() method for creating a new array with elements that pass a provided condition and filters out elements that don't meet the condition, resulting in a new array containing only the desired...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Find and findIndex Methods
In this video, we will explore the find() and findIndex() methods used to search for a specific element in an array, where the find() returns the first element that matches a condition, while findIndex() returns the index of the first...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Some and Every Methods
In this video, we will understand the some() and every() methods used to perform conditional checks on array elements, where some() checks whether at least one element satisfies a condition, while every() verifies if all elements meet...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Include Method
In this video, we will explore the include() method used to check whether an array includes a certain value, returning true or false based on the result, which provides a convenient way to determine if an array contains a specific...
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 - The forEach Method
In this video, you will learn about iterating over each element of an array and executing a provided function for each element, which simplifies the process of performing operations on each element of an array without the need for...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Indexof and lastindex Methods
In this video, we will discover methods used to search for the index of a specified element within an array. The function indexOf() returns the first occurrence of the element, while lastIndexOf() returns the last occurrence.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - The isArray Method
In this video, we will discuss how to check whether a value is an array using the isArray() function, which is useful for validating whether a variable contains an array before performing array-specific operations.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Concat and Join Methods
In this video, you will learn to combine multiple arrays into a single array using concat(). Additionally, you will learn about join(), which converts an array into a string by concatenating its elements with a specified separator.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Shift and Unshift Methods
This video showcases how to add and remove elements at the beginning of an array using unshift() and shift() respectively. We will explore these methods, which allow for efficient manipulation of 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.