The learning pathway
← All coursesLEVEL 3 · Paid access · details coming soon

AI Creator

Plan and build a website, a web app and a phone app with an AI coding assistant

Learners plan a project with AI, learn how web pages are made, and write real HTML, CSS and JavaScript with Pixel, an AI coding assistant. They build a club website, a quiz web app and an installable mobile app, review the assistant's code and content before using it, test it with test cases, fix its bugs, and credit its help.

Ages
11+
Estimated time
3 to 5 hours
Course content
6 lessons + final test

Begin after completing AI Builder. Paid-access details are coming soon.

THE LEARNING ORDER

One idea. Then the next.

Read the big idea, see the words they will meet and explore how it is put into practice.

  1. Level 3, Lesson 1
    Guided chatbot activity

    Plan it with AI

    Every app starts with a plan. AI can help you plan, and you choose what to keep.

    New words
    • User
    • Code
    Check understanding

    5 questions, pass 4

  2. Level 3, Lesson 2

    How web pages work

    HTML says what's on a page. CSS says how it looks.

    New words
    • HTML
    • Tag
    • Alt text
    • CSS
    Check understanding

    5 questions, pass 4

  3. Level 3, Lesson 3

    Check the AI's work

    AI coding assistants invent things too. Check the facts, remove anything personal, and credit the AI before you publish.

    New words
    • Publish
    Check understanding

    5 questions, pass 4

    Game mission
    • My First Website
  4. Level 3, Lesson 4

    Make it do things

    JavaScript makes a page react: when something happens, the code does something.

    New words
    • JavaScript
    • Event
    • Variable
    Check understanding

    5 questions, pass 4

  5. Level 3, Lesson 5

    Test and fix

    Test code with test cases. A failing test means a bug: fix it, then test everything again.

    New words
    • Bug
    • Test case
    Check understanding

    5 questions, pass 4

    Game mission
    • My First Web App
  6. Level 3, Lesson 6

    Make a phone app

    A progressive web app is a website you can install on a phone. It has a manifest, an icon, and works offline.

    New words
    • PWA
    • Manifest
    • Offline
    Check understanding

    5 questions, pass 4

    Game mission
    • My First Mobile App
WHAT THE LEARNER WORKS TOWARDS

The outcomes, in plain words.

The short lines explain the goal. The fuller wording is what appears on an earned course certificate.

  1. Plan a project with AI.

    Plan a digital project with an AI assistant: who it is for, what it must do and the first steps, choosing which AI suggestions to keep.

  2. Build your first website.

    Build a multi-section website with HTML and CSS, including headings, lists, images with alternative text and styling.

  3. Check what your AI coding assistant writes before you use it.

    Review AI-generated code and content before using it: remove invented facts and personal details, and credit the AI's help.

  4. Build your first web app.

    Build a working web app with JavaScript that responds to the user.

  5. Test AI-written code and fix its bugs.

    Test AI-written code with test cases, find bugs and fix them.

  6. Turn your app into a phone app.

    Turn a web app into an installable mobile app (a progressive web app) with a manifest, icon and offline support.

THE FINAL CHECK

Level 3 final test

Show what you've learned and earn your AI Creator certificate.

10 questions, pass 8

AI Creator (Level 3)

An earned certificate records learning shown in the game and the support used. It is not an accredited qualification. Opening these course pages does not complete lessons or award a certificate.

TEACH FIRST. PRACTISE WITH PURPOSE.

A rhythm they can recognise.

Each lesson starts with the explanation. A game task is included where it helps practise that idea.

  1. 1

    Learn

    Picture cards, plain words and one idea at a time.

  2. 2

    See it

    A demonstration that makes the idea concrete.

  3. 3

    Try it

    Guided practice, with feedback to help them improve.

  4. 4

    Do it

    The matching game mission, where there is one.

  5. 5

    Quiz

    A short check, marked by the game's server.

A CLEAR NEXT STEP

Build on the foundations.

Request family access information or talk to us about a school pilot. Learner accounts are not open on this website yet.