HTML & CSS Full Course: From Beginner To Pro

Name: HTML & CSS Full Course: From Beginner To Pro
Rating: 4.8 (20 reviews)

"Every Beginner's Favorite" ⭐ - Become a HTML and CSS warrior with a single course

Created byFaithtuts Academy

Last updated 7/2021

English

English [Auto],

What you'll learn

Use HTML & CSS to setup a warrior website from scratch
Learn how to use HTML Tags/Elements to structure a web page
Learn how to style HTML Elements with CSS
Learn how to write good, clean CSS codes
Learn how to make your website responsive with Media Query

Course content

4 sections • 24 lectures • 4h 22m total length

Course Introduction4:56
Choosing A Text Editor To Write HTML and CSS Codes6:50
Compare text editors for html and css, such as visual studio code and sublime text, and learn to set up a project with index.html and a css file.
Understanding HTML Tags And Elements14:09
Learn the basics of html tags and elements, including the doctype, html root, head, title, and body, and distinguish tag from element while examining common tags like paragraph and headings.
Understanding CSS Selectors And Syntax6:18
Useful CSS Properties Tip14:58
Master essential CSS typography and link styling by applying font-family, font-size, font-weight, color, text-align, line-height, and text-transform, plus styling of a:link, a:visited, a:active, and hover with text-decoration.
HTML List, Input Field And Button4:56
Explore HTML lists and input elements by building a navigation menu with ordered and unordered lists, and a simple email capture form using input elements, including type email and button.
Pre-Project Tips And Information5:57
Plan and build a complete website from scratch by using hero images, header and body sections, a subscription area with input fields, and a reusable container layout to organize content.
The HTML Structure Of Our Project30:56
Quiz

Hexcode & Color Choice Tips7:02
Checking For Device's Width4:07
Fleshing Out the 'Above the Fold'47:46
Flesh out the above the fold by styling the header and hero, using a full-width wrapper, a top border, a background image with overlay, and responsive navigation.
Fleshing Out the Body Section22:15
Learn to style the body contents with CSS, including layout, typography, hover effects, and decorative lines for a polished, responsive web page.
Fleshing Out the Join Us Now Area24:09
Fleshing Out the Footer Section12:07
Style the footer section to be full-width with a black background, 70-pixel height, and flex layout that centers the copyright and spaces two social media icons.
Smooth Scrolling Effect6:28
Link menu items to section IDs (home, about, warriors, join us) to scroll to each area, and apply scroll-behavior: smooth for seamless in-page navigation.
Quiz

Introduction To Media Query8:46
Media Query - Mobile Menu20:19
Build a responsive mobile menu using a checkbox toggle and label to switch between open and close, hiding the desktop menu with media queries.
Media Query - Adjusting The Herotext And Warriors5:13
Use media queries to adjust the hero text and warrior layouts for mobile, resizing font size and line height while refining margins and a column flex arrangement.
Media Query - Adjusting the Input Field And Button5:43
Apply a media query to adjust the input field and button for responsive layouts, widen the container from 70% to 100%, and reduce input and placeholder text to 15px.
Media Query - Adjusting The Footer Elements3:16
Apply media queries to adjust the footer elements, center align copyrights and social icons, and switch from flex rows to columns for a fully responsive, cross-browser website.
Quiz

Summary: Cross Platform Compatibility4:54
Ensure your website looks and behaves the same across major browsers, including Firefox, Chrome, Edge, Explorer, and Safari, with clean coding and container divs.
Thank You Video0:39
Express gratitude to learners for choosing the course and acknowledge their progress from the first video to the end, urging them to design their own hits and CSI websites.
Warriors Website Complete Code Download0:06
Access and download the full and complete warriors project HTML and CSS codes with images via the links provided
End Of Course Project Activity0:32

Requirements

A Laptop or desktop computer
Internet
A Text Editor (Free downloadable resources provided)
Willingness to learn

Description

Are you looking forward to becoming a web developer, designer, or programmer? Or do you want to learn a new skill for yourself and build a portfolio? If that is a Yes, then this course is for you.

HTML and CSS are the two most important languages every potential web designer or programmer out there should learn because they are the fundamental and prerequisite skills that must be in place in other to kick off or set the ball rolling. Also, every website, application, template, or framework has a frontend where people have to interact with, and these frontend designs are at their core mostly done with HTML and CSS, and this course will give you the working knowledge of these two crucial languages.

Why You Should Learn HTML and CSS

HTML and CSS are the foundational and fundamental skills you need to become a web designer, developer, or programmer in any career path.
You need a working knowledge of HTML and CSS to understand and flow with other programming languages easily as well as work with them.
Most frontend applications, CMSs, Frameworks have HTML and CSS at their core.
Most online instructors will already assume you have these fundamental skills when teaching you a different programming language. So it's important you learn it.

Why This Course?

This course will take you from a total newbie to an HTML and CSS warrior! You will not only learn what HTML and CSS is all about, but you will also, at the end of the course have created a beautiful and responsive website from scratch with HTML and CSS and will be on your way to creating other beautiful responsive websites

What This Course Will Teach You

This course will help you get a clear-cut understanding of how websites work
You will know how to use HTML and CSS to structure out web pages
You will learn how to use HTML tags/elements properly
You will learn how to write good, clean CSS codes
You will learn how to make a website responsive (mobile friendly) with media query

Summary:

HTML and CSS are two fundamental skills you need to set the ball rolling as a web designer, developer, or programmer and this course will help you get a practical and working knowledge of both.

Who this course is for:

This course is suitable for complete beginners and intermediate level learners
It is for those who want to kickstart their journey in tech
It is for those looking to become proficient in HTML & CSS
This course is for those who want to become potential web designer, developer or programmer

HTML & CSS Full Course: From Beginner To Pro

What you'll learn

Explore related topics

Course content

HTML & CSS: Course Phase I8 lectures • 1hr 29min

HTML & CSS: Course Phase II7 lectures • 2hr 4min

HTML & CSS: Media Query5 lectures • 43min

HTML & CSS: Course Summary And Complete Code | End of Course Project4 lectures • 6min

Requirements

Description

Who this course is for: