READY TO BUILD

Stop Copying Code. Start Understanding It.

Learn to work with AI as your coding partner. Write better prompts, understand the code you receive, fix bugs, and build projects you can actually explain.

How CODEX Works

Three habits that turn AI from a shortcut into a teacher.

Think

Understand the problem and plan what you want to build before you type a single prompt.

Prompt

Give AI clear instructions and useful context so the answers you get are worth reading.

Build

Test, understand, debug, and improve code until it works and you can explain why.

Learning Path

Ten lessons, in order. Open any lesson below and work through the course at your own pace.

  1. 01

    Programming and AI Fundamentals

    Learn what code is, how AI models generate it, and where they can make mistakes.

    Beginner Open Lesson 01
  2. 02

    Prompt Engineering for Coding

    Write prompts with clear goals, useful context, requirements, and constraints.

    Beginner Open Lesson 02
  3. 03

    HTML Foundations

    Build webpage structures using elements, headings, links, images, lists, and forms.

    Beginner Open Lesson 03
  4. 04

    CSS and Responsive Design

    Style webpages with colors, layouts, Flexbox, Grid, and mobile-friendly designs.

    Intermediate Open Lesson 04
  5. 05

    JavaScript Fundamentals

    Learn variables, functions, conditions, loops, events, and DOM manipulation.

    Intermediate Open Lesson 05
  6. 06

    Debugging and Understanding Errors

    Read error messages, trace problems, fix bugs, and test your code systematically.

    Intermediate Open Lesson 06
  7. 07

    Building Complete Projects

    Plan, build, test, and improve a project from an empty folder to a finished page.

    Advanced Open Lesson 07
  8. 08

    Creating and Presenting Your Own Brand

    Create a consistent identity using colors, typography, design, and clear messaging.

    Advanced Open Lesson 08
  9. 09

    AI-Assisted Programming

    Improve prompts, review AI-generated code, test solutions, and use AI responsibly.

    Advanced Open Lesson 09
  10. 10

    Capstone: Build Your Own Website

    Combine HTML, CSS, JavaScript, debugging, and branding in a final project.

    Final Project Open Lesson 10

Prompt Lab

Fill in the fields to build a detailed prompt, then copy it into your preferred AI tool.

Copied to clipboard

Build Real Projects

Finish the course with work you can show and explain.

Personal Portfolio Website

A responsive site that introduces you, shows your work, and gives visitors a way to reach you.

  • HTML
  • CSS
  • Responsive layout

Interactive JavaScript App

A calculator or task tracker that reacts to clicks, input, and changing data.

  • JavaScript
  • DOM events
  • Debugging

Browser-Based Game

A simple game with scoring and keyboard or touch controls, built and tested step by step.

  • JavaScript
  • Game logic
  • Testing

AI Can Write Code. You Should Know What It Does.

The goal is not faster copying. It is learning to question what AI gives you.

  • Ask AI to explain unfamiliar code.
  • Test generated solutions.
  • Identify and fix bugs.
  • Compare different approaches.
  • Avoid blindly trusting AI-generated output.

Vague Prompt

Make me a website.

Precise Prompt

Create a one-page personal website using HTML and CSS only. Include a header, an about section, and a contact form. Make it readable on phones. Explain each CSS rule in a comment.

Your First Project Starts Here.

You don't need to know everything before you start. You need a clear goal, the right questions, and the willingness to learn.