20 weeks. 10 commercial projects. Coding with ChatGPT.

This course is designed for an 11-year-old learner who can move quickly. Every two weeks she creates something that could be adapted into a real commercial website asset: business site, landing page, calculator, quiz, SEO hub, comparison page, lead capture site, estimator, launch upgrade and final portfolio website.

20 weeks 1 hour per week 10 commercial projects ChatGPT coding HTML/CSS/JS SEO + QA

How each 2-week block works

  1. Week A: learn the new skill and build the rough version.
  2. Week B: polish it until it is commercially presentable.
  3. Use ChatGPT to plan, draft, explain and debug — but she must test and improve the result herself.
  4. At the end of every fortnight, save the project as a portfolio sample.

10 fortnight projects

Weeks 1–2

Commercial Project 1: Local Business Starter Website

Output: A 3-page website for a small local business with homepage, services and contact page.

Commercial value: This could be adapted for a cleaner, tutor, lawn mowing business, kids market stall, dog walking service or small trade business.

Weeks 3–4

Commercial Project 2: One-Page Sales Landing Page

Output: A polished landing page with hero section, benefits, offer, testimonials, FAQ and call-to-action.

Commercial value: This is the type of page a business could use for a special offer, lead magnet or simple campaign.

Weeks 5–6

Commercial Project 3: Business Calculator Tool

Output: A useful calculator with validation, result cards and explanatory content.

Commercial value: Calculators are commercially useful because they attract traffic, help customers self-educate and can generate leads.

Weeks 7–8

Commercial Project 4: Quiz / Recommendation Tool

Output: A quiz that scores answers and recommends an option.

Commercial value: Businesses use quizzes to recommend products, qualify customers and create interactive content.

Weeks 9–10

Commercial Project 5: SEO Content Hub

Output: A small SEO hub with pillar page, supporting pages, internal links, sitemap and robots.txt.

Commercial value: This is the basis of long-term SEO: useful content, structure and internal links.

Weeks 11–12

Commercial Project 6: Product Comparison Page

Output: A comparison page with a table, buyer guide, FAQs and schema.

Commercial value: Comparison pages are valuable for ecommerce, affiliate sites and service selection.

Weeks 13–14

Commercial Project 7: Mini Lead Capture Website

Output: A lead-generation website with enquiry form front-end, validation and thank-you page.

Commercial value: This mimics how businesses collect enquiries, quote requests and booking leads.

Weeks 15–16

Commercial Project 8: Interactive Pricing Estimator

Output: A pricing estimator with options, add-ons, totals and a polished proposal-style result.

Commercial value: This is directly useful for service businesses that need quick estimates before formal quotes.

Weeks 17–18

Commercial Project 9: Performance + Trust Upgrade

Output: A refined website with faster assets, stronger trust sections, accessibility improvements and launch checklist.

Commercial value: Commercial sites need to be fast, trustworthy, readable and usable on mobile.

Weeks 19–20

Commercial Project 10: Final Portfolio-Ready Client Website

Output: A complete mini website combining landing page, content, calculator, quiz, SEO, sitemap and QA.

Commercial value: This becomes her portfolio piece showing she can use ChatGPT and code to build something real.

Weekly lessons

Week 1

Websites, Files and ChatGPT as a Coding Helper

Objective: Understand what a website is, learn how ChatGPT can help with coding, and create the first live HTML page.

Make: A live homepage for a pretend local business.

Open Week 1

Week 2

Turn One Page into a 3-Page Business Website

Objective: Create services and contact pages, add navigation, and finish the first commercial mini website.

Make: A 3-page local business website with homepage, services page and contact page.

Open Week 2

Week 3

CSS and Commercial Page Design

Objective: Use CSS to make a plain business site look polished and professional.

Make: A styled landing page for a pretend product or service.

Open Week 3

Week 4

Finish a Sales Landing Page

Objective: Complete a commercial-style landing page with benefits, offer details, testimonials, FAQ and call-to-action.

Make: A finished one-page sales landing page.

Open Week 4

Week 5

JavaScript Calculator Foundations

Objective: Learn how JavaScript calculators work and create the first useful calculator tool.

Make: A simple savings, profit or quote calculator.

Open Week 5

Week 6

Make the Calculator Commercial Quality

Objective: Add validation, better results, explanation content and SEO to the calculator page.

Make: A polished calculator page with validation, result card, explanation, FAQ and sitemap entry.

Open Week 6

Week 7

Build a Quiz That Recommends Something

Objective: Create an interactive quiz that asks questions, tracks answers and gives a recommendation.

Make: A quiz that recommends one of three options.

Open Week 7

Week 8

Make the Quiz Feel Like a Commercial Tool

Objective: Improve the quiz with better design, explanations, email-safe lead wording and localStorage.

Make: A polished quiz page with recommendation cards and saved latest result.

Open Week 8

Week 9

Build an SEO Content Hub

Objective: Create a content hub structure that search engines and people can understand.

Make: A pillar page and two supporting pages around one topic.

Open Week 9

Week 10

Finish the SEO Hub with Sitemap and On-Page SEO

Objective: Optimise the SEO hub with titles, descriptions, FAQs, sitemap and robots.txt.

Make: A completed mini SEO hub with sitemap and robots.txt.

Open Week 10

Week 11

Create a Product Comparison Page

Objective: Build a structured comparison page that helps visitors choose between options.

Make: A comparison page for three pretend products or services.

Open Week 11

Week 12

Add Schema and Polish to the Comparison Page

Objective: Improve the comparison page with FAQ schema, stronger layout and commercial trust elements.

Make: A polished comparison page with FAQs, FAQ schema and internal links.

Open Week 12

Week 13

Build a Lead Capture Website Front-End

Objective: Create a commercial enquiry page with a form layout and front-end validation.

Make: A lead capture page with a form that checks required fields.

Open Week 13

Week 14

Polish the Lead Capture Website

Objective: Improve the lead capture site with trust sections, form UX, thank-you page and tracking-style thinking.

Make: A polished mini lead capture website with enquiry page and thank-you page.

Open Week 14

Week 15

Build an Interactive Pricing Estimator

Objective: Create a pricing estimator with base price, options and add-ons.

Make: A simple estimator that calculates a total based on selected options.

Open Week 15

Week 16

Turn the Estimator into a Proposal-Style Result

Objective: Improve the estimator so it produces a clear proposal-style breakdown.

Make: A polished estimator with itemised breakdown, disclaimer and next-step CTA.

Open Week 16

Week 17

Improve Speed, Accessibility and Trust

Objective: Audit a website for speed, readability, accessibility and trust.

Make: A website improvement checklist and upgraded trust sections.

Open Week 17

Week 18

Create a Launch Checklist and Fix Bugs

Objective: Run a proper pre-launch QA process and fix problems before final publishing.

Make: A launch-ready version of one project plus a written QA checklist.

Open Week 18

Week 19

Plan the Final Portfolio-Ready Website

Objective: Plan and start a final website that combines the best skills from the course.

Make: A final website plan and first draft build.

Open Week 19

Week 20

Finish, Launch and Present the Final Website

Objective: Complete the final portfolio website, test it, upload it and present the finished project.

Make: A complete portfolio-ready website.

Open Week 20