search

nature-of-code / noc-book-2

The 2024 edition of The Nature of Code with p5.js. Includes Notion workflow and build system.
https://natureofcode.com
1.11k stars 78 forks source link

Exercise Solution Discussion #1025

Open tuantinghuang opened 3 days ago

tuantinghuang commented 3 days ago

Summary of current exercise formats:

  1. Text + code with fill in blanksScreenshot 2024-10-07 at 16 57 55

  2. Text with a linked sketch as part of the promptScreenshot 2024-10-07 at 16 58 21

  3. Text only (Open question)Screenshot 2024-10-07 at 17 04 20

Mockup design for links to solution

If we are to compile an index page for exercise solutions, here's a proposed design of how we can link to the solution from the exercise, similar to how we have "copy/reveal answer." (Question: Does this link to the solution page, or directly to p5 sketch?)

Screenshot 2024-10-07 at 16 58 08

How to format the solution sketches in Notion?

Similarly to how we attach a sketch to an exercise, can we also place the sketch link as a bookmark in the exercise block , and add a label/callout (ex: web-only) so it renders as a link ("suggested answer") instead of showing the sketch? Also we can use the label to keep track of what we have only for the website, and not included in the printed version.

Something like this maybe?

Screenshot 2024-10-04 at 11 19 19
shiffman commented 3 days ago

This works for me! I think the the "suggested solution" should link directly to a p5.js sketch.

shiffman commented 3 days ago

Noting this is a continuation of the discussion in #55

shiffman commented 2 days ago

So we're going to try the web only tag and implement this!