Aceasta este lectia in care lucrurile devin interesante. Esti pe punctul de a cunoaste instrumentul care face vibe coding-ul posibil — Claude Code.
Ce este Claude Code?
Claude Code este asistentul de programare AI de la Anthropic, nativ pentru terminal. Spre deosebire de chat-ul cu Claude intr-o fereastra de browser, Claude Code ruleaza direct pe computerul tau. Poate citi fisierele proiectului, intelege codebase-ul si scrie cod real in sistemul tau de fisiere.
Concept
Gandeste-te la Claude Code ca la un dezvoltator senior care sta langa tine — unul care nu se enerveaza niciodata pe intrebari de baza, lucreaza la fel de repede pe cat poti tasta si a citit documentatia pentru fiecare framework popular. Tu descrii ce vrei; el construieste.Diferenta cheie fata de chat-ul AI din browser:
- Iti vede proiectul — stie ce fisiere ai, ce cod e scris, ce unelte sunt instalate
- Scrie fisiere reale — nu cod intr-o fereastra de chat pe care trebuie sa-l copiezi, ci fisiere reale pe computerul tau
- Ruleaza comenzi — poate instala pachete, porni servere, rula teste
- Cere permisiune — tu revizuiesti si aprobi intotdeauna modificarile inainte sa fie facute
Instalarea Claude Code
Pasul 1: Instaleaza prin terminal
Deschide terminalul si ruleaza:
npm install -g @anthropic-ai/claude-code
Aceasta instaleaza Claude Code global pe masina ta.
Pasul 2: Autentificare
Navigheaza la folderul proiectului si ruleaza:
cd waitlist-wizard
claude
Prima data cand il rulezi, Claude Code va deschide browserul pentru a te autentifica cu contul tau Claude Pro. Logheaza-te si autorizeaza conexiunea.
Pasul 3: Verifica
Dupa autentificare, ar trebui sa vezi promptul Claude Code in terminal. Tasteaza un mesaj pentru a-l testa:
What's in this folder?
Claude ar trebui sa raspunda listind fisierele din directorul waitlist-wizard (doar README.md de la lectia trecuta).
Incearca
Ruleazaclaude in terminal, apoi tasteaza: "Create a file called index.html with a simple hello world page". Urmareste cum Claude creeaza fisierul, apoi deschide-l in VS Code — chiar e acolo!
Intelegerea sistemului de permisiuni
Claude Code functioneaza pe un flux de revizuire si aprobare. Cand vrea sa creeze sau sa modifice un fisier, va:
- Iti arata exact ce planifica sa faca
- Asteapta aprobarea ta inainte de a face modificari
- Procedeaza doar cand spui da
Asta inseamna ca esti mereu in control. Claude nu iti va modifica fisierele fara permisiunea ta explicita.
Pentru sarcini simple in care ai incredere in ce se intampla, poti alege modul "Accept all" — dar ca incepator, e bine sa revizuiesti fiecare modificare ca sa inveti ce se construieste.
Fisierul CLAUDE.md
Fiecare proiect poate avea un fisier CLAUDE.md — un fel de "memorie a proiectului" care ii spune lui Claude despre preferintele tale, tech stack-ul si cum vrei sa lucreze.
Incearca
In sesiunea ta Claude Code, tasteaza: /initAceasta creeaza un fisier CLAUDE.md. Apoi editeaza-l (in VS Code sau prin Claude) pentru a include:
This is a beginner project. Explain changes simply. Use Next.js with TypeScript and Tailwind CSS.
Claude va citi acest fisier la inceputul fiecarei conversatii, asa ca va sti intotdeauna contextul proiectului tau.
Plan Mode: Gandeste inainte de a construi
Una dintre cele mai puternice functii ale Claude Code este Plan Mode. In loc sa sara direct la cod, Plan Mode ii cere lui Claude sa analizeze problema si sa schiteze pasii mai intai.
Cand sa folosesti Plan Mode:
- Functionalitati complexe care implica mai multe fisiere
- Orice lucru de care nu esti sigur
- Cand vrei sa intelegi abordarea inainte de a te angaja
Cand sa-l sari:
- Modificari simple intr-un singur fisier
- Corectii rapide si ajustari minore
Pentru a intra in Plan Mode, tasteaza /plan urmat de cererea ta:
/plan Add an email signup form to the landing page that validates the email and shows a success message
Claude va raspunde cu un plan pas cu pas. Poti discuta, modifica sau aproba planul inainte ca vreun cod sa fie scris.
Comenzi esentiale — Fisa de referinta
| Comanda | Ce face |
|---|---|
/help |
Vezi toate comenzile disponibile |
/clear |
Incepe o conversatie noua |
/compact |
Rezuma conversatia pentru a economisi context |
/plan |
Intra in plan mode — gandeste inainte de a construi |
/model |
Comuta intre Sonnet (rapid) si Opus (riguros) |
Pro Tip
Foloseste Sonnet pentru sarcini rapide, cum ar fi corectarea unei greseli de tipar sau adaugarea unui element simplu. Foloseste Opus pentru functionalitati complexe, debugging dificil sau cand rezultatul Sonnet nu e exact ce trebuie. Sonnet e mai rapid si mai ieftin; Opus e mai inteligent si mai riguros.Prima ta interactiune reala
Hai sa facem ceva concret. In sesiunea ta Claude Code, incearca acest prompt:
Delete the index.html file and replace it with a proper Next.js project.
We'll set that up in the next lesson, so for now, just clean up.
Claude va sterge fisierul de test si va lasa proiectul pregatit pentru pasul urmator.
Nota sincera
Claude Code este co-pilotul tau, nu autopilotul. Cu cat comunici mai clar ce vrei, cu atat rezultatele sunt mai bune. Prompturile vagi produc cod vag. Prompturile specifice si descriptive produc exact ce ai nevoie. Vom exersa aceasta abilitate pe parcursul intregului curs.Concluzia cheie
Claude Code este instalat, autentificat si gata de lucru. Ai avut prima ta conversatie, ai creat primul fisier si ai invatat comenzile esentiale. De aici inainte, Claude este partenerul tau in construirea Waitlist Wizard.