Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Switch Statement
In this video, you will learn to use the "switch" statement in JavaScript to simplify the handling of multiple conditions. We will use this control structure to execute different blocks of code based on the value of a variable or an...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Condition Ternary Statement
In this video, we will discover the concise and compact syntax of the ternary statement in JavaScript. We will use this shorthand form to write conditional expressions with a quick and easy-to-read format.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - If Else Statement
In this video, we will explore the "if else" statement in JavaScript, which allows to provide alternative code to be executed when the initial condition is false. We will expand our control over program execution by defining different...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Advanced console.log
In this video, we will explore the advanced features and functionalities of the "console.log" method in JavaScript, how to format console output, use placeholders and substitutions, and log multiple values in a single statement.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Global and Local Var in JavaScript
In this video, we will dive deeper into variable scopes and understand the differences between global and local variables in JavaScript. You will learn how global variables can be accessed and modified from anywhere in code and discover...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - How to Use HTML Tags in JavaScript
In this video, you will learn to leverage the power of JavaScript to manipulate and interact with HTML elements and how to access HTML tags using JavaScript and modify their content, attributes, and styles dynamically.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - JavaScript Implementation
In this video, we will explore the various ways to implement JavaScript in web projects and how JavaScript can be embedded directly within HTML code or referenced externally in separate JavaScript files.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Media Queries
In this video, you will learn how to use media queries in CSS3 to apply specific styles based on the characteristics of the device or viewport. We will understand how to create responsive designs that adapt to different screen sizes,...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Flexbox
In this video, we will explore the flexible box layout module, Flexbox, in CSS3. We will understand how to create flexible and responsive designs by arranging elements along a single axis or multiple axes. You will learn to leverage...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Grid System
In this video, we will discover the power of CSS Grid for creating responsive layouts. You will learn to create grid-based designs that adapt to different screen sizes and devices, allowing your website to be visually appealing across...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Box Shadow
In this video, we will master the box shadow property in CSS3 to add depth and shadow effects to elements. You will learn to control the size, spread, and color of the shadow to create visually appealing designs with depth and dimension.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Border-Radius
In this video, we will explore the border-radius property in CSS3 and learn to create rounded corners for elements. We will discover different techniques to customize the radius and achieve various design styles.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Opacity and Important
In this video, you will learn how to adjust the opacity of elements in CSS3 using the opacity property. We will understand how to make elements transparent or semi-transparent to create interesting visual effects.
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 - Pseudo-Classes Part 1
In this video, we will discover the power of pseudo-classes in CSS3 and learn to target elements based on specific states or interactions. We will explore commonly used pseudo-classes such as :hover, :active, and :focus, and understand...
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 - Positions
In this video, we will dive into the world of CSS3 positioning and understand how to precisely place elements on your webpages. You will learn about static, relative, absolute, and fixed positioning, and discover how to use them to...
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 - Borders
In this video, we will discover the border property in CSS3 and learn how to style borders around elements. Explore different border styles, widths, and colors. We will understand how to create rounded corners and border effects.