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 websiteThen we dive deep into every aspect of HTML. Starting with the basic HTML Syntax and Structure.Text Elements and how to Format Text in HTMLThen 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 codeCSS SelectorsStyling Text using CSSColors (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 CSSOrdered and Unordered ListsDisplays (Inline, Block and None). We'll also touch of the Visibility property and OpacityThe Box Model (Width, Height, Padding, Border Margin)The Div ElementShadows (Box Shadows and Text Shadows)CSS Positions (Static, Relative, Absolute, Fixed, Sticky), and Z-IndexHTML Semantic Elements/TagsCSS 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 pointWe'll deploy or Put Our Website Online once we're done building itWe start the **Section Four** by learning about CSS Variables.Media Queries and Responsive DesignTables, and more.FlexboxFormsGridTransitionsKeyframes and AnimationsHow 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