// Track

Getting Started with Claude Code

From Zero to Your First Project

From zero to your first web page — install Claude Code, learn the core workflow, and ship your first project with AI as your copilot.

8 lessons~73 min total

Lessons are shown in recommended order. Complete them in sequence for the best experience — or jump to any lesson.

Lesson 40·8 min read

What Is Claude Code? The AI-Powered Developer

Claude Code is not a chatbot. It is an agentic coding assistant that reads your files, runs commands, and edits code directly inside your real project — the gap between describing and doing, closed.

Lesson 41·7 min read

Installing Claude Code

Node.js, an API key, one npm command, and you're running. This lesson walks every step of the installation with the exact commands and what to expect when each succeeds.

Lesson 42·9 min read

Your First Session with Claude

Starting a session, asking questions versus giving tasks, reading tool calls in real time, and understanding permission modes — this is what Claude Code actually feels like to use.

Lesson 43·10 min read

Writing Your First Web Page with Claude Code

Create a project folder, ask Claude to build an HTML/CSS/JS page, iterate on the design, and open it in your browser — your first complete build cycle from prompt to live preview.

Lesson 44·9 min read

Understanding Context — How Claude Sees Your Project

Claude does not have eyes on your codebase by default — it reads what you give it or what it fetches via tools. Understanding context limits, CLAUDE.md, and session management makes you dramatically more effective.

Lesson 45·8 min read

Commands, Shortcuts, and Slash Commands

The complete reference for Claude Code slash commands, keyboard shortcuts, CLI flags, and configuration — from /help to --dangerously-skip-permissions, covering every control you need for efficient daily use.

Lesson 46·10 min read

Debugging with Claude Code

Paste the error, give Claude context, watch it diagnose and fix — then learn how to read tool outputs, when to reframe stuck loops, and how to add regression tests so the bug never returns.

Lesson 47·12 min read

Your First Full Project — Build a Portfolio Page

From blank folder to live deployed site — plan with CLAUDE.md, build iteratively section by section, apply git discipline, and deploy. This is the complete beginner-to-shipped workflow.