Modern HTML & CSS From The Beginning (Including Sass)

Modern HTML & CSS From The Beginning (Including Sass)

image description

What you will learn

  • Build Multiple High-Quality Website & UI Projects
  • HTML5 Semantic Layout & CSS Fundamentals
  • Flexbox & CSS Grid Projects
  • CSS Variables, Transitions, Dropdowns, Overlays & More
  • Website Hosting & Deployment With FTP & Git
  • All Skill Levels


Section 1: Introduction

Section 2: HTML Basics

Section 3: CSS Basics

Section 4: Hotel Website

Section 5: Intro To Responsive Layouts

Section 6: Intro To Flexbox

Section 7: EdgeLedger Website (Flexbox)

Section 8: Website Deployment - Shared Host

Section 9: More CSS Concepts - Advanced Selectors, Animation & More

Section 10: Mini Projects With Keyframes, Transitions, etc

Section 11: CSS Grid

Section 12: NewsGrid Website

Section 13: Website Deployment With Netlify (FREE)

Section 14: Where To Go From Here

Course Description

Build modern responsive websites & UIs with HTML5 & CSS3 including Flexbox and CSS Grid


  • This course is for any developer, beginner to advanced


This course is for both beginners and seasoned developers that want to learn how to build responsive websites and user interfaces with modern HTML5 and CSS3+ technologies like Flexbox and CSS Grid. This course includes hours of both learning & studying sections along with real-life projects. Stop having to rely on frameworks like Bootstrap for your user interface and learn how to create your own layouts and utility classes to build custom responsive websites and app UIs.

The first few sections are tailored for beginners so even if you have never built anything before, you will learn all of the basics. If you already have experience with basic HTML & CSS, just move to section 3 or 4 and get started.

Things We Cover

  • How Websites Work
  • Visual Studio Code Setup, Shortcuts, Live Server & Emmet
  • HTML5 Semantic Layout
  • CSS Fundamentals
  • Responsive Design With Media Queries
  • CSS Units - rem, em, vh, vw, etc
  • Flexbox
  • CSS Grid
  • Animation with Keyframes & Transitions
  • CSS Variables
  • Full Projects & Mini Projects
  • Website Deployment to Shared Hosting & Netlify With Git
  • Much More

Sections on Sass will be being added very shortly!

Who this course is for:

  • From absolute beginner to seasoned developer