Curated Video
Modern JavaScript from the Beginning - Second Edition - Webpack Basic Setup
This video covers how to set up Webpack, a popular module bundler, for a basic project. The video explains how to install and configure Webpack, how to create a simple configuration file, and how to use Webpack to bundle our code. This...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Filter and Reset
In this video, we will implement a filter functionality for the meals and workouts in the Tracalorie app. We will add an input field that filters the items based on their name and update the UI accordingly. We will also add a reset...
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 - 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 - DOM Get Methods
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...
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 - 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 - Pseudo-Elements
In this video, we will uncover the magic of CSS3 pseudo-elements and learn to create dynamic and engaging content. We will discover pseudo-elements such as ::before and ::after, and understand how they can be used to insert content...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Pseudo-Classes part 2
In this video, we will continue exploration of CSS3 pseudo-classes and dive deeper into the world of advanced styling. You will learn about pseudo-classes such as :first-child, :nth-child, and :last-child, and understand how they can be...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Float
In this video, we will delve into CSS3's float property and learn to create floating elements that can be positioned to the left or right of their containing elements. We will understand the intricacies of the float property and its...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Overflow
In this video, we will master the art of handling overflow in CSS3 and learn to control the behavior of content when it exceeds the dimensions of its container. We will discover how to handle overflow with properties such as overflow-x...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Z-Index
In this video, we will unlock CSS3's z-index property and understand how to control the stacking order of elements on your webpages. You will learn to layer elements and ensure that they overlap and display correctly, enhancing the depth...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Font Family
In this video, we will dive into the realm of fonts with CSS3's font-family property. We will explore the different font options available and learn how to specify font families for text content and utilize web-safe fonts and include...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Text Spacing
In this video, we will master the art of adjusting letter and word spacing with CSS3's letter-spacing and word-spacing properties. We will explore the impact of these properties on the readability and aesthetics of your text and learn to...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Text Transform
In this video, we will discover the power of text transformation using CSS3's text-transform property. You will learn to convert text to uppercase, lowercase, or capitalize the first letter of each word, and apply these transformations...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Text Decoration
In this video, we will explore the world of text decoration in CSS3 and learn how to enhance your text with underline, overline, line-through, and other decorative styles. We will discover how to customize the appearance of text...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Text Alignment
In this video, you will learn how to control the alignment of text in your webpages using CSS3. We will discover the various text alignment options available, such as left, right, center, and justify, and how to apply them to different...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Margin and Padding
In this video, we will explore the margin and padding properties in CSS3 and how they affect the spacing around elements. You will learn to set margins and padding values for individual sides or all sides and understand the box model and...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Background
In this video, we will explore the background property in CSS3 and learn how to apply background colors, images, and other properties to elements. You will learn to control the positioning, repeat, and size of backgrounds.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Selectors and Colors in CSS3
In this video, we will dive into the world of selectors and colors in CSS3, different types of selectors, and how they can be used to target specific HTML elements. We will explore the wide range of color options available in CSS3.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Types of CSS3
In this video, you will learn about the different types of CSS3 in this video. Explore inline, internal, and external stylesheets and understand when and how to use each type effectively. We will gain insights into the advantages and...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Form Tags
In this video, you will learn to create HTML forms using the form tags. We will understand the role of form elements, such as input fields, checkboxes, radio buttons, and buttons, in collecting user input.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - What Are Table Tags?
In this video, you will learn about table tags and their role in creating structured data presentations. We will discover the use of table tags, including elements such as th, tr, and td, to organize data into rows and columns.