Instructional Video19:42
Curated Video

The Art of Doing - Web Development for Beginners - Store Front Two Project Part 3

Higher Ed
In this video, we will focus on building the Contact page, which will simulate the process of getting in touch with someone from the company. We will also create a Pricing page that includes a table of prices for the products sold, as...
Instructional Video16:17
Curated Video

The Art of Doing - Web Development for Beginners - The Display Property: Block Values

Higher Ed
In this video, we will delve into the display property in CSS and its block values. You will learn how block-level elements behave in terms of layout and spacing and how we can override their default behavior to create custom layouts...
Instructional Video13:46
Curated Video

The Art of Doing - Web Development for Beginners - Styling Lists and Tables

Higher Ed
In this video, you will learn how to style lists and tables using CSS. We will cover various properties and techniques to customize the appearance of lists and tables, making them visually appealing and user-friendly. This clip is from...
Instructional Video14:18
Curated Video

The Art of Doing - Web Development for Beginners - Styling Text

Higher Ed
In this video, we will explore different CSS properties that can be used to style text, such as changing the font family, font size, font style, and text color. We will also cover text alignment, text decoration, and text capitalization....
Instructional Video16:46
Curated Video

The Art of Doing - Web Development for Beginners - Store Front Project - Part 1

Higher Ed
In this video, we will begin working on the store front project by focusing on the index page. We will create the structure and layout of the page using HTML and then move on to styling it with CSS. We will define five custom colors to...
Instructional Video4:49
Curated Video

The Art of Doing - Web Development for Beginners - Store Front Preview

Higher Ed
In this video, we will create a three-page website for a made-up company. We will design a home page, an about page, and a contact page, all with proper HTML structure and semantic HTML elements. Additionally, we will ensure that each...
Instructional Video11:38
Curated Video

The Art of Doing - Web Development for Beginners - Defining Color

Higher Ed
In this video, we will explore the concept of color and how it is defined. We will start by discussing the different components of color, including hue, saturation, and brightness. Next, we will delve into the color wheel and how it can...
Instructional Video14:26
Curated Video

The Art of Doing - Web Development for Beginners - Defining Font Size

Higher Ed
In this video, you will learn how to define font sizes using different units such as pixels, ems, and rems. We will also understand the difference between absolute and relative font sizes and how to change the font size of child elements...
Instructional Video14:33
Curated Video

The Art of Doing - Web Development for Beginners - Defining Element Width

Higher Ed
In this video, you will learn how to define the element's width using pixel values, percentage values, and viewport units. You will also learn how to define classes for styling different-sized images. This clip is from the chapter "CSS...
Instructional Video16:22
Curated Video

The Art of Doing - Web Development for Beginners - Writing CSS Rules

Higher Ed
In this video, you will learn how to add CSS to our HTML document in the tag and write CSS rules for selecting specific HTML elements. We will also understand how to override specific styling rules and how to make certain HTML elements...
Instructional Video8:34
Curated Video

The Art of Doing - Web Development for Beginners - Final HTML Project - Part 3

Higher Ed
In this video, we will finish building the ninja turtle site by creating individual pages for each turtle (Leonardo, Donatello, Michelangelo, and Raphael). We will cover how to add appropriate content and structure to each page using...
Instructional Video14:00
Curated Video

The Art of Doing - Web Development for Beginners - Final HTML Project - Part 2

Higher Ed
In this video, we will continue working on the main page of the ninja turtle site by creating a new section for enemies. We will also cover how to add links to different sections of the page and how to use appropriate headings,...
Instructional Video4:08
Curated Video

The Art of Doing - Web Development for Beginners - Final HTML Project Preview

Higher Ed
In this video, we will provide an overview of the final project for this section on HTML. You will be tasked with building an HTML-only website using all the techniques and tags covered in the previous videos. We will discuss the...
Instructional Video6:34
Curated Video

The Art of Doing - Web Development for Beginners - Nav, Article, and Section

Higher Ed
In this video, we will continue our discussion of semantic HTML by covering the
Instructional Video6:47
Curated Video

The Art of Doing - Web Development for Beginners - Header, Main, and Footer

Higher Ed
In this video, we will discuss how to use semantic HTML tags such as
,
, and
to organize the structure of your website. We will cover the purpose and usage of each tag and how they can replace the use of
tags...
Instructional Video14:22
Curated Video

The Art of Doing - Web Development for Beginners - Organized Collectors Project - Part 2

Higher Ed
In this video, we will continue our work on the "Collectors" project by organizing the three item pages. Using the same principles of organized HTML, we will improve the structure and appearance of these pages, making them easier to...
Instructional Video4:17
Curated Video

The Art of Doing - Web Development for Beginners - Organized Collectors Preview

Higher Ed
In this video, we will apply the concepts we have learned about organized HTML to our "Collectors" project. Specifically, we will be working on a Pokémon trading web page and restructuring it to improve its organization and appearance....
Instructional Video7:59
Curated Video

The Art of Doing - Web Development for Beginners - Inline Containers with span Tags

Higher Ed
In this video, we will explore the span tag, which is an inline container element that can be used to format specific sections of text with a class or id attribute. We will see how to use the span tag to create visually distinct sections...
Instructional Video9:53
Curated Video

The Art of Doing - Web Development for Beginners - Container Elements with div Tags

Higher Ed
In this video, you will learn about the div tag, which is a powerful container element that can group content together and be targeted later with CSS. We will see how to add class and id attributes to divs to make styling specific...
Instructional Video14:40
Curated Video

JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - Merge All Projects / 310

Higher Ed
This video explains how to merge all the projects that you have done. This clip is from the chapter "Project: notNotion" of the series "JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects".This section explains the project...
Instructional Video13:11
Curated Video

JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - Swipe Library - I / 308

Higher Ed
This video explains the swipe library, which was designed by other developers. This clip is from the chapter "Project: notNotion" of the series "JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects".This section explains the...
Instructional Video15:09
Curated Video

JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - Template Structure (Optional) / 306

Higher Ed
This video explains the modal section of the design. This clip is from the chapter "Project: notNotion" of the series "JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects".This section explains the project on notNotion.
Instructional Video21:31
Curated Video

JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - Template Structure (Optional) / 305

Higher Ed
This video explains the homepage section of the project. This clip is from the chapter "Project: notNotion" of the series "JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects".This section explains the project on notNotion.
Instructional Video13:41
Curated Video

JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - Template Structure (Optional) / 303

Higher Ed
This video explains the structure for the project. This clip is from the chapter "Project: notNotion" of the series "JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects".This section explains the project on notNotion.