Instructional Video17:10
Curated Video

ASP.NET Core MVC - Cross-Platform Development - Modifying the Homepage

Higher Ed
This video explains how to modify the homepage by changing the snippet. This clip is from the chapter "Manipulating Website Views and Layout" of the series "ASP.NET Core MVC - Cross-Platform Development".This section explains...
Instructional Video9:19
Curated Video

Modern JavaScript from the Beginning - Second Edition - Client Folder Setup

Higher Ed
In this video, we will set up the client folder where we will build the frontend of our app. This clip is from the chapter "RandomIdeas Project - Webpack Frontend (Bonus Project)" of the series "Modern JavaScript from the Beginning".In...
Instructional Video5:10
Curated Video

Modern JavaScript from the Beginning - Second Edition - Babel Setup

Higher Ed
In this video, we will look at how to configure Babel in Webpack to transpile our modern JavaScript code to be compatible with older browsers. You will learn how to install Babel and configure it to work with our Webpack setup. This clip...
Instructional Video5:48
Curated Video

Modern JavaScript from the Beginning - Second Edition - Module Bundlers

Higher Ed
This video explains what module bundlers are and why we need them. It covers how module bundlers work, how they help to optimize our code for production, and the benefits of using a module bundler such as Webpack. This clip is from the...
Instructional Video7:32
Curated Video

Modern JavaScript from the Beginning - Second Edition - ES Modules

Higher Ed
This video covers ES Modules, which is a module format introduced in ES6 (ECMAScript 2015). The video explains how to create and use ES Modules in our code, how to export and import modules using the ES6 syntax, and how to use ES Modules...
Instructional Video6:22
Curated Video

Modern JavaScript from the Beginning - Second Edition - Installing and Using Node.js

Higher Ed
This video covers how to install and use Node.js, a JavaScript runtime environment that allows us to run JavaScript code outside of the browser. The video explains how to install Node.js on different operating systems and shows how to...
Instructional Video2:10
Curated Video

Modern JavaScript from the Beginning - Second Edition - Project Introduction-2

Higher Ed
In this section, you will learn about modules and tooling. We will understand the basics of using Node.js and NPM packages. You will learn about different module formats, such as CommonJS and ES Modules, and how to use them in our code....
Instructional Video3:30
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Building a Calculator - Part 1

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

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

Higher Ed
This video delves into various techniques for conditionally rendering components based on specific conditions or user interactions, if statements, ternary operators, and logical operators for implementing conditional rendering effectively.
Instructional Video5:37
Curated Video

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

Higher Ed
This video provides a comprehensive explanation of the hierarchy concept in React.JS. You will learn how components are structured in a hierarchical manner, with parent and child components, topics such as component composition, passing...
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 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 Video1:46
Curated Video

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

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

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

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

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

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

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Pseudo-Classes part 2

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

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - How to Use Font Awesome Icons

Higher Ed
In this video, we will unleash the power of Font Awesome, a popular icon library, in web design projects, integrate Font Awesome icons into HTML and CSS, and explore the vast collection of scalable vector icons that can enhance the...
Instructional Video6:35
Curated Video

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

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

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Types of CSS3

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

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Uses of CSS3

Higher Ed
In this video, we will discover the various uses of CSS3 in web design. Learn how CSS3 is utilized to control the layout, typography, colors, and visual effects of webpages. We will understand the flexibility and versatility of CSS3 for...
Instructional Video2:41
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Input Attributes (Size, Read-Only, Disabled)

Higher Ed
In this video, we will discover various attributes that can be applied to input fields to modify their behavior and appearance. You will learn to control the size of input fields, make them read-only or disabled, and more.
Instructional Video3:26
Curated Video

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

Higher Ed
In this video, we will discover the video tag in HTML5 and how it enables the embedding and playback of videos on webpages. You will learn about attributes such as src, controls, and autoplay to customize the video player.
Instructional Video1:45
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - What Are Break Tags?

Higher Ed
In this video, we will understand the purpose of break tags in HTML to introduce line breaks and create vertical spacing within your content. You will learn to use break tags effectively for better readability.
Instructional Video2:30
Curated Video

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - What Are Paragraph Tags?

Higher Ed
In this video, we will explore paragraph tags and their significance in structuring and formatting textual content on webpages. You will learn to use paragraph tags to create paragraphs and apply styling using CSS.