Course Map
Quick overview of every week, what she is trying to achieve and what she should produce.
| Week | Title | Objective | Make | Done when |
|---|---|---|---|---|
| Week 1 | Websites, Files and ChatGPT as a Coding Helper | Understand what a website is, learn how ChatGPT can help with coding, and create the first live HTML page. | A live homepage for a pretend local business. | The homepage is uploaded online, has a heading, intro text, services preview and a link to the next page placeholder. |
| Week 2 | Turn One Page into a 3-Page Business Website | Create services and contact pages, add navigation, and finish the first commercial mini website. | A 3-page local business website with homepage, services page and contact page. | All three pages are online, linked together, and easy to understand. |
| Week 3 | CSS and Commercial Page Design | Use CSS to make a plain business site look polished and professional. | A styled landing page for a pretend product or service. | The page has colours, spacing, cards, buttons and a professional layout. |
| Week 4 | Finish a Sales Landing Page | Complete a commercial-style landing page with benefits, offer details, testimonials, FAQ and call-to-action. | A finished one-page sales landing page. | The landing page has all major sales sections, looks polished, and has clear calls-to-action. |
| Week 5 | JavaScript Calculator Foundations | Learn how JavaScript calculators work and create the first useful calculator tool. | A simple savings, profit or quote calculator. | The calculator accepts inputs, calculates a correct answer and displays a result. |
| Week 6 | Make the Calculator Commercial Quality | Add validation, better results, explanation content and SEO to the calculator page. | A polished calculator page with validation, result card, explanation, FAQ and sitemap entry. | The calculator handles bad inputs, shows helpful messages and looks like a real website tool. |
| Week 7 | Build a Quiz That Recommends Something | Create an interactive quiz that asks questions, tracks answers and gives a recommendation. | A quiz that recommends one of three options. | The quiz asks questions, records answers and shows a recommendation at the end. |
| Week 8 | Make the Quiz Feel Like a Commercial Tool | Improve the quiz with better design, explanations, email-safe lead wording and localStorage. | A polished quiz page with recommendation cards and saved latest result. | The quiz looks polished, explains the recommendation and saves the last result on the same device. |
| Week 9 | Build an SEO Content Hub | Create a content hub structure that search engines and people can understand. | A pillar page and two supporting pages around one topic. | The hub has one main guide, two supporting articles and clear internal links. |
| Week 10 | Finish the SEO Hub with Sitemap and On-Page SEO | Optimise the SEO hub with titles, descriptions, FAQs, sitemap and robots.txt. | A completed mini SEO hub with sitemap and robots.txt. | All hub pages have titles, meta descriptions, FAQs, internal links and sitemap entries. |
| Week 11 | Create a Product Comparison Page | Build a structured comparison page that helps visitors choose between options. | A comparison page for three pretend products or services. | The page has a comparison table, buyer guide and recommendation sections. |
| Week 12 | Add Schema and Polish to the Comparison Page | Improve the comparison page with FAQ schema, stronger layout and commercial trust elements. | A polished comparison page with FAQs, FAQ schema and internal links. | The comparison page is clear, structured, mobile-friendly and includes schema. |
| Week 13 | Build a Lead Capture Website Front-End | Create a commercial enquiry page with a form layout and front-end validation. | A lead capture page with a form that checks required fields. | The form looks professional and shows helpful messages before submission. |
| Week 14 | Polish the Lead Capture Website | Improve the lead capture site with trust sections, form UX, thank-you page and tracking-style thinking. | A polished mini lead capture website with enquiry page and thank-you page. | The lead page explains the offer, builds trust, validates the form and shows a useful thank-you page. |
| Week 15 | Build an Interactive Pricing Estimator | Create a pricing estimator with base price, options and add-ons. | A simple estimator that calculates a total based on selected options. | The estimator adds a base price and optional extras correctly. |
| Week 16 | Turn the Estimator into a Proposal-Style Result | Improve the estimator so it produces a clear proposal-style breakdown. | A polished estimator with itemised breakdown, disclaimer and next-step CTA. | The estimator shows selected package, add-ons, total, notes and next action. |
| Week 17 | Improve Speed, Accessibility and Trust | Audit a website for speed, readability, accessibility and trust. | A website improvement checklist and upgraded trust sections. | The chosen website has better headings, alt text, clearer buttons, trust blocks and smaller assets. |
| Week 18 | Create a Launch Checklist and Fix Bugs | Run a proper pre-launch QA process and fix problems before final publishing. | A launch-ready version of one project plus a written QA checklist. | The website passes link, mobile, calculator, SEO, sitemap and privacy checks. |
| Week 19 | Plan the Final Portfolio-Ready Website | Plan and start a final website that combines the best skills from the course. | A final website plan and first draft build. | The final project has a clear topic, site map, homepage draft and build checklist. |
| Week 20 | Finish, Launch and Present the Final Website | Complete the final portfolio website, test it, upload it and present the finished project. | A complete portfolio-ready website. | The final website is online, tested, polished and presented clearly. |