class 7, nov. 3 ๐Ÿ

agenda ๐Ÿ“œ

youโ€™ve finished 3 projects. itโ€™s time to talk about ALL of them.

  1. 1
    ๐Ÿ”ฅ warm-up
  2. 2
    ๐Ÿง‘โ€๐Ÿ’ป javascript!
  3. 3
    ๐Ÿ”ฌ progress reports
  4. 4
    โœ๏ธ due next class

who needs an are.na subscription still?

warm-up ๐Ÿ”ฅ

each week from now on, our warm-up exercises will have these goals:

  1. 1
    get us off our computers before weโ€™re on them for the rest of the day
  2. 2
    wake you up before we start coding
  3. 3
    teach us how to critique, debug, and communicate design and code (to humans AND to ai)

todayโ€™s exercise: how to draw an animal ๐Ÿฆ–

this is a classic computer science exercise thatโ€™s even more relevant in the age of ai.

itโ€™s about giving instructions.

step 1

line up based on how awake you feel.

split into groups of 2 or 3.

step 2

in your group, pick the first animal you see from the random animal generatorโ†—

step 3

draw your animal. as you draw it, write detailed instructions for how to replicate your drawing.

you may NOT use the animalโ€™s name or refer to any body parts of the animal!

your instructions must be entirely text-based! no drawn instructions allowed!

you have 15 minutes.

step 4

pass your instructions to the group to your left.

spend 5 minutes drawing the animal using the instructions.

step 5

once again, pass your instructions to the group to your left.

spend 5 minutes drawing the animal using the instructions.

step 6

one more time, pass your instructions to the group to your left.

spend 5 minutes drawing the animal using the instructions.

step 7

everyone pin everything up. letโ€™s discuss: what techniques produced an accurate result?

in conclusion

when youโ€™re coding, you need specific. this was true for html and css but is especially true for javascript and ai.

this exercise represented what coding javascript is like. using just a basic set of principle ideas, how do you create complex things?

with ai prompting, itโ€™s a bit less intimidating. but a new challenge arises: if you arenโ€™t specific enough, ai will make decisions for you!

javascript! ๐Ÿง‘โ€๐Ÿ’ป

weโ€™re going to switch over to DEMOLANDโ†— now!

progress reports ๐Ÿ”ฌ

you will be presenting your progress reports in groups of 3.

letโ€™s take volunteers for order.

due next class โœ๏ธ

  1. 1
    by the end of todayโ€™s class, you must submit your javascript exercise to this form!โ†—
    • โ†’
      submit even if you got stuck!
  2. 2
    for your next weekโ€™s progress report, focus on the following:
    • โ†’
      having a clear direction of what you want to create or learn through this project
    • โ†’
      producing some sort of prototype in type design
    • โ†’
      producing some sort of prototype in code