Skip to content
Fa cunostinta cu Claude Code: Partenerul tau de programare AI
← Inapoi la Curs Lectia 3 / 10

Fa cunostinta cu Claude Code: Partenerul tau de programare AI

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

Ruleaza claude 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:

  1. Iti arata exact ce planifica sa faca
  2. Asteapta aprobarea ta inainte de a face modificari
  3. 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: /init

Aceasta 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.

Checkpoint

Claude Code este instalat si functional. Ai creat si sters un fisier de test, ai configurat CLAUDE.md si ai invatat comenzile esentiale. Urmeaza: alegerea tech stack-ului potrivit pentru proiectul tau.