CS257 Software Design
Monday, 31 October 2022 (Boo!)

CALENDAR SUMMARY

WEEK 8: web dev basics + project designs
M 10/31 - HTML/CSS recap, lab
W 11/2 - Javascript lab (watch the video first!)
Th 11/3 - Web app mockups due
F 11/4 - Accessibility readings; API design principles;
           more on Flask implementation
Su 11/6 - Web app API & database design due
           before class time on Monday

WEEK 9: work on project + special topics
M 11/7 - Feedback on each other's API and DB designs
W 11/9 - Usability principles (readings from "About Face")
         End-to-end setup due
F 11/11 - Security, etc.

WEEK 10 AND FINALS
M 11/14 - Web app first draft due
W 11/16 - Questions, recap, and story time
        - Web app first draft code reviews due
M 11/21 - Web app final version due (5:00PM)


+ Today
- HTML/CSS recap
- HTML/CSS lab
- HTML/CSS notes
    - Browsers are super-forgiving of syntax errors
    - I should add a new "validator" section to 
        the lab page to talk about validation inside
        VS Code
    - My samples are not intended to look good. They
        are intended to illustrate specific HTML/CSS techniques
    - Browsers have extremely powerful developer tools built-in
    - Quoc can show you cool VS Code capabilities
        ("Emmett"--built in to VS Code)


==== Stuff for Jeff to remember ====
- call attention to the browser's debugger
- figure out how to do html edit and display in vscode
- 127.0.0.1, localhost, not clear what's going on on some people's browsers
    with one or the other
- addEventListener instead of window.onload
- talk about react, angular, vue, etc.
- emphasis on 
    - knowing the order of events when a browser loads a web page
    - what is the DOM and how do CSS and JS work with it?
- many styles of JS (vanilla, jquery, other)
- IDEs generally

- video updates someday
    - vscode instead of terminal + browser
    - more modern JS
- [what's a promise in JS?]
- Use the debugger. Try stuff.