FigJam x Heptabase x Imagineering for course design
Define the learner before and after state in concrete behavioral terms.
You are not teaching React APIs. You are teaching a new way to reason about state, timing, and u...
Show three real UI failure modes that stem from bad mental models.
The same bug keeps reappearing under different names because we have no shared model for intent...
Introduce primitives: state ownership, event timing, and update boundaries.
If we can reason clearly about ownership and timing, complexity becomes composable instead of ch...
Storyboard the model with spatial metaphor and staged reveals.
We are choreographing understanding. Each scene introduces one idea, then immediately proves it...
Learners build a small interactive system while narrating decisions.
Every implementation decision must map to a principle. If it cannot, we pause and redesign.
Insert a believable wrong design and ask learners to debug it publicly.
Great systems thinking is visible when people can explain why a tempting design choice will fail...
Learners ship a transfer task in a new context with constraints.
If the model transfers to a new problem under time pressure, the course has done its job.
Compare the final design back to the opening failure montage.
Show the learner the delta in thinking. This closes the narrative and amplifies confidence.