Claude Code Tutorial: Your First 30 Minutes

This is the walkthrough for someone who has heard of Claude Code, maybe installed it, and hasn't actually run a real task yet. No prior AI-tool experience assumed — just enough to get from a blank terminal to your first reviewed, approved change.

Before You Start

You need three things: a terminal you're at least a little comfortable typing into, Node.js installed on your machine (Claude Code is distributed as an npm package), and a folder to work in — an existing project if you have one, or an empty folder if you just want to practice first. You do not need to already know how to code. You do need to be willing to read what Claude Code proposes before approving it — that habit matters more than any technical prerequisite.

Installing Claude Code

Claude Code installs globally through npm, the same way most command-line developer tools do:

npm install -g @anthropic-ai/claude-code

Once that finishes, open a terminal inside the folder you want to work in and start it:

cd your-project-folder
claude

The first run will walk you through signing in. After that, you land in an interactive session inside your terminal — this is where the rest of the work happens.

How the Permission Model Works in Practice

This is the part most tutorials skip and most beginners worry about most: Claude Code does not silently rewrite your files. When it wants to edit a file, run a shell command, or take any action with real effects, it shows you exactly what it's about to do and waits for your approval before doing it. You can approve one action at a time, or pre-approve a scoped set of actions for the rest of a session if you're comfortable with the kind of work it's doing. Nothing irreversible happens without you seeing it first — that review step is the actual safety mechanism, not a setting you have to go find and turn on.

Your First Task, Step by Step

Skip the temptation to start with something big. A first task that's small, concrete, and easy to check is worth more than an ambitious one you can't evaluate.

1

Commit or back up first

If your folder is a git repository, make sure everything is committed before you start. This isn't optional caution — it's what makes "undo" trivial no matter what happens next.

2

Describe the outcome, not the steps

Instead of "open the CSS file and change line 40," try "make the header background dark navy instead of white." Claude Code figures out which files to touch — describing the result gives it more useful information than pre-deciding the implementation for it.

3

Read the proposed change before approving

Claude Code will show you what it intends to edit or run. Actually read it — even a partial read is enough to catch something that doesn't match what you asked for.

4

Approve, then check the result yourself

Once you approve, open the file or reload the page and confirm it actually did what you expected. Don't take the summary text as proof — look at the real output.

5

Iterate in small follow-ups

If it's not quite right, say specifically what's wrong rather than starting over. "The navy is too dark, make it a shade lighter" is a better follow-up than re-explaining the whole task.

What to Do When Something Goes Wrong

Two things cover almost every beginner problem. First, if a proposed change looks wrong or you don't understand it, don't approve it — ask Claude Code to explain what it's about to do in plain language, or ask for a smaller version of the task. Second, if something already got applied and you don't like it, and your project is a git repo, you can revert it the normal git way — this is the entire reason step one of the walkthrough above matters. Neither of these requires you to already be technical; they're the same review habits that make the rest of the workflow safe.

Past Your First Task

This tutorial covers the first 30 minutes. A project-based course covers the rest — building real landing pages, SEO automation, and business workflows with Claude Code, plus 180+ HTML/CSS/JS templates included.

See the Course — $35 →

Frequently Asked Questions

Do I need to know how to code to follow this tutorial?

No. You need basic comfort typing commands into a terminal and reading what comes back. Claude Code writes the code — your job in this tutorial is describing what you want and reviewing what it proposes.

Is Claude Code free?

Claude Code has its own pricing set by Anthropic, separate from this tutorial. Check their site for current plans.

What if Claude Code proposes something I don't understand?

Don't approve it. Ask it to explain the change in plain language first, or ask for a smaller, more specific version of the same task. Approving changes you don't understand is the single habit most likely to cause real problems later.

Can I undo a change Claude Code makes?

If your project is a git repository, yes — commit your work before starting a session, and any change can be reverted the normal git way. This is the single most useful habit to build before your first real task.