Course Highlights
  • By the end of this course, you will have a basic & thorough understanding of HTML & CSS
  • Upon completion, you will have coded a handful of useful HTML & CSS examples
  • In the last section of this course, you focus on building a beautiful, semantic, HTML & CSS web page
  • By the end of this course, you will have impressed yourself, and will be able to hit the ground running with your newly acquired skillset
  • Start building beautiful websites by hand
  • Build a portfolio website, so you can highlight your best web work
  • Get the ball rolling for a career in web design
  • Begin your career as a web developer
Skills you will learn!
Curriculum

12 Topics
Welcome & What We're Learning
What is HTML & CSS?
HTML Tags Attributes & Elements
Best Practices for Naming Files & Folders
File & Folder Naming Conventions
How to Organize Your Website Files & Folders
Typical Website File & Folder Structure
Pro Tip: Keep Your Production Files!
Managing Your Production Files
Modern Tools for the Modern Web Developer
Tools of the Trade
HTML Quiz

11 Topics
Starting Your First Web Page
The Doctype
The Basic Structure of an HTML Document
Page Title
Headings
Paragraphs
Emphasis & Strong Emphasis
HTML Parent/Child Structure
Get Your Hands Dirty!
HTML Foundations Coding Excercise
HTML Foundations Quiz I

7 Topics
Hyperlinks
Lists
Images
Address
Get Your Hands Dirty!
HTML Coding Excercise II
HTML Foundations Quiz II

6 Topics
Tables
Forms
HTML Special Characters
Get Your Hands Dirty!
HTML Tables Excercise
HTML Foundations Quiz III

10 Topics
IDs & Classes
Span & Div
Header & Footer
Nav Section & Article
Aside
Time
Abbreviations & Quotes
Get Your Hands Dirty!
HTML Foundations Quiz IV
HTML Foundations Exercise IV

9 Topics
The Style Rule
Inline styles
Internal styles
External styles
CSS Selectors Properties & Values
Inheritance of Styles
Pixels Percentages Points & Ems!
Get Your Hands Dirty!
CSS Foundations Quiz I

7 Topics
ID Selectors
Class Selectors
Descendant Selectors
Grouping Selectors
Get Your Hands Dirty!
Get Your Hands Dirty — Minor Update
CSS Foundations Quiz II

9 Topics
The Box Model
Colours (or Colors)
Text Styling & Formatting
Sexy Typography
Borders
Background Images
Styling Forms
Get Your Hands Dirty!
CSS Foundations Quiz III

8 Topics
Styling Links
Block & Inline Elements
Float & Clear
CSS Positioning
CSS Specificity
Get Your Hands Dirty! (Part1)
Get Your Hands Dirty! (Part 2)
CSS Foundations Quiz IV

15 Topics
Final Website Walk Through
About the Course Files
HTML: Coding the Header & Hero
HTML: Coding the General Content
HTML: Coding the News & Events
HTML: Coding the Footer
CSS: Adding Normalize.css
CSS: General Styles & Typography
CSS: Styling the Header
CSS: Styling the Hero
CSS: Styling the General Content
CSS: Styling the News & Events
CSS: Styling the Footer
The Finished Product & Conclusion
Bonus Lesson: Where Do I Go From Here?

  Write a Review

Build Websites from Scratch with HTML & CSS

Go to Paid Course