Curated Video
The Art of Doing - Web Development for Beginners - Final CSS Project Preview
In this video, we will have a quick preview of our final CSS project, which involves building a website for a club, organization, team, and so on. We will discuss the required pages, HTML structure, and semantic elements that should be...
Curated Video
The Art of Doing - Web Development for Beginners - CSS Animations
In this video, we will delve into CSS animations, which are more complex and versatile than transitions. You will learn how to define animations using keyframes and bind them to elements. We will explore the differences between...
Curated Video
The Art of Doing - Web Development for Beginners - Debugging an Issue
In this video, we will solve the issue where we couldn't center-align an image in the Flexbox layout. You will learn how to troubleshoot and debug common layout issues in CSS and implement the necessary changes to achieve the desired...
Curated Video
The Art of Doing - Web Development for Beginners - Search Engine Project Part 3
In this video, we will give style to our search engine name "Eramoogle", just like Google. You will learn how to add custom styles to text elements and align them according to the desired layout. This clip is from the chapter "CSS Layout...
Curated Video
The Art of Doing - Web Development for Beginners - Search Engine Preview
In this video, we will take a quick preview of our project. You will learn how to create your own search engine layout, mimicking Google. This includes creating a thematic header, a search section, a news section with thumbnails for news...
Curated Video
The Art of Doing - Web Development for Beginners - Flexbox Basics
In this video, we will explore the fundamentals of Flexbox, a powerful CSS layout system that allows you to create one-dimensional layouts along the horizontal or vertical axis. You will learn how to set up the Flex containers and use...
Curated Video
The Art of Doing - Web Development for Beginners - Store Front Two Project Part 3
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...
Curated Video
The Art of Doing - Web Development for Beginners - The Display Property: Block Values
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...
Curated Video
The Art of Doing - Web Development for Beginners - Styling Lists and Tables
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...
Curated Video
The Art of Doing - Web Development for Beginners - Styling Text
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....
Curated Video
The Art of Doing - Web Development for Beginners - Store Front Project - Part 1
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...
Curated Video
The Art of Doing - Web Development for Beginners - Store Front Preview
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...
Curated Video
The Art of Doing - Web Development for Beginners - Defining Color
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...
Curated Video
The Art of Doing - Web Development for Beginners - Defining Font Size
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...
Curated Video
The Art of Doing - Web Development for Beginners - Defining Element Width
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...
Curated Video
The Art of Doing - Web Development for Beginners - Writing CSS Rules
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...
Curated Video
The Art of Doing - Web Development for Beginners - Final HTML Project - Part 3
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...
Curated Video
The Art of Doing - Web Development for Beginners - Final HTML Project - Part 2
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,...
Curated Video
The Art of Doing - Web Development for Beginners - Final HTML Project Preview
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...
Curated Video
The Art of Doing - Web Development for Beginners - Nav, Article, and Section
In this video, we will continue our discussion of semantic HTML by covering the
Curated Video
The Art of Doing - Web Development for Beginners - Organized Collectors Project - Part 2
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...
Curated Video
The Art of Doing - Web Development for Beginners - Organized Collectors Preview
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....
Curated Video
The Art of Doing - Web Development for Beginners - Inline Containers with span Tags
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...