← All coursesDiscover & build
AI-assisted with BitWeb Builder — Basic
Discover, design and build your own website.
12 trainer-guided sessions. Direct Bit to build your own website and explore how it works through experiments, code observations, repairs and published-site checks.
12 sessionsAges 9–12Trainer + AI assistant
Build with AI. Understand what you create.
Learn with a trainer and an AI assistant in your classroom. Turn your ideas into projects, ask questions, and improve your work step by step.
Practice giving AI clear instructions, checking its suggestions, and explaining the choices behind your project.
What you’ll build and learn
- A personal static website the student directs, tests, publishes and explains.
01Meet your browser and build a page
Discover how browsers turn code into webpages. Build your own live static website progressively: header, welcome line, section card, navigation bar, and footer.45 min
02Pictures that tell a story
Enrich your existing website with images, captions, accessible descriptions and a gallery. Learn through sketches, commands, quizzes and testing.45 min
03Give your website its own style
Explore colour, contrast, text, spacing and card styles through visual experiments, quizzes and commands. Continue your saved website.45 min
04Make something happen on click
Learn events and reversible state on your existing gallery, then choose extra interactions if time allows.45 min
05Make every link work
Connect your growing website with smooth scrolling, sticky navigation, safe external links and keyboard outlines. Continue your saved website.45 min
06Give your page a superpower
Transform your website with visual themes, CSS variables and an interactive Dark Mode toggle switch. Continue your saved website.45 min
07Video, maps and embedded content
Put a real video and a real map inside your website, and learn which sources are allowed and why. Continue the same personal project across the course.45 min
08Let your visitor choose
Give your website an interactive choice feature: build a client-side form with dropdown options, event.preventDefault(), helpful validation for empty input, and dynamic result feedback.45 min
09Make your site easier to use
Test visitor journeys on your own website, spot confusing controls, ask Bit for improvements and compare actual results.45 min
10Become a bug detective
Hunt down and fix common web bugs in code: broken images, unclosed tags, dead links, and contrast issues. Keep your website running smoothly.45 min
11Build a responsive slideshow
Upgrade the existing gallery with an ordered slideshow, explicit responsive layout rules and controlled motion.45 min
12Make your website remember
Save, restore and reset a harmless browser preference; revise the website and spend the final ten minutes exploring Intermediate.45 min
learnbit.