Skip to content

# learn

Interactive educational instruments that show how things work, step by step.

## Networks and protocols

4 labs

- Identity Flow Visualizer · Walk a SAML or OIDC login step by step: decode every redirect, token, and validation.
- Route & Longest-Prefix-Match Visualizer · Forward an address through an editable routing table.
- TCP Handshake Animator · Walk the TCP state machine one segment at a time, and watch both endpoints change state.
- TLS Handshake Inspector · Step a TLS 1.3 handshake, decode the cipher suite, and walk the whole HKDF key schedule.

## Cryptography and hashing

3 labs

- Cryptography Lab · A 12-tab lab, Vigenère to Enigma: classical ciphers, modern primitives, hashes and KDFs.
- Hash Avalanche Visualizer · See the hash avalanche effect: how a one-character change flips half the output bits.
- Steganography Laboratory · Read the bit planes of a file, get a χ² verdict on hidden data, and embed or extract a payload.

## Systems and data

5 labs

- Compression Explorer · Step a greedy LZ77 encoder byte by byte: see the window, matches, and the size it saves.
- Formal Logic Compendium · Build a formula from pickers: full truth table, tableau and verdict, quantifiers in a finite model, checked proofs, and modal logic on a frame.
- Git DAG Simulator · Run commit, branch, checkout and merge, and watch the commit graph each one builds.
- PM-16 Micro-CPU · Assemble, single-step and watch a 16-bit CPU run. Predict the flag change before you step.
- Unix Signal Visualizer · Send signals to a process tree and watch them handled, ignored, blocked, or take default action.

## Interface and workflow

2 labs

- Design System Lab · Take the site's own visual/colour design system apart.
- Keyboard Shortcut Trainer · Drill shortcuts across application profiles: perform the task, get graded. Improve.