CS 347 F26 on CS 347

Firefox DevTools

Mon, 01 Jan 0001 00:00:00 +0000

Overview

Most browsers (Firefox, and the lessers too) have some built-in tools to support web developers. Firefox’s are called “DevTools” and they’re pretty great. The most comprehensive documentation for Firefox’s DevTools is in the MDN’s What are browser developer tools?.

Configuring DevTools

The default settings are pretty good, but you may want to make a few of the changes I use.

to find the devtools settings, have the devtools open (e.g. via right clicking in the browser and choosing Inspect), and then click the ellipsis (`...`), and then choose Settings

Rulers

Sometimes it can be helpful to see the dimensions of the viewport.

Prep 02: Django Models and admin from MDN Tutorial Parts 3-4

Mon, 01 Jan 0001 00:00:00 +0000

Continuing to work in the repo you created for Prep 01.

Part 3

Do Part 3 (Models)
Question: what is a migration? did we need any yet? what alternative could there have been? how do they work?! e.g.
1. how does django know what to put in a migration?
2. how does django know which migrations have been applied?
Read “Falsehoods Programmers Believe About Names – With Examples”
1. Based on the points in the article, what (if any) changes might you propose to the models in this Prep?
2. Have you ever been unsure how to enter information about yourself into a computer system?
  1. What information were you trying to enter?
  2. Do you recall what system?
  3. What was the cause of your uncertainty?
  4. (reflect on this personally, and if you have reflections that you wish to share that don’t doxx you, feel free to bring them to in-class discussion)
Consider installing some database tools:
1. GOAT: DBeaver Community (supports pretty much every kind of db ever)
2. db-specific:
  1. DB Browser for SQLite
  2. PGAdmin for PostgresQL (we don’t need the PostgresQL stuff yet)

Best Practices: env files (for repeatability, secrets, and great good)

env files help track configuration information. Often these values may differ on different machines of your own or at least between you and a team member, and likely also between your machine for (local) development and your server(s) in the cloud that hosts your app.

Prep 03: Django Admin Site and Home Page from MDN Tutorial Part 5

Mon, 01 Jan 0001 00:00:00 +0000

Continuing to work in the repo you created for Prep 01, and extended in Prep 02, complete MDN Django Tutorial Part 5.
- Note: Near the end of Part 5, the tutorial fails to mention that if you have had your development server (the one you get with the runserver command) running the whole time you were working on this Part, you’ll have to kill it and start it again before you can expect django to find your new template.
Push your updated code back to the github repo
submit the most recent commit URL to the gradescope assignment.

Possible Project Ideas

Mon, 01 Jan 0001 00:00:00 +0000

This page is under construction, and undergoing frequent updates. Please check back soon for more ideas. If an idea has no “client” it doesn’t mean no one cares, it means it’s the default care-a-lot: Dr. Stewart.

1. Scanner/Gallery

Some parents/guardians have kids/charges/wards. In some of these contexts, those children may create a lot of art or other artifacts that demonstrate their recent schoolwork. What if there was a web app that kids could use on a tablet that: