Instructional Video3:13
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Building a Restful API in React.JS - Part 1

Higher Ed
In this video, you will learn the fundamentals of building a RESTful API in React.JS, the concepts of API endpoints, HTTP methods, and data fetching using the Axios library. You will also learn to structure React components and handle...
Instructional Video3:27
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - First Project (Part 2)

Higher Ed
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...
Instructional Video2:59
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Handling Error Pages with React-Router-DOM

Higher Ed
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.
Instructional Video3:01
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Linking in React-Router-DOM

Higher Ed
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.
Instructional Video4:16
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - React-Router-DOM

Higher Ed
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...
Instructional Video2:11
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - useEffect Hook in React.JS

Higher Ed
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...
Instructional Video2:47
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Hooks in Reacts.JS

Higher Ed
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...
Instructional Video3:31
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - JSX In React.JS

Higher Ed
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...
Instructional Video3:03
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Append Child and Insert Before

Higher Ed
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...
Instructional Video3:04
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Create Element Text Node

Higher Ed
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...
Instructional Video3:25
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - First and Last Child

Higher Ed
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...
Instructional Video4:12
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - DOM Model

Higher Ed
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...
Instructional Video3:16
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - For-In Loop

Higher Ed
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...
Instructional Video3:36
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Arrays Objects

Higher Ed
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...
Instructional Video1:38
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Filter Method

Higher Ed
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...
Instructional Video2:13
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Find and findIndex Methods

Higher Ed
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...
Instructional Video3:24
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Some and Every Methods

Higher Ed
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...
Instructional Video1:54
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Include Method

Higher Ed
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...
Instructional Video1:55
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - The forEach Method

Higher Ed
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...
Instructional Video2:36
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Indexof and lastindex Methods

Higher Ed
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.
Instructional Video2:41
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Concat and Join Methods

Higher Ed
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.
Instructional Video2:07
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Shift and Unshift Methods

Higher Ed
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.
Instructional Video2:26
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Pop and Push Methods

Higher Ed
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.
Instructional Video2:36
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Modify and Delete Arrays

Higher Ed
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.