ekke 3ca6d72c98 Training exercises: illustrate the steps in topics 1 and 2 ...

A peer review asked for pictures showing what a trainee should be seeing.
Fifteen figures added, each under the step it illustrates, with a caption.

Topic 1 (ten): the terminal after npm run dev; the application as it opens,
with the Distance button, the Settings arrow and the right-panel arrow
numbered; the dock with Distance off and on; the dock in dark mode; the
console session of exercise 3; the Settings panel with the Measurement
System switch; what fetch returns and the 200-with-HTML trap; the
click-to-screen chain; the distance label on the map; the Messages list.

Topic 2 (five): the three places a change can be; fast-forward versus a
merge commit; the conflict markers annotated; what .gitignore reaches and
what it does not; the sequence when a key is pushed.

The screenshots are captures of the application running from this source at
double resolution; the console figure is real output, which corrected a
mistake in the making — a module's exports list alphabetically, not in file
order, and the figure now says so.

Left out for now, to be added when someone can capture them: the developer
tools panels (Network, Elements, Sources at a breakpoint) and the Gitea
pages, neither of which can be photographed from here. The Analyse panel's
statistics list is also missing, since it needs district data from the
server.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

2026-09-29 08:45:32 +02:00

5.7 MiB

Raw History

View Raw