⚡ Learn Claude Code — Beginner's Guide

A friendly, interactive web app that teaches complete beginners how to use Claude Code — Anthropic's AI coding tool.

No coding experience required to use this guide.

👉 Companion piece: If you want to use Claude without writing code (the Desktop app + your own AI agent via OpenClaw), see claude-from-zero — a written walkthrough for non-developers. This repo is the interactive sibling for the Claude Code (developer CLI) audience.

🌐 Try It Live

👉 Open the interactive guide in your browser

No install, no signup — it just runs.

📚 What You'll Learn

The course has 6 short, interactive lessons:

1. What is Claude Code? — What it is and what it can do
2. Installing Claude Code — Step-by-step setup for Mac & Windows
3. Starting Claude Code — How to open it and navigate to your project
4. Basic Commands — Slash commands and the -p flag
5. How to Ask for Help — Writing prompts that get great results
6. Your First Real Project — Build a working to-do app from scratch

🚀 Other Ways to Use It

Run locally without internet:

1. Download or clone this repo
2. Double-click index.html
3. It opens in your browser — start learning!

Host your own copy on GitHub Pages (free):

1. Fork this repo
2. Go to Settings → Pages and set source to main branch, root folder
3. Your guide is live at https://yourusername.github.io/learn-claude-code

🛠 Tech Stack

A single self-contained index.html file. No frameworks, no dependencies, no build step. Pure HTML, CSS, and JavaScript — intentionally simple so beginners can read the source code too.

🤝 Contributing

Spot something wrong, want to add a lesson, or want to translate it? PRs welcome. The bar for changes: does this make the guide more useful for an actual first-timer?

📄 License

MIT — free to use, share, and remix.