Monday Lecture

Tuesday Lab

Wednesday Lecture

Sep 6

No Class
Labor Day

Sep 7

No Lab
First week of classes

Sep 8

Course overview

Go over the Syllabus and introduction to web design.

Sep 13

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

Sep 14

Lab 0 - on your own
Designing Systems

Sep 15

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

Sep 20

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

Sep 21

Lab 1
HTML Documents & Structure

Sep 22

Lists
  • Lists
  • Nested tags
  • Screenreader demo

Sep 27

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

Sep 28

Lab 2
Hyperlinks & Images Structure

Sep 29

Images/hyperlinks
  • Image tag
  • Image size
  • Aspect ratio
  • Hyperlinks

Oct 4

Containers/Forms
Chapter 3.1-3.4

Oct 5

Lab 3
HTML Containers and Forms

Oct 6

Audio/Video
Chapter 3.5-3.8

Oct 11

CSS intro
Chapter 4.1-4.4

Oct 12

Lab 4
Forms, Images, and Tables

Oct 13

CSS selectors

Oct 18

No Classes

Oct 19

No Classes

Oct 20

Font and text properties
Chapter 4.5-4.7

Oct 25

No Class

Oct 26

Work on Project 1

Oct 27

Font/Text continued

Nov 1

Flexbox and Grid layout
Chapter 5.1-5.4

Nov 2

Midterm Exam

Nov 3

Positioning and Special Effects

Nov 8

No Class

Nov 9

Lab 5
CSS and Digital Multimedia

Nov 10

Animation
Chapter 5.5-5.8

Nov 15

Styling and CSS

Nov 16

Lab 6
CSS: Text, Colors & Backgrounds

Nov 17

JavaScript syntax
Chapter 6.1-6.3

Nov 22

JavaScript arithmetic and conditionals

Nov 23

No Lab

Nov 24

No Classes

Nov 29

JavaScript Loops
Chapter 6.4-6.8

Nov 30

Lab 7
CSS: Boxes, Display Concepts, Flexboxes, and Grids

Dec 1

JavaScript Functions

Dec 6

Menus and Chrome extension activity

Dec 7

Lab 8
CSS Design Techniques

Dec 8

Chrome Extension Activity

Dec 13

Last Day of Class
Recap and Review

Project 3 Due

Dec 14

Study for final

Exam week

Final Exam!!