CS257 Software Design
Monday, 19 May 2025

+ Questions
- HTML/CSS
- End-to-end assignment
- ???

+ Skills
- Think about your users' needs
    - User stories
    - Wireframes

- Develop a web app's backend (a.k.a. server side) 
    - Design an API
    - Implement an API using Flask
    - Design a database
    - Implement a database using postgresql
    - Query the database with simple SQL
    - Access a postgresql database from a
        python program using psycopg2
    - Implement an API that accesses a database
        using Flask and psycopg2

- Develop a web app's frontend (a.k.a. client side)
    - Create page mockups using HTML and CSS
----- Now
    - Turn the mockups into pages served by your web
        app by using Flask's jinja2 templating engine
    - Add interactive features to your frontend using Javascript

+ HEY JEFF: get them map and graph samples!

+ Schedule for the rest of the term
- Main features in place: T May 27
- Usability testing: in class W May 28
- Code review: in class F May 30
- Final product due: 5pm June 9


+ Mini-challenge
- Flask app, no javascript
- /home?number=73
- Web page has calming blue background and a big
    "73 squared = 5329" as the only content of
    the page. (And, of course, it should change
    depending on the value of the number.)

+ Debugging Javascript
- Syntax errors
- Breakpoints and stepping through your code