HTML & CSS Full Course - Build Modern & Responsive Websites

This HTML and CSS Full Course teaches you everything you need to build modern responsive websites from scratch!

What you'll learn
- The aim of this course isn't only to teach you how to build the beautiful websites you see in the intro, but to teach you how to build any website from scratch!
- I will start off by helping you understand what HTML and CSS are, and how they are used together to create websites.
- We will move on to install the two necessary tools (VS Code and Chrome) that we will be using throughout the course.
- From there, we will take a few minutes to get your hands dirty by building a very basic text-based website. For you to know that it's not magic to build website
- Then we dive deep into every aspect of HTML. Starting with the basic HTML Syntax and Structure.
- Text Elements and how to Format Text in HTML
- Then we move on to have a taste of CSS. Starting with the different ways to apply CSS to your HTML Elements.
- How to add Comments to your HTML and CSS code
- CSS Selectors
- Styling Text using CSS
- Colors (RGB, RGBA, HSL, HSLA, Hex, Transparent, Gradients)
- Then we put our knowledge of the first section of this course into test by building a simple website with colors, and different text formatting styles.
- We start the **second section** of this course with Links. We'll learn about External Links, Internal Links, Jump Links, and more.
- Adding Images to your website using HTML. Adding image background to elements and styling Images with CSS
- Ordered and Unordered Lists
- Displays (Inline, Block and None). We'll also touch of the Visibility property and Opacity
- The Box Model (Width, Height, Padding, Border Margin)
- The Div Element
- Shadows (Box Shadows and Text Shadows)
- CSS Positions (Static, Relative, Absolute, Fixed, Sticky), and Z-Index
- HTML Semantic Elements/Tags
- CSS Units (Pixel, Em, Rem, Percentage, CH, VW, VH, VMin, Vmax, and more)
- In the **Third Section**, we'll start off by learning more about VS Code, Emmet, and Extensions to help us code more effeciently.
- We'll learn about Conflict between CSS Selectors, Inheritance, Specificity, !important, and more.
- We'll build a real-world website to test our knowledge on everything we'll learnt up to that point
- We'll deploy or Put Our Website Online once we're done building it
- We start the **Section Four** by learning about CSS Variables.
- Media Queries and Responsive Design
- Tables, and more.
- Flexbox
- Forms
- Grid
- Transitions
- Keyframes and Animations

Requirements
- No prior design or coding experience needed. We are going to start from absolute scratch!
- Computer (laptop or desktop) with any operating system (MacOS, Windows or Linux)

Description
This is a beginner to advanced course on HTML and CSS. In this in-depth course, I teach you everything you need to know in HTML and CSS, and everything in-between, in order for you to be able to create or build any website you want using HTML and CSS. You'll not only learn how to build websites, but how to build websites the right way. You will learn how to build websites that are SEO friendly, accessible to screen readers, performant, responsive on all media, and more!

I will start off with the basics of HTML and CSS, we'll get our hands dirty playing with HTML text elements and how to format them. Then we'll get into how to style our HTML elements on our website using CSS. From there, we'll get into the different topics and concepts in both HTML and CSS progressively to help you understand everything along the way.

We will be building multiple practice projects in everything section of the course. And at the end of each section, we put all we've learnt to test by building real world websites. So this course is filled with projects that will challenge you while helping you get better all along.

You do not need any prior knowledge of programming to get started with this course. All you need is a fairly descent computer and the desire to learn.

The aim of this course isn't only to teach you how to build the beautiful websites you see in the intro, but to teach you how to build any website from scratch!

I will start off by helping you understand what HTML and CSS are, and how they are used together to create websites.

We will move on to install the two necessary tools (VS Code and Chrome) that we will be using throughout the course.

From there, we will take a few minutes to get your hands dirty by building a very basic text-based website. For you to know that it's not magic to build website

Then we dive deep into every aspect of HTML. Starting with the basic HTML Syntax and Structure.

Text Elements and how to Format Text in HTML

Then we move on to have a taste of CSS. Starting with the different ways to apply CSS to your HTML Elements.

How to add Comments to your HTML and CSS code

CSS Selectors

Styling Text using CSS

Colors (RGB, RGBA, HSL, HSLA, Hex, Transparent, Gradients)

Then we put our knowledge of the first section of this course into test by building a simple website with colors, and different text formatting styles.

We start the **second section** of this course with Links. We'll learn about External Links, Internal Links, Jump Links, and more.

Adding Images to your website using HTML. Adding image background to elements and styling Images with CSS

Ordered and Unordered Lists

Displays (Inline, Block and None). We'll also touch of the Visibility property and Opacity

The Box Model (Width, Height, Padding, Border Margin)

The Div Element

Shadows (Box Shadows and Text Shadows)

CSS Positions (Static, Relative, Absolute, Fixed, Sticky), and Z-Index

HTML Semantic Elements/Tags

CSS Units (Pixel, Em, Rem, Percentage, CH, VW, VH, VMin, Vmax, and more)

In the **Third Section**, we'll start off by learning more about VS Code, Emmet, and Extensions to help us code more effeciently.

We'll learn about Conflict between CSS Selectors, Inheritance, Specificity, !important, and more.

We'll build a real-world website to test our knowledge on everything we'll learnt up to that point

We'll deploy or Put Our Website Online once we're done building it

We start the **Section Four** by learning about CSS Variables.

Media Queries and Responsive Design

Tables, and more.

Flexbox

Forms

Grid

Transitions

Keyframes and Animations

How to deploy or put your website on the internet

Who this course is for:
- Absolute beginners with no knowledge of HTML & CSS
- Anyone who wants to master HTML & CSS
- Anyone who wants to learn how to build modern real-world websites using HTML and CSS
More Info