Week 1: Mobile-first HTML/CSS

An introduction to full-stack development; How to succeed in this course; Creating mobile-first frontends with HTML and CSS.

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