Training exercises: topics 5 (ol-ext editing) and 6 (PWA and offline)

Topic 5 follows section 6.5 of the Training Plan: six exercises over about
eight hours, with answers and six figures. The EditBar and the interactions
behind it; draw, modify and transform; selecting one thing or several; undo,
redo and blocks; three faults and how to find them; then the hands-on task —
break the vertex overlay on a branch and reproduce the defect where the first
press of Undo does nothing. All three states of that defect were measured in a
browser and the answers quote the numbers: one entry on the undo stack when
the code is right, six with the recording guard removed, two with the guard
back but the overlay still cleared with clear().

Topic 6 follows section 6.6: six exercises over about eleven hours, with
answers and nine figures. Proving the service worker intercepts; the four
caching strategies and which URL gets which; making a release without leaving
users on stale files; SQLocal, SQLite and OPFS; switching the network off on
purpose; then the hands-on task from the plan — a field_notes table, a
precached reference file, and the whole feature demonstrated with no server
running at all. That solution was written, built and run end to end before it
was printed, and the console figure is that run.

Both documents send the trainee to reproduce a defect that has since been
fixed rather than describing one as live: topic 5 by taking a class off a CSS
selector, topic 6 by merging two guards in the service worker back into one.
Figures retaken from the fixed build.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
ekke 2026-10-01 11:05:31 +02:00
parent 4809ef324a
commit 7ce20bd498
2 changed files with 0 additions and 0 deletions

Binary file not shown.

Binary file not shown.