Week 1: Mobile-first HTML/CSS

A comprehensive introduction to full-stack development, strategies for excelling in this course, and foundational skills for building mobile-first frontends using HTML and CSS with the 12-column layout.

In this lecture, we will learn:

Why...

  • Are there 3 separate layers when creating a webpage (Structure, Style, Behavior)?
  • Do we follow a style guide when writing HTML/CSS?

How to...

  • Create a page based on a design mockup
  • Make a responsive website using the 12-column layout
  • Use Chrome Devtools to inspect, debug, and test layout issues
Lecture Slides