Web Academy — HTML, CSS & JavaScript Curriculum

Name: Web Academy — HTML, CSS & JavaScript Curriculum
Brand: A+ Axiom
Price: 99 GHS

9-level web development curriculum where students write real HTML, CSS, and JavaScript in a Monaco editor with a live iframe preview — exactly like a professional IDE. From the anatomy of a webpage through responsive design, advanced JavaScript, APIs, and a full portfolio capstone, every lesson is project-driven and auto-graded.

Get Started See Pricing

Key Benefits

9 progressive levels from HTML Foundations to Full Portfolio — 108 project-driven lessons
Monaco editor with live split-pane browser preview — students see output in real time
8 challenge types including code completion, fix-the-bug, build-from-scratch, and design match
Personal portfolio capstone — students build and own a real multi-page website
WebBot AI Tutor, 18+ achievement badges, level certificates, and school leaderboard

Part of

A+ Axiom

The AI Education Operating System, 128+ modules covering every part of running a modern school.

Browse all modules

What's Included

9 progressive levels: HTML Foundations → CSS Basics → CSS Layout → JS Basics → JS DOM → JS Advanced → Web Design Patterns → Advanced Web Topics → Capstone Projects

108 hand-crafted interactive lessons — 60–200 XP each, 15–90 min each

Monaco editor (same as VS Code) with syntax highlighting for HTML, CSS, and JavaScript

Live iframe preview with split/editor/preview layouts and desktop/tablet/mobile viewport toggles

8 challenge types: Live Preview, Fill the Blank, MCQ, Spot the Bug, Ordering (drag-and-drop), Match, Style Challenge, Code Completion

WebBot AI Tutor — Claude-powered assistant that sees your code and provides contextual hints and explanations

Real-world projects: To-Do App, Quiz App, Weather Dashboard, Canvas charts, Restaurant Page, PWA Portfolio

Portfolio system — students save projects to a personal portfolio gallery, toggle public/private, community likes

AI code analyser — instant feedback on accessibility, performance, and best practices

Level progression with unlock system — must complete each lesson before the next unlocks

XP rewards and daily learning streak tracking

18+ achievement badges: level completions, XP milestones, streaks (7/30 days), special conditions

Level-completion certificates issued automatically on 100% lesson completion

School leaderboard ranked by total XP with streak display

Teacher dashboard — per-class progress table with XP, lessons, streak, and sortable columns

Admin analytics — active students, XP awarded, lesson completions, level breakdown bar chart, 30-day activity line chart, top students

Covers: semantic HTML, CSS design systems, Flexbox, Grid, animations, DOM manipulation, events, localStorage, Fetch API, Canvas, IntersectionObserver, Web Components, PWA, TypeScript basics, testing, performance, accessibility (WCAG 2.1), SEO, security (XSS/CSP)

Mobile-responsive — works in any browser, ideal for ICT labs and home learning

Ready to bring Web Academy — HTML, CSS & JavaScript Curriculum to your school?

Get started with A+ Axiom and unlock the full AI Education Operating System, Web Academy — HTML, CSS & JavaScript Curriculum included.

Get Started

Web Academy — HTML, CSS & JavaScript Curriculum

Key Benefits

Part of

What's Included

Related Modules

Timetable Enterprise

Enterprise Exam Management

Student Performance Analytics

AI Teaching Assistant

Ready to bring Web Academy — HTML, CSS & JavaScript Curriculum to your school?