Spring 2022 Course Schedule

Monday Lecture

Wednesday Lecture

Thursday/Friday Lab

Jan 24

Course overview

Go over the Syllabus and introduction to web design.

Jan 26

Internet and Browsers
Chapter 1.1-1.3
  • What is web design?
  • Browser vs. server
  • Browser history/popularity
  • HTML vs. CSS vs. Javascript
  • Internet vs. WWW
  • Frontend vs. backend
  • Darknet, VPNs, https

Jan 27-28

Lab 0 - on your own
Designing Systems

Jan 31

History and Fundamentals
Chapter 1.4-1.7
  • URL breakdown
  • How sites are viewed
  • Accessibility
  • Site performance
  • Basic HTML document

Feb 2

Semantic markup
Chapter 2.1-2.3
  • How to create a replit
  • Basic HTML file structure
  • HTML elements and attributes
  • Block vs. inline elements
  • Power of style sheets (CSS)

Feb 3-4

Lab 1 (Thursday)
HTML Documents & Structure

Feb 7

Lists
Chapter 2.4
  • Lists
  • Nested tags
  • Screenreader demo

Feb 9

Hyperlinks
Chapter 2.7-2.8
  • Format
  • Directory structure
  • Internal vs external link

Feb 10-11

Lab 1 (Friday)
HTML Documents & Structure

Feb 14

Images
Chapter 2.6
  • Image tag
  • Image size
  • Aspect ratio

Feb 16

Tables
Chapter 2.5
  • Table structure
  • colspan and rowspan
  • Formatting attributes

Feb 17-18

Lab 2
Hyperlinks & Images Structure

Feb 21

Tables/Forms
Chapters 2.5, 3.1-3.4
  • Table Practice
  • Forms format

Feb 23

Forms
Chapters 3.2-3.4
  • Form widgets
  • Form practice
  • cell spacing vs cell padding

Feb 24-25

Lab 3
HTML Containers and Forms

Project 1 due 11:59pm March 11th

Project 1 description

Feb 28

Friday snow day make-up lab

Mar 2

No Class
SIGCSE conference

Mar 3-4

Lab 5 (on own)
Digital Multimedia
SIGCSE conference

Mar 7

Containers/Accessibility for Tables and Forms
Chapter 3.1-3.4
  • Span vs div
  • Class vs id
  • Form practice

Mar 9

Audio/Video/Copyright
Chapter 3.5

Mar 10-11

Lab 4
Forms, Images, and Tables

Mar 14

CSS intro
Chapter 4.1-4.2

Mar 16

CSS Colors/HTML Practice

Mar 17-18

Midterm Exam

Mar 21

No Classes
Spring Break

Mar 23

No Classes
Spring Break

Mar 24-25

No Lab
Spring Break

Mar 28

Colors, palettes, and cultural interpretation of colors

Mar 30

CSS Box Model

Mar 31-Apr 1

Lab 6
CSS: Text, Colors & Backgrounds

Apr 4

Iterative refinement of a site/variables

Apr 6

CSS Positioning: flexboxes
Chapter 5.1-5.3

Apr 7-8

Lab 7
CSS: Boxes, Display Concepts, and Flexboxes

Apr 11

CSS Positioning: Display, float

Project 2 due 11:59pm April 12th

Project 2 description

Apr 13

Styling and CSS
Chapter 5.6

Apr 14-15

No Lab
Easter Break

Apr 18

No Classes
Easter Break

Apr 20

Transistions
Chapter 5.4-5.5

Apr 21-22

Lab 8
CSS Design Techniques

Apr 25

Don't Make Me Think
Chapters 1-5
Discussion of the "guiding principles" of design

Apr 27

Don't Make Me Think
Chapters 6-9
Discussion of the "things you need to get right" in design.

Apr 28-29

Final Lab Practical

May 2

Coded Bias

Project 3 due 11:59pm May 2nd

Project 3 description

May 4

Coded Bias
Discussion of algorithmic bias

May 5/6

No Lab
Academic Celebration