Digital Learning Camp · Class 2 of 8

Docs Mastery — Write-ups that Earn Marks

App show-and-tell Headings → automatic TOC Page breaks & captions References that build themselves
Week 2 · Mr Springer

Last week you became builders. This week you become the student whose work looks professional before a single word is read. Two documents can carry identical content and score differently — because one respects the marker's eyes and one fights them. Everything in this class is a tool that does boring work for you: tables of contents that write themselves, page numbers that appear everywhere at once, references that format themselves. Ten seconds to learn, marks for years. Commandment 3 is in force: thou shalt never submit an unformatted document.

1App show-and-tell — 60 seconds each

You shipped two things this week. Demo the one you're proudest of: what it does, the best prompt you used, and one thing that went wrong and how you fixed it.

🎡 Who's next? — the demo roulette
Add the class list once — it's remembered. Picked names sit out until everyone has gone.
🎤 The demo script (keep it tight)

1. "My app is called … and it does …" 2. "The prompt that unlocked it was …" 3. "It broke when … and I fixed it by …" — that third line is the most important sentence in this camp. Builders talk about their bugs.

🎮 The wall of apps — four you built. Tap Load and play it right here in the notes.
Neon Blitz — Arena Extreme3D · three.js

A full 3D arena shooter — real 3D graphics, particle effects, waves that get harder, touch controls. The most ambitious thing anyone submitted, and proof that "I can't do 3D" was never true.

8-Bit Space ShooterCanvas · sound

Retro arcade done properly: a canvas game loop, a difficulty ramp, sound effects, and a real restart. Completely self-contained — no internet needed, which is exactly how a game should ship.

Danger Dodge!Mobile-first

The only one built phone-first — real touch controls, saves your high score, and it actually plays properly on a small screen. Most people forget the phone entirely. This one didn't.

Flashy Study CardsStudy tool

Not a game — a tool that does a job: flip-card revision with your own decks and a score. Everyone else built something to play with. This one built something to study with. Respect.

These are your files, running live inside the notes — nothing was rewritten. Later in the class we look at what a sharper prompt would have changed in every one of them.

2Anatomy of a distinction write-up

A marker forms a first impression in ten seconds, before reading a full sentence. Here's what those ten seconds scan for.

ElementWhat "professional" looks likeThe tool that does it for you
Title pageAlone on page 1 — title, name, school, datePage break (never Enter-Enter-Enter)
Table of contentsGenerated, with page numbers that are actually rightHeading styles + Insert TOC
HeadingsConsistent sizes and spacing, numbered levelsStyles (Heading 1 / 2 / 3)
Page numbersOn every page, automaticallyInsert → Page numbers
FiguresEvery image captioned: "Figure 1: …"Captions (+ table of figures in Word)
ReferencesFormatted list, matching in-text citationsCitations tool
🕵️ Spot the sins — this SBA page has 8 formatting crimes. Tap each one you find
Found: 0 / 8
CHAPTER ONE: INTRODUCTION TO MY PROJECT!!!
Table of Contents: Introduction … page 2, Method … page 3, Results … page 6, Conclusion … page 9



For my project I investigated which brand of battery lasts the longest in a standard torchlight. Batteries are one of the most important inventions of the modern age. I tested three brands over five days and recorded the results.

According to a website I found, alkaline batteries last up to 40% longer. This informed my choice of brands for the experiment.

[ photo of my experiment ]

The results were recorded every six hours Brand A      41 hrs      Brand B      36 hrs and the pattern was clear early.

(bottom of the page — nothing here)
Tap anything that would make a marker wince.

3Heading styles → a table of contents that writes itself

The single highest-value trick in this class. Style your headings once, and the document starts working for you.

A heading style isn't about looks — it's a label that tells the document "this is a section title". Once your sections are labelled, the app can build (and rebuild) your table of contents in one click, with page numbers that are always right.

Step 1 — style the headings

Google Docsfree
  1. Click anywhere on the line you want to turn into a heading.
  2. Open the style dropdown in the toolbar — the box that says Normal text.
  3. Choose Heading 1 for a main section, Heading 2 for a subsection inside it.
  4. Hate the look? Restyle one line, then reopen the dropdown → hover Heading 1Update 'Heading 1' to match. Every H1 changes at once.
Shortcut: Ctrl+Alt+1 = Heading 1 · Ctrl+Alt+2 = Heading 2
Microsoft Word
  1. Click anywhere on the line you want to turn into a heading.
  2. Go to the Home ribbon and find the Styles gallery.
  3. Click Heading 1 for a main section, Heading 2 for a subsection.
  4. To change the look everywhere: restyle one line, then right-click Heading 1 in the gallery → Update Heading 1 to Match Selection.
Shortcut: Ctrl+Alt+1 · on Mac +Alt+1

Step 2 — let it build the contents page

Google Docsfree
  1. Put your cursor where the contents should sit — usually right after the title page.
  2. InsertTable of contents.
  3. Pick the style: with page numbers, or with blue links.
  4. Edited the document since? Click the contents, then hit the refresh ⟳ icon that appears beside it.
If a section is missing from the contents, it was never a real heading. Go back and style it.
Microsoft Word
  1. Put your cursor where the contents should sit.
  2. Go to the References ribbon → Table of Contents.
  3. Choose Automatic Table 1.
  4. Edited the document since? Click the table → Update TableUpdate entire table.
Word warns you if the table is stale before printing. Docs doesn't — refresh before you export.
📑 The TOC machine — tap a line to cycle it: Body → Heading 1 → Heading 2

Table of Contents

    You never typed a page number. The document knows which lines are headings, so it can list them.
    Tag some lines as headings — the contents page writes itself.
    ✅ Do it now — report back when your TOC builds itself
    Ticks are saved on this device — your progress survives a refresh.
    ⚠️ The trap that catches half the class

    Making text big and bold by hand is not a heading — it just looks like one. The TOC will ignore it, navigation will ignore it, and future-you will suffer. If the styles box doesn't say "Heading", it isn't one.

    4Page breaks & page numbers — the mark-savers nobody teaches

    The difference between a document that holds its shape and one that collapses the moment you edit a paragraph.

    The sin: pressing Enter fifteen times to push a chapter onto a new page. It works — until you add one sentence anywhere above, and every "new page" in the document slides out of position.

    The fix: a page break — a hard wall that says "next page starts here, forever".

    📄 What happens when you add a paragraph higher up?
    ❌ Enter, Enter, Enter…
    ✓ A real page break
    Both look fine right now. Add a paragraph and watch which one survives.

    Insert a page break

    Google Docsfree
    1. Put your cursor immediately before the heading that must start a new page.
    2. InsertBreakPage break.
    3. Or just press Ctrl+Enter (+Enter on Mac).
    A page break is one invisible instruction: "start the next page here" — whatever changes above it.
    Microsoft Word
    1. Put your cursor immediately before the heading.
    2. Insert ribbon → Page Break. (Or LayoutBreaksPage.)
    3. Or press Ctrl+Enter.
    4. Want to see your breaks? Home → the button shows every hidden mark.
    Word also has section breaks — needed when one page must be landscape or numbered differently.

    Add page numbers (and keep the title page clean)

    Google Docsfree
    1. InsertPage numbers.
    2. Choose the option that skips the first page — that's your title page handled.
    3. Bottom-right is the safe, standard position.
    Microsoft Word
    1. InsertPage NumberBottom of Page.
    2. Double-click into the footer, then tick Different First Page.
    3. Press Esc to close the footer.
    ⌨️ Burn this one in

    Ctrl+Enter = new page. You will use it in every project you ever write, from today until forever. That's the whole lesson. Put it in your muscle memory next to WASD.

    5Label your figures — and let Word list them for you

    Every picture, chart or diagram in a write-up gets a name and a number. Markers reference them; so must you.

    The rule: under every image goes a caption — "Figure 1: Battery test setup" — and your text refers to it by name: "as shown in Figure 1…". Numbered figures turn a pile of pictures into evidence.

    Google Docsfree
    1. Insert the image, click it, and set the wrapping to In line.
    2. On the line beneath it type Figure 1 — what it shows, centre it, and make it small.
    3. Be consistent: same wording, same style, every time.
    4. Docs has no automatic caption tool. For a table of figures, either list them by hand once at the end, or add the free ExtensionsAdd-ons → "Cross Reference" add-on.
    This is the one place Word genuinely wins. Be honest about it when you plan a big write-up.
    Microsoft Word
    1. Click the image → References ribbon → Insert Caption.
    2. Label = Figure, position = below. Type the description — Word supplies the number.
    3. Insert a new picture earlier later on? Every figure renumbers itself.
    4. At the end: ReferencesInsert Table of Figures. A contents page just for your images.
    Refer to figures in your text with InsertCross-reference — the number stays correct forever.

    Next week you'll generate figures with AI, and in Week 5 Mr Kershawn turns your data into charts — every one of them lands in your write-up captioned. This habit starts today.

    6References that build themselves

    Commandment 6: give credit where credit is due. The tools make it nearly effortless — so "I forgot" stopped being an excuse years ago.

    A reference has four bones: who wrote it, when, what it's called, and where it lives. The citation tools take those four bones and format them perfectly, every time, in whatever style your school asks for (APA is the usual).

    Google Docsfree
    1. ToolsCitations.
    2. In the sidebar, set the style your school wants — APA, MLA or Chicago.
    3. + Add citation source → choose the type (website, book, journal) → fill in the four bones.
    4. In your text, hover the source → Cite. It drops "(Author, Year)" at your cursor.
    5. At the end, click Insert bibliography. Formatted, alphabetised, done.
    Also free: ToolsExplore searches the web without leaving the document.
    Microsoft Word
    1. Go to the References ribbon and set the Style dropdown (APA, MLA…).
    2. Manage SourcesNew… — add each source once, fill the four bones.
    3. Where you use it in the text: Insert Citation → pick the source.
    4. At the end: Bibliography → insert. It builds and updates itself.
    Sources are saved to a master list, so they're there for your next project too.
    ⚠️ The tool formats it — it does not make it true

    A citation tool will happily format a rubbish source beautifully. You are still responsible for whether the source is any good — and we sharpen exactly that next week in The AI Arsenal. Never cite something you haven't actually read.

    ✅ Do it now — one real citation, start to finish
    When your bibliography appears, you've done something most Form 5 students can't.

    7Three more editing wins

    Three habits that separate someone who uses a word processor from someone who drives one. Each takes ten seconds to learn and saves you hours.

    Win 1 — Paste without formatting  Ctrl+Shift+V

    You copy a paragraph from a website, an AI chat or a PDF, paste it in — and it arrives wearing its old clothes: wrong font, wrong size, grey background, a link colour, sometimes an invisible table. Your beautiful document is now a ransom note. This is the single most common way students wreck their own formatting, and it will bite you constantly this camp, because you'll be pasting AI output all the time.

    Google Docsfree
    1. Copy your text as normal.
    2. Paste with Ctrl+Shift+V (+Shift+V on Mac) — "paste without formatting".
    3. The text arrives naked and instantly takes on your document's styles.
    4. Already pasted a mess? Select it → FormatClear formatting (Ctrl+\).
    Make this your default paste. Your fingers should forget plain Ctrl+V exists.
    Microsoft Word
    1. Copy your text as normal.
    2. Ctrl+Shift+V, or paste then click the little Paste Options clipboard that appears → Keep Text Only.
    3. Set it permanently: FileOptionsAdvanced → set pasting from other programs to Keep Text Only.
    4. Clear a mess: select it → Home → the A◇ "Clear All Formatting" button.

    Win 2 — Find & Replace  Ctrl+H

    Your project called the app "StudyBot" for forty pages. Tonight you renamed it "RevisePal". Do not go hunting page by page. And the same tool cleans up the mess nobody notices: double spaces, straight quotes, "teh".

    Google Docsfree
    1. Ctrl+H (or EditFind and replace).
    2. Type what to find, then what to replace it with.
    3. Replace all — every instance, in one click.
    4. Pro move: find " " (two spaces) and replace with " " (one). Run it twice. Your document is instantly cleaner.
    Tick Match case when renaming things, or you'll rename the wrong words.
    Microsoft Word
    1. Ctrl+H (or HomeReplace).
    2. Fill in Find and Replace, then Replace All.
    3. More >> unlocks the power tools — you can even find formatting, not just words.
    4. Use ^p to find a paragraph mark — that's how you strip out those endless empty lines.

    Win 3 — The document outline (your x-ray)

    A long document is horrible to move around in — unless you open the outline. It gives you a clickable map down the side, so you jump to any section instantly. And here's the sneaky bit: the outline is a free test of your heading styles. If a section is missing from the outline, it will be missing from your table of contents too. Open it, and you can see whether your structure is real.

    Google Docsfree
    1. ViewShow outline (or Ctrl+Alt+A).
    2. Your headings appear down the left. Click any one to jump straight there.
    3. A section missing? It was never styled as a heading. Fix it now, before it's missing from your contents page too.
    Also free: Ctrl+F to search, and ToolsWord count (Ctrl+Shift+C) — most write-ups have a word limit.
    Microsoft Word
    1. View ribbon → tick Navigation Pane.
    2. Click any heading to jump there — and drag a heading to move that whole section, text and all.
    3. That drag is a superpower: restructure a 30-page report in seconds without cutting and pasting a single word.
    💡 Why these three, out of everything

    Paste-without-formatting stops you breaking the document. Find & Replace lets you fix it in bulk. The outline lets you see whether it's really built. Together they turn a document from something you fight into something you steer.

    Win 4 — The shortcut belt 🛠️

    Reaching for the mouse is the slowest thing you do in a document. Wear these on your belt — each one is a reflex by Friday if you use it ten times today:

    ShortcutWhat it doesWhen it saves you
    Ctrl+Z / Ctrl+YUndo / redoEvery mistake, un-made. Multiple presses walk further back.
    Ctrl+EnterPage breakYou learned this in section 4 — it belongs on the belt.
    Ctrl+ / Jump a whole wordStop tapping the arrow key ten times like a woodpecker.
    Ctrl+Shift+Select a whole wordGrab words like objects instead of dragging pixel by pixel.
    Ctrl+BackspaceDelete a whole wordTypo'd a word? One chop, gone.
    Ctrl+Home / EndTop / bottom of the documentNo more scrolling through 14 pages of SBA.
    Ctrl+KInsert a linkBibliography URLs, done properly.
    Ctrl+SSave, right nowCloud autosave is great — the reflex is better.
    On a Mac, plays Ctrl's part (word-jumping uses ⌥ Option).

    Win 5 — The Ctrl superpower 🗝️

    Here's the secret nobody tells you: holding Ctrl while doing ordinary things upgrades them. Same action, hidden second mode:

    Hold Ctrl and…What unlocks
    drag selected textIt copies instead of moving — in Word and Docs. Duplicate a sentence by dragging it.
    drag a cell in Excel (by its border)The cell copies to where you drop it instead of moving.
    drag Excel's fill handle (the little corner square)Ctrl flips its mind: a number that would copy now counts up 1, 2, 3… and a series that would count now copies. Try both!
    click a sentence in WordSelects the whole sentence in one click.
    scroll the mouse wheelZoom — works in Word, Excel, Docs, your browser, nearly everything.
    press ; in ExcelStamps today's date into the cell. (Ctrl+D fills a cell down a column; Ctrl+ jumps to the edge of your data.)
    On a Mac the drag-copy key is ⌥ Option, not — everything else maps to as usual.

    🎯 Do it now: type your name, select it, hold Ctrl and drag it to the next line. If two of you appeared — congratulations, you just levelled up an action you've done a thousand times.

    8Version history & comments — your insurance policy

    "I lost my work" and "the file corrupted" stopped being valid excuses years ago. Both tools quietly keep every version of your document.

    Google Docsfree
    1. FileVersion historySee version history.
    2. Click any point in time to see the document exactly as it was then. Restore this version brings it back.
    3. Before a big rewrite, use Name current version — call it draft 1. Now you can always get back.
    4. To comment: highlight text → Ctrl+Alt+M. To suggest instead of edit, switch EditingSuggesting (top right).
    Autosaves every keystroke. There is no save button — and no excuse.
    Microsoft Word
    1. File saved to OneDrive? FileInfoVersion History.
    2. To comment: Review ribbon → New Comment.
    3. To suggest instead of edit: ReviewTrack Changes on. Edits appear in colour to accept or reject.
    ⚠️ Version history only exists if the file lives in the cloud. A file on your desktop has no history — and no mercy.
    💾 One non-negotiable habit

    Name your files properly from day one: SBA-Chemistry-KDavid-draft2 beats Untitled document (14). Your future self, at 11pm the night before the deadline, will weep with gratitude.

    9Google Docs vs Word — what's free, what's paid, what's true

    We teach both because you'll meet both. Here's the honest picture.

    Google Docs is our default: completely free with a Google account, lives in the browser, saves every keystroke automatically, and its version history has rescued more projects than any backup drive. It does headings, TOCs, page breaks, page numbers and citations — everything a distinction write-up needs.

    Word earns its price on heavyweight documents: automatic figure captions and tables of figures, more powerful styles, cleaner offline work, and it's what most offices run. School gave you a free Office account? Use it. No Word? Nothing in your SBA requires it. A free tool used skilfully beats an expensive tool used sloppily, every single time.

    💾 One non-negotiable habit

    Name your files properly from day one: SBA-Chemistry-KDavid-draft2 beats Untitled document (14). Your future self, at 11 pm the night before the deadline, will weep with gratitude.

    10What your apps taught us about prompting

    We read every single app you submitted — the code, not just the screen. Nobody is being called out; the same handful of mistakes showed up again and again. And almost every one of them is not a coding mistake. It's a prompting mistake — something the AI would have done right if it had simply been asked.

    ⚠️ The big one: you accepted the first answer

    The apps that impressed us were not made by better prompters at the start. They were made by people who went back a second, third and fourth time. The AI gives you a draft, not a product. The prompt after the first prompt is where the quality lives.

    What we actually foundWhy it hurtsThe prompt that would have prevented it
    The game restarts by reloading the whole page. One app calls location.reload() when you die. Your score, your high score and any progress are wiped. It feels broken, and on a slow connection it's ugly. "When the game ends, show a Game Over screen with the score and a Play Again button that resets the game state — do not reload the page."
    Wrong answers give no feedback. One maths game silently moves to the next question whether you're right or wrong. It's a quiz that never teaches. You can't learn from it — which is the entire point of a study app. "When the answer is wrong, show the correct answer and a short reason, then continue. Never move on silently."
    Built for a laptop only. Several apps have a fixed width and no touch controls — one has no viewport tag at all. Most of your friends will open it on a phone. If it doesn't work there, it doesn't work. "Make it work on a phone: responsive layout, no fixed pixel widths, and touch controls as well as keyboard."
    Uses alert() pop-ups. Alerts freeze the whole page, look like an error, and can't be styled. Nothing professional uses them. "Show messages inside the page in a styled box — never use alert()."
    No instructions anywhere. A few apps just… start. You're expected to guess the controls. A user who doesn't know what to do closes the tab. That's your whole audience gone in three seconds. "Add a start screen that explains the goal and the controls in one line before play begins."
    The high score is saved but never shown. One app writes it to storage and then never updates the display. A feature that exists in the code but not on the screen isn't a feature. It's dead weight. "After each round, update the high score on screen, and celebrate when it's beaten."
    No difficulty ramp. Minute five plays exactly like minute one. Boredom. The best submissions all got harder — faster enemies, tighter timers, more waves. "Make it get gradually harder over time — speed and spawn rate should increase with the score."
    Everything is a game. Almost nobody built a tool. Games are fun to build; tools get used. Flashy Study Cards is memorable precisely because it does a job. "Build something that solves a real problem I have — then make it fun."
    🧭 The three prompts that fix 90% of it

    1. Ask for the whole product, not the feature. "…with a start screen, a game over screen, a Play Again button, a saved high score, and it must work on a phone."
    2. Ask it to critique itself. "What's wrong with this app? List the top five problems a real user would hit, then fix them."
    3. Ask for one change at a time. Big rewrites break things. "Now add sound effects — change nothing else."

    🏅 And the honest praise

    Neon Blitz reached for real 3D and got there. 8-Bit Space Shooter shipped completely self-contained with sound and a difficulty ramp. Danger Dodge was the only one that took the phone seriously. Flashy Study Cards built a tool, not a toy. Every one of those was a choice somebody made in a prompt — not luck.

    11⌨️ Typing Race — today's words

    Every class from now on ends with this. Sixty seconds, and every word is a word from today's lesson — so you drill the keys and revise the vocabulary at the same time. Eyes off the keyboard. Accuracy first; speed follows.

    ⌨️ How to actually get faster

    Do not look down. It feels slower for about two days and then it is permanently faster. Keep your fingers on the home row (ASDF / JKL;), let each finger own its column, and use your thumb for the space bar. Accuracy first — a typo costs more time than a slow key ever will.

    12Quick quiz — what stuck?

    Six fast ones. First try counts.

    🎯 Class 2 recap no pressure — it's just you
    1.An automatic table of contents is built from…
    2.The keyboard shortcut for a page break is Ctrl + ______.
    3.True or false: page numbers should be typed by hand at the bottom of each page.
    4.Match the superpower to where it lives.
    5.You renamed a chapter, so the TOC is now wrong. You should…
    6.True or false: everything an SBA write-up needs can be done in Google Docs for free.

    13⚡ Doc Doctor — 60 seconds

    A student walks into the clinic with a broken document. Read the symptom, pick the cure. The clock starts on your first answer.

    🩺 Doc Doctor — diagnose fast, cure faster.
    60
    TIME
    0
    CURED
    0
    STREAK
    0
    BEST
    Press Start — the first patient walks in, and the clock starts when you tap your first answer.
    Wrong answers don't end the run — they just cost you the streak.

    14✨ The Glow-Up

    Same four apps. Same free AI. One thing changed — the ask.

    Your apps went to the gym 💪

    Four upgrades are waiting behind this button. Don't peek before Mr Springer says so.

    15📬 Hand in your homework

    Your weekly build gets handed in right here — you'll get a receipt, and you can replace it any time before the deadline.

    🎯 The takeaway

    • Markers judge in ten seconds. Heading styles → automatic TOC → page numbers → captioned figures → real references is what those seconds scan for.
    • Ctrl+Enter is a page break. Enter-Enter-Enter is a confession.
    • Headings are labels, not looks — if the styles box doesn't say "Heading", the TOC can't see it.
    • Citations have four bones: who, when, what, where. The tools do the formatting; you just have to care.
    • Google Docs, used skilfully, does everything your SBA needs for free. Word adds automatic captions and a table of figures when you get access.
    • The charge: build your write-up skeleton tonight — title page (alone, via page break), styled headings, automatic TOC, page numbers — then draft one full section inside it. Keep the typing streak alive; the Week 2 benchmark wants a bigger number.
    • Next class: The AI Arsenal — the map of AI, the free stack, and prompting like a professional.