How-to

How to Revise Computer Science Theory

Computer science theory exams test whether you can trace what a structure or algorithm does step by step, not whether you can recite a definition. Here is how to sort CS topics by type, revise each one by tracing state, and turn a topic like hash maps into a short video you test yourself with.
By openCanviz • October 12, 2026

8 min read

To revise computer science theory, stop rereading definitions and start tracing state. Most CS theory questions, in data structures, operating systems, networking and databases, give you an input and ask what happens to it: where the key lands, which process runs next, which packet is sent, which row is locked. So revise each topic by drawing its state, applying one operation at a time, and redrawing. Sort your topics first into mechanisms, definitions, proofs and calculations, because each needs a different method. Then test yourself on worked traces with the notes closed. A short drawn video of each mechanism helps with the structure, but the tracing is what passes the exam.

Sort the syllabus by question type

A CS theory syllabus looks like a list of nouns: hash tables, AVL trees, paging, deadlock, TCP, normal forms. The nouns hide the fact that the questions about them come in four quite different shapes, and you revise each shape differently.

TypeWhat the exam asksExampleHow to revise it
MechanismShow what happens step by stepInsert these keys into a hash table with linear probingTrace by hand, redraw state after every operation
DefinitionState and apply a precise termWhat are the four conditions for deadlockFlashcards, then apply each term to a fresh example
Proof or argumentShow why something is trueWhy comparison sorting needs at least n log n comparisonsRewrite the argument from memory in five steps
CalculationCompute a numberEffective access time with a 90% TLB hit rateDo past questions until the method is automatic

Most students revise everything as if it were a definition: highlight, reread, move on. Mechanisms are usually the largest share of marks, and they are the type rereading helps least with, because recognising a description of linear probing is nothing like doing it to five keys under time.

Mechanisms: trace the state, never describe it

A mechanism question is won by the student who can draw the state at each step. So revise mechanisms the same way.

Take one small input. Draw the structure. Apply one operation. Draw it again. Keep every intermediate picture, not just the final one, because the marks are in the intermediate steps and so are your mistakes.

This works across the syllabus:

  • Data structures. Insert 5, 3, 8, 1, 4 into a binary search tree, then delete 3. Draw the tree after every operation.
  • Operating systems. Run four processes through round robin with a quantum of 2 and draw the Gantt chart. Then do the same queue with shortest job first and compare waiting times.
  • Memory. Run a page reference string through FIFO and LRU with three frames and mark every fault.
  • Networking. Draw the three-way handshake as two vertical lines with SYN, SYN-ACK and ACK crossing between them, then add what happens when the second packet is lost.
  • Databases. Take an unnormalised table and show it at first, second and third normal form, with the dependency that each step removes.

The pattern is the same each time: a picture of state, an operation, a new picture. That is also exactly what a drawn explainer video is good at, which is the one reason video earns a place in CS revision at all.

Worked example: how a hash map works

Hash maps come up in data structures modules, in algorithms courses and in nearly every coding interview, so they are worth getting cold. Here is a revision script for a video of about four minutes, written as one chapter per state change.

#ChapterWhat is drawn
1What problem does a hash map solve?A list of 1,000 names, and a finger scanning it one at a time
2The hash functionA key going into a box and a number coming out
3From hash to bucketThe number taken modulo the array size, an arrow into one of 8 slots
4Two keys, one bucketA second key landing in an occupied slot: a collision
5Fix one: chainingA short linked list hanging off the slot
6Fix two: open addressingThe second key stepping to the next free slot, linear probing
7Load factorSlots filling up, the ratio of entries to slots written beside the array
8ResizingA new array twice the size, every key rehashed into a new position
9Why it is O(1) on average and O(n) at worstShort chains in one picture, every key in one chain in the other

And three lines of narration from chapters 3 and 8, written to be spoken:

The hash function gives us a big number. We only have eight slots, so we take that number modulo eight, and the remainder is the slot.
When the table gets too full, collisions become common and lookups slow down. So the table doubles in size.
Every key has to be rehashed, because the slot depends on the size of the array. Change the size, and every key may move.

That last line is the one students miss in exams. They know a hash map resizes, but not that every entry has to be placed again, which is why a single insert can occasionally be slow.

Check your course's specifics against your notes. Java's HashMap, for example, resizes when it is 75% full by default and turns long chains into small trees, while Python's dict uses open addressing. Your module will tell you which version you are being examined on.

What a drawn video looks like for CS

Here is the hash map example above as a two minute whiteboard video made with openCanviz. It covers the put operation, the modulo step, collisions, load factor and rehashing, but not the two collision fixes side by side, so it is the four chapter short version of the nine chapter plan.

A two minute whiteboard explainer of how a hash map works: hash function, modulo to a bucket, collisions, load factor and rehashing into a larger array.

And a second example, a different kind of mechanism: a short whiteboard explainer of a classic networking question, what happens when you type a URL into a browser, which is a mechanism question with a browser, a DNS lookup, a server and a response, each drawn as it is named.

A 2:15 whiteboard explainer of what happens when you type a URL: the browser, the DNS lookup, the server and the response, drawn in order as the narration names them.

The useful thing about this format for CS is that the picture changes when the state changes. The less useful thing is that it plays at its own pace, so for revision you will pause it far more often than you watch it straight through.

Make it

  1. 1

    List the mechanisms on your syllabus

    Go through the module outline and mark every topic where a question could say 'show the state after each step'. Those are your video topics. Definitions and calculations go on flashcards and past papers instead.

  2. 2

    Write one small worked trace per mechanism

    Pick an input small enough to trace by hand, five keys or four processes. Write one sentence per state change, the way you would say it at a whiteboard.

  3. 3

    Paste the trace into openCanviz

    Set a short target length, three to five minutes per mechanism. Use Keep my wording if you want the exact sentences you checked, and whiteboard style so each state is drawn as the narration reaches it.

  4. 4

    Check every number and arrow

    Pause on each scene and compare it with your own hand trace. A drafted drawing can put a key in the wrong slot or an arrow the wrong way, and in CS that is the whole answer.

  5. 5

    Test yourself on a different input

    After watching, close it and trace a new input from scratch: different keys, different processes. If you can only reproduce the example you watched, you have learned the example, not the mechanism.

The honest limit

Watching someone else trace an algorithm feels like understanding it, and it is not the same thing. You can follow a video of Dijkstra's algorithm perfectly and still freeze when handed a graph with six nodes in the exam.

So the video is the first pass, never the last. Use it to get the shape of the mechanism into your head, then put a pen in your hand and do it yourself on a new input. If you want a full protocol for that second step, see how to study from video instead of rereading your notes. If your CS course is heavy on diagrams like state machines and network stacks, how to study a diagram-heavy subject covers redrawing from memory in more detail.

Common questions

How do I revise Big O without memorising a table? Derive it from the trace. Count how many times the loop in your traced example runs as the input doubles. If you can explain why binary search halves the problem each time, you will not need the table.

Should I revise from lecture slides or the textbook? Slides for what is examinable, the textbook for the traces it works through. Slides rarely show every intermediate state, and that is what you need to practise.

What about theory of computation, automata and proofs? Automata are mechanisms: draw the machine and run a string through it one symbol at a time. Proofs are arguments: write each one from memory as five or six numbered steps and check it against the source.

Is a video worth making for every topic? No. Make them for mechanisms you find hard, usually five to ten topics per module. Definitions are faster on flashcards.

Can I use these videos for interview prep too? The data structures ones, yes. For interviews the bigger win is recording the patterns you got wrong, covered in how to make a coding interview prep video for yourself.

Trace one mechanism tonight

Pick the mechanism you understand least, write a five-step trace on a small input with one sentence per state change, and turn it into a three minute whiteboard video. Then trace a different input with the video closed. It is free to start.

Made with openCanviz

Turn any concept into an animated explainer

Type an outline, get a narrated, animated whiteboard video in minutes. No design skills, no timeline scrubbing. Free to start.

Start free
Keep reading
Harry Potter's World, Explained Visually

A clear guide to how the wizarding world in the Harry Potter books is organised: the four Hogwarts houses, how magic and wands work, the Ministry of Magic, the key places, and the blood-status prejudice behind the plot. Plus how to make your own version for class.

Best Tools to Animate a Diagram

PowerPoint, Keynote, Excalidraw with excalidraw-animate, Figma, After Effects, Manim, Mermaid and openCanviz all animate diagrams, but they are good at different jobs. A fair comparison by what you start from, what you get out, and how long a two-minute diagram takes.

How to Make a Diagram Animate Step by Step

A diagram that builds should appear in the order you explain it, not the order it was drawn or laid out. Here are the build orders for flowcharts, architectures, sequences and loops, a worked password-reset flowchart, and how to do it in slides, code or a narrated tool.

How to Make a Developer Tutorial Video Without Screen Recording

Screen recordings are right for showing a tool. For explaining a concept such as OAuth, a drawn, narrated tutorial is faster to make, easier to follow and does not go stale when the UI changes. How to script one, with a scene by scene OAuth example.


All Rights Reserved.