Laroo-Pece Division, Gulu City, Northern Uganda
Uganda time
+256-779-712-990 Learner login Chat on WhatsApp
Lumina Africa Foundation Igniting Light, Inspiring Change.
Donate
Web development - Beginner

Web Development with Claude Code: From First Page to Live Application

Build real websites and web applications from scratch with HTML, CSS, JavaScript, PHP and MySQL, using Claude Code as…

About this course

This course teaches you to build websites and web applications from your first page to a live, secure application, and to use an AI coding assistant, Claude Code, as a helper rather than a replacement for understanding. It is for students, beginners, aspiring developers and entrepreneurs, and every stage is project-driven: you build, test and explain real work.

You will set up your tools, learn HTML, CSS and JavaScript, and then learn how Claude Code works in a project: writing clear prompts, planning first, reviewing every change, and using Git to recover from mistakes. You will add a backend with PHP and a MySQL database, build secure registration and login with roles, and bring everything together in complete applications with dashboards and reports. Later stages cover APIs and payments concepts, website security, testing and debugging, and deploying to a real hosting account with a public address.

The emphasis is on understanding and verifying the work an AI produces: you will learn to spot invented code, security weaknesses and wrong assumptions before they reach your users. Tools, accounts and features change quickly, so the course teaches lasting skills and tells you where to check the current official documentation. If you cannot use Claude Code, you can follow every exercise with another AI assistant or by writing the code yourself. The course ends with a final project chosen from eight options, from a portfolio website to an e-commerce or loan management system, which you demonstrate with evidence of testing and deployment.

What you will learn

  • Explain how websites work and the roles of frontend, backend and full-stack development
  • Set up a professional local development environment with an editor, Git, a terminal and XAMPP
  • Build responsive pages with HTML, CSS and JavaScript
  • Direct Claude Code with clear prompts, plan first, review every change and recover with Git
  • Build dynamic PHP and MySQL applications with secure forms, sessions and prepared statements
  • Implement registration, login, roles and protected pages that are enforced on the server
  • Integrate APIs, find and fix common security weaknesses, and test an application thoroughly
  • Deploy an application to a public URL and present a documented final project

Course content

8 modules · 35 lessons · 14 h · 9 quizzes

Stage 1: Foundations and Setup4 lessons

Understand how websites work, what AI coding assistants such as Claude Code can and cannot do, and set up a working local development environment.

  1. How websites work and where AI coding fits in 22 min
  2. Working with AI responsibly: skills, careers and real problems 22 min
  3. Your toolbox: VS Code, Git, GitHub, the terminal and Claude Code 24 min
  4. Local servers, project structure and fixing setup problems 24 min
  5. Quiz: 8 questions
Stage 2: Frontend Foundations6 lessons

Build the visible part of a website: structure pages with semantic HTML, style and make them responsive with CSS, and add interactivity with JavaScript, using Claude Code as a reviewed assistant.

  1. HTML foundations: page structure, text, links, images and tables 22 min
  2. HTML forms, semantic structure, navigation and your profile website 22 min
  3. CSS foundations: selectors, colour, the box model, Flexbox and Grid 24 min
  4. Responsive design, components, animation and your landing page 24 min
  5. JavaScript foundations: variables, logic, functions, data and the DOM 24 min
  6. Interactive features: validation, search, APIs, debugging and Claude Code 25 min
  7. Quiz: 8 questions
Stage 3: Building with Claude Code and Git5 lessons

Learn to direct Claude Code with clear prompts, a plan-first workflow and careful review, and to protect every step with Git checkpoints, branches, GitHub and safe handling of secrets.

  1. Working with Claude Code: context, prompts and requirements 22 min
  2. Plan first, review every change, and understand the code 22 min
  3. Safe practice: testing, context, recovery and permissions 24 min
  4. Git and GitHub basics: commits, branches and merging 22 min
  5. Collaborating safely: push, pull, conflicts, secrets and checkpoints 24 min
  6. Quiz: 8 questions
Stage 4: Backend and Data4 lessons

Build the server side of a dynamic website with PHP and store its data safely in MySQL, finishing with a student registration system.

  1. PHP basics: forms, GET and POST, sessions 24 min
  2. PHP in practice: includes, uploads, validation, errors 25 min
  3. Databases and SQL: tables, keys and CRUD 25 min
  4. PHP and MySQL together: joins, security, backups 26 min
  5. Quiz: 8 questions
Stage 5: Accounts and Complete Applications4 lessons

Build secure registration, login, roles and Google Sign-In, then combine frontend, backend, database and authentication into a complete, tested management system.

  1. Authentication basics: passwords, sessions, reset and roles 24 min
  2. Protecting pages, Google Sign-In, rate limits and testing 25 min
  3. From requirements to a plan: SRS, workflows, wireframes and data 24 min
  4. Building the application: CRUD, dashboards, reports and delivery 25 min
  5. Quiz: 8 questions
Stage 6: APIs and Security4 lessons

Connect your application to outside services such as payments, email and maps, then protect it against the most common attacks and review AI-written code with a security checklist.

  1. APIs, REST and JSON: talking to other systems 24 min
  2. Keys, payments, webhooks and third-party failures 25 min
  3. Common attacks: injection, XSS, CSRF, passwords and sessions 25 min
  4. Hardening, AI code review and the security report 26 min
  5. Quiz: 8 questions
Stage 7: Testing and Deployment4 lessons

Test and debug a web application with a plan, browser tools and careful use of Claude Code, then deploy it to a working public URL and keep it healthy.

  1. Testing and debugging: plans, developer tools and errors 24 min
  2. Quality assurance: roles, devices, automation and the release checklist 25 min
  3. From localhost to the internet: hosting, domains and preparing your project 24 min
  4. Going live: upload, HTTPS, post-launch checks and maintenance 25 min
  5. Quiz: 8 questions
Stage 8: Professional Practice and Final Projects4 lessons

Learn to plan, review, document and hand over AI-assisted software like a professional, then complete, demonstrate and present a final web application.

  1. Working with AI professionally: requirements, review and Git 24 min
  2. Professional practice: codebases, confidentiality, estimates and handover 24 min
  3. Final projects part 1: choosing, planning and collecting evidence 24 min
  4. Final projects part 2: outlines, presentation and assessment 25 min
  5. Quiz: 8 questions
Final exam

30 questions. Pass with 70% or more to earn your certificate.

What you need

  • A computer (Windows, Mac or Linux) that can install an editor and XAMPP, and an internet connection
  • No programming experience needed
  • Optional: access to Claude Code or another AI assistant (the exercises also work by hand)
  • A free GitHub account (the lessons show how to create one)

Further reading

More courses to explore

Intermediate 1 learner

JavaScript for Beginners: Make Web Pages Interactive

Learn JavaScript from the first line: variables, decisions, loops, functions, the DOM and events. Build a to-do list, tip calculator, quiz and tabs, then learn debugging and fetch.

What you will learn

  • First steps with JavaScript
  • Decisions, loops and functions
  • The DOM: controlling the page
  • 18 lessons
  • 5 h 6 min
  • Online, at your pace
View course

To install on iPhone or iPad: tap the Share button in Safari, then choose "Add to Home Screen".