Instructional Video7:17
Curated Video

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

Higher Ed
In this video, we will dive deeper into the concept of components in React.JS, create reusable and modular components that encapsulate specific functionality and can be composed together to build complex user interfaces, the different...
Instructional Video5:44
Curated Video

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

Higher Ed
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...
Instructional Video5:48
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Template Literals in React.JS

Higher Ed
In this video, you will learn about different methods of styling components in React.JS. we will explore inline styling to directly apply styles to individual elements using JavaScript objects. You will learn about internal styling,...
Instructional Video5:03
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Inline and Internal Styling in React.JS

Higher Ed
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...
Instructional Video10:10
Curated Video

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

Higher Ed
In this video, you will learn to create our first React application, be guided through the process of setting up a basic React project and understanding the structure of a React application. You will learn to create and render React...
Instructional Video6:21
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Introduction to React.JS

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

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Conclusion-2

Higher Ed
In this video, we will recap and summarize the key concepts and topics covered throughout the JavaScript section and look at a comprehensive overview of the important aspects of JavaScript, including variables, functions, control flow,...
Instructional Video4:59
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Insert Adjacent Element and Insert Adjacent HTML

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

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Children Nodes

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

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Parent Nodes

Higher Ed
This video focuses on traversing the DOM tree to access the parent nodes of elements. You will learn about the parentNode property to navigate to the immediate parent of an element, useful for traversing up the DOM tree, finding specific...
Instructional Video8:00
Curated Video

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

Higher Ed
In this video, we will discover the classList property and its associated methods, which provide a convenient way to manipulate CSS classes on elements, how to add, remove, toggle, and check for the presence of specific classes using...
Instructional Video3:41
Curated Video

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

Higher Ed
This video dives into the concept of event capturing in JavaScript. You will learn about the useCapture parameter in the addEventListener method and how it affects the order in which event handlers are triggered during event propagation....
Instructional Video3:41
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - addEventListener (Events)

Higher Ed
In this video, we will explore the addEventListener method to attach event handlers to elements. You will learn to listen for and respond to various events, such as clicks, mouse movements, keyboard input. Understanding event handling is...
Instructional Video5:37
Curated Video

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

Higher Ed
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...
Instructional Video9:14
Curated Video

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

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

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

Higher Ed
In this video, we will explore the Date object and its methods in JavaScript. We will discover functions such as getDate, getMonth, getFullYear, and getTime, which retrieve and manipulate different aspects of dates and times, and format...
Instructional Video7:37
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Math Method - Part 2

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

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Math Method - Part 1

Higher Ed
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...
Instructional Video8:06
Curated Video

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

Higher Ed
In this video, you will learn about the various Number methods available in JavaScript, which include isNaN, isFinite, toExponential, and toPrecision, among others. We will understand how to use these methods to perform operations on...
Instructional Video10:31
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - String Methods - Part 3

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

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - String Methods - Part 2

Higher Ed
Continuing from the previous video, this part focuses on additional string methods such as trim, split, replace, concat, and charAt, and how to use these methods to perform operations such as removing whitespace, splitting strings into...
Instructional Video5:25
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - String Methods - Part 1

Higher Ed
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.
Instructional Video10:15
Curated Video

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

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

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Slice and Splice Methods

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