Mon	Tue	Wed	Thu	Fri
Aug 23 Friday before class	Aug 24	Aug 25	Aug 26	Aug 27
Aug 30 Day 1: Overview Handout: Interaction Design basics (usability.gov) HW 1: First readings assigned	Aug 31	Sep 01 Day 2: HTML/Forms/HTTP Preparation: Pre-class videos Reading: Design of EDT, Chapters 1 & 2 In-class Assignment: HTML, Forms, and HTTP Due at noon on Gradescope: HW 1	Sep 02 HW 2: assigned	Sep 03
Sep 06 Labor Day	Sep 07	Sep 08 Day 3: CSS (style sheets) Preparation: Pre-class videos Reading: Don't make me think, Chapters 1, 2, & 3 Mac HIG: Chaps 1 & 2 Handout: Lab Group Form In-class Assignment: CSS Lab: Lab 1: UI Design (HTML+CSS only) HW 3: assigned Due at noon on Gradescope: HW 2	Sep 09	Sep 10
Sep 13 Day 4: CSS (layout) Preparation: Pre-class videos Reading: Mac HIG: Chapter 3 Don't make me think, Chapters 8 & 9 In-class Assignment: CSS Layout (solution) HW 4: assigned Due at noon on Gradescope: HW 3	Sep 14	Sep 15 Day 5: Javascript basics Preparation: Pre-class videos Reading: Design of EDT, Chapter 3 Universal Principles of Design Lidwell, Holden, Butler Handout: python-js-cheat-sheet.pdf In-class Assignment: JavaScript HW 5: assigned Due at noon on Gradescope: HW 4	Sep 16	Sep 17
Sep 20 Day 6: React (Intro) Preparation: Pre-class videos Reading: Shitty First Drafts, Anne Lamott Handout: Publish React app to GitHub Pages in WebStorm In-class Assignment: First React App Lab: Lab 2: React app (create/delete/complete/edit) HW 6: assigned Due at noon on Gradescope: HW 5	Sep 21	Sep 22 Day 7: React (Components, Properties, & State) Preparation: Pre-class videos Reading: Zen of Palm Handout: React State Hooks In-class Assignment: React Components Due at noon on Gradescope: HW 6	Sep 23 Due 11PM: Lab 1	Sep 24
Sep 27 Day 8: React (Events and useMemo) Preparation: Pre-class videos Reading: Design of EDT, Chapter 4 In-class Assignment: React components No HW due	Sep 28	Sep 29 Day 9: React (Making changes to data) Preparation: Pre-class videos Reading: Don't make me think, Chapter 4 In-class Assignment: React: changing data HW 7: assigned No HW due	Sep 30	Oct 01
Oct 04 Day 10: React (Tabs and Dialogs) In-class Assignment: Tabs and Alerts/Dialogs No videos	Oct 05	Oct 06 Day 11: NoSQL Databases in the Cloud (1/2) Preparation: Pre-class videos Reading: Design of EDT, Chapter 5 In-class Assignment: Firestore DB Design HW 8: assigned Due at noon on Gradescope: HW 7	Oct 07	Oct 08
Oct 11 Day 12: Work on Lab 2 in-class Preparation: Reading: Mac HIG: Chapter 6: Dialog Boxes Don't make me think, Chapter 5: Omit Needless Words Due at noon on Gradescope: HW 8	Oct 12	Oct 13 Day 13: NoSQL Databases in the Cloud (2/2) Preparation: Pre-class videos In-class Assignment: Using Firestore Lab: Lab 3: Deadlines/priority/cloud storage	Oct 14 Due 11PM: Lab 2	Oct 15
Oct 18 Fall break	Oct 19 Fall break	Oct 20 Day 14: Work on Lab 3 in-class HW 9: assigned	Oct 21	Oct 22
Oct 25 Day 15: Responsive Design Preparation: Pre-class videos Reading: Don't make me think, Chapter 10: Mobile Don't make me think, Chapter 11: Usability as Common Courtesy Don't make me think, Chapter 12: Accessibility and you Guidelines for Accessible and Usable Web Sites: Observing Users Who Work With Screen Readers In-class Assignment: Responsive Design Due at noon on Gradescope: HW 9	Oct 26	Oct 27 Day 16: Accessible Applications Preparation: Pre-class videos In-class Assignment: Accessibility HW 10: assigned	Oct 28	Oct 29
Nov 01 Day 17: Elm: functional UI programming (1/2) Preparation: Pre-class videos Reading: Design of EDT, Chapter 6 Handout: Elm Counters example on CodePen.io In-class Assignment: Elm Due at noon on Gradescope: HW 10	Nov 02	Nov 03 Day 18: On Design (Guest lecturer: Dr. Lee-Anne Milburn) Handout: Lecture slides Recorded Lecture Video Lab: Lab 4: Multiple lists/accessible/responsive HW 11: assigned	Nov 04 Due 11PM: Lab 3	Nov 05
Nov 08 Day 19: Elm: functional UI programming (2/2) Preparation: Pre-class videos Reading: Design of EDT, Chapter 7 In-class Assignment: Elm Due at noon on Gradescope: HW 11	Nov 09	Nov 10 Day 20: Work on Lab 4 in-class HW 12: assigned	Nov 11	Nov 12
Nov 15 Day 21: Authentication and Authorization Preparation: Pre-class videos Reading: The $300 Million Button Mac HIG: Chapter 8: Icons Mac HIG: Chapter 9: Color In-class Assignment: Authentication & Authorization: Firestore Lab: Lab 6 (extra credit): Native mobile application Due at noon on Gradescope: HW 12	Nov 16	Nov 17 Day 22: Work on Lab 4 in-class Lab: Lab 5: Login/shared lists	Nov 18	Nov 19
Nov 22 Day 23: Redux and Intro to Mobile Applications (see Sakai for Zoom link) Preparation: Pre-class videos In-class Assignment: Redux Due 11PM: Lab 4	Nov 23	Nov 24 Thanksgiving break	Nov 25 break	Nov 26 break
Nov 29 Day 24: Work on Lab 5 over Zoom (see Sakai for link) Preparation: Reading: Mac HIG: Chapter 10: Behaviors Mac HIG: Chapter 11: Language HW 13: assigned	Nov 30	Dec 01 No class today	Dec 02	Dec 03
Dec 06 Day 25: Optimize your Engineering Life Preparation: Reading: Don't make me think, Chap 13: Guide for the perplexed Handout: Slides Due at noon on Gradescope: HW 13	Dec 07	Dec 08 Day 26: Optimize your Financial life Handout: Slides Final for students in both sections handed out	Dec 09 Due 11PM: Lab 5	Dec 10
Dec 13	Dec 14	Dec 15	Dec 16 Due 11PM: Lab 6 (extra credit)	Dec 17 Final for students in both sections PDF available 12/8/2021, due on Grade­scope 12/17/2021 by 5 PM

---

CS 124 (Interaction Design) home // Last updated Fri Dec 10 07:00:09 PST 2021