Krok 5 ze 6

Tvoje první úprava webu

Teď to přijde. Něco změníš na webu — opravdu. Tahle změna pak půjde do světa. Vyber si jeden ze tří sandbox levelů níž.

🎯 Vyber si svou úroveň

Doporučuju začít Level 1, i kdyby ti to přišlo směšně snadný. Půjde o to vidět, jak celá smyčka funguje: ty řekneš → Claude udělá → web se změní.

LEVEL 1 · EASY

🎨 Změň barvy webu

5 minut, 1 řádek kódu
LEVEL 2 · MEDIUM

🎮 Hra do arcade

15-30 minut, nová hra
LEVEL 3 · HARD

🏆 Achievement

JS logika, vlastní event

📚 Jak komunikovat s Claude

Tady jsou tři pravidla, která zjednoduší všechno:

1) Mluv s ním jak s kamarádem, ne jak s počítačem

Místo:

> modify css variable --accent to red color

Napiš spíš:

> Změň hlavní akcentovou barvu na červenou. Je teď zelená.

Claude to pochopí stejně dobře a tobě se to píše lehce. Nemusíš znát anglické technické slova.

2) Říkej mu, co chceš vidět, ne co má udělat

Místo:

> Otevři style.css a změň hodnotu --accent na #ff0000

Napiš:

> Chci, aby zelená barva na webu byla červená.

Claude si sám najde kde a jak. Jeho práce je vědět jak, ne tvoje.

3) Když nevíš, ptej se

Kdykoli ti něco není jasné, napiš:

> Tohle nechápu. Vysvětli mi to jednodušeji, ano?

Claude to nikdy nevadí. A ty se učíš mnohem rychleji.

⚠️ Když něco rozbiješ

Vůbec se neboj rozbít to. Všechno se dá vrátit.

Když máš pocit, že to nefunguje:
  1. Napiš Claude: „Vrať to do stavu před tou poslední změnou."
  2. Nebo: „Něco je rozbité. Pojďme to opravit."
  3. Nebo zavři vše a začni znovu — soubory na webu se nezmění, dokud je nepushneš (krok 6).

Vyber si level. Otevři Claude Code. Začni.
Až budeš spokojený s výsledkem, jdi na krok 6 — uvidíš změnu live na webu.

← Krok 4 Krok 6 — Deploy →