← All curricula

Your learning plan · 15 modules

Creative Coding, Web and Games

Create responsive websites, interactive browser apps, games and Python mini projects. Learn how to organise a project, write its code, test it and make it your own before presenting a finished creation.

App developmentDesign / Build / Test
Who it's for
Grades 6-8
Typically ages 11–13
Suggested duration
6-9 months
How you learn
Concepts → practice → projects
Explore all 15 modules Download syllabus (PDF)

Age ranges are approximate. We'll confirm your starting module and class schedule before enrolment.

The goal

What you'll learn to do

  • Structure web pages with HTML and style them with CSS.
  • Build layouts that adapt to phone and desktop screens.
  • Use JavaScript, page elements and events to create interactive apps with validation and saved browser data.
  • Use Python conditions, loops, functions and collections in small programs.
  • Build a game with movement, score, timer, collision and restart rules.
  • Plan, test and present a creative website, app or game.

One module at a time

Your module-wise syllabus

Open a module to see the topics and hands-on practice. Start with the foundations and build up step by step.

01

Coding Mindset and Developer Tools

What you'll explore

  • How websites, apps and games are created
  • VS Code or online editor setup
  • Folder structure for projects
  • Browser preview and developer tools
  • Debugging habits and class workflow

Try it yourself

  • Create your first project folder
  • Open editor and browser preview
  • Write and run a simple HTML file
02

HTML Foundations

What you'll explore

  • HTML document structure
  • Doctype, html, head and body
  • Headings, paragraphs and line breaks
  • Images and links
  • Lists and comments

Try it yourself

  • Build a personal profile page
  • Add favorite image and links
  • Create a list of hobbies or skills
03

HTML Tables and Forms

What you'll explore

  • Table, tr, th and td
  • Form, input and textarea
  • Radio, checkbox, select and button
  • Check required fields and simple input rules
  • Collect form values when the submit button is used

Try it yourself

  • Create a school timetable
  • Create a contact form
  • Combine both into a website page
04

CSS Styling Basics

What you'll explore

  • Inline, internal and external CSS
  • Selectors, class and id
  • Color, background and fonts
  • Margin, padding and border
  • Basic hover effects

Try it yourself

  • Style the profile page
  • Change fonts and colors
  • Style page sections as cards
05

Modern Layouts and Responsive Design

What you'll explore

  • Box model recap
  • Display property
  • Flexbox layout
  • CSS Grid basics
  • Media queries
  • Mobile-first layout

Try it yourself

  • Build a responsive landing page
  • Create a card grid
  • Test page on different screen sizes
06

JavaScript Fundamentals

What you'll explore

  • Purpose of JavaScript
  • Variables and data types
  • Operators and expressions
  • Template literals
  • Console and comments

Try it yourself

  • Create a bill calculator
  • Display sample student profile information
  • Use variables for dynamic messages
07

Conditions, Loops and Functions

What you'll explore

  • If, else and else-if
  • Comparison and logical operators
  • For and while loops
  • Functions with parameters
  • Return values

Try it yourself

  • Build a marks grade checker
  • Create number pattern tasks
  • Write reusable calculator functions
08

Arrays, Objects and Data Handling

What you'll explore

  • Arrays and indexes
  • Array methods
  • Objects and properties
  • Organise records in a JSON-style data structure
  • Looping through data

Try it yourself

  • Create a student list
  • Create product cards from an array
  • Add or remove items from your data
09

DOM and Events

What you'll explore

  • Select elements on a web page
  • Changing text and styles
  • Click, keyboard and mouse events
  • Creating elements dynamically
  • Use event listeners to respond to actions

Try it yourself

  • Build a random quote generator
  • Create an interactive counter
  • Make a small keyboard-controlled activity
10

Forms, Validation and Local Storage

What you'll explore

  • Reading form values
  • Check that required fields are filled in
  • Email and number checks
  • Error messages
  • Save, read and remove browser data with localStorage

Try it yourself

  • Build a to-do list
  • Save tasks in localStorage
  • Add delete and clear buttons
11

Browser Game Logic

What you'll explore

  • Understand a game loop that repeatedly updates the game
  • Player movement
  • Score and timer
  • Decide what happens when game objects touch
  • Define the rules for winning and losing
  • Restart button

Try it yourself

  • Build a memory game, typing game or catch game
  • Add score and timer
  • Improve the game screen and instructions
12

Python Foundations

What you'll explore

  • Python setup or online editor
  • Print, variables and input
  • Numbers and strings
  • Conditions and loops
  • Simple functions

Try it yourself

  • Create a calculator
  • Create a guessing game
  • Create a grade checker in Python
13

Python Collections and Mini Projects

What you'll explore

  • Lists and tuples
  • String methods
  • Slicing
  • File reading basics
  • Use functions to organise a project into smaller pieces

Try it yourself

  • Build a word counter
  • Create a contact list
  • Save simple data to a text file
14

Project Sprint - Website + App/Game

What you'll explore

  • Project idea selection
  • Wireframe and feature list
  • Task breakdown
  • Coding milestones
  • Testing and bug fixing

Try it yourself

  • Start a final project
  • Complete the main screens and coding logic
  • Prepare screenshots and feature list
15

Final Presentation and Review

What you'll explore

  • Project polishing
  • Write a README-style guide to what your project does
  • Plan the order of your project demonstration
  • Prepare to answer questions about your project
  • Make improvements from feedback

Try it yourself

  • Present final website/app/game
  • Submit your organised project folder
  • Review the concepts used in your project

Make your learning visible

Projects & practice you can build on

These ideas come from the syllabus. Your teacher will help choose and adapt projects to your level.

  • A personal profile page, timetable and contact form
  • A responsive landing page with a card grid
  • A bill calculator and marks grade checker
  • A random quote generator and interactive counter
  • A to-do list that saves tasks in the browser
  • A memory, typing or catch game with score and timer
  • Python calculator, number guessing game, word counter and contact list
  • A final website plus an interactive app or game

Where could you go next?

Possible next steps to discuss once you're confident with this syllabus.

Teen DeveloperJavaScriptPython

Adapted for students and parents from the academy's module-wise syllabus. The downloadable PDF includes the original detailed teaching plan.

WhatsApp