Vibe coding pentru începători: cum pornești, pas cu pas

Vibe coding pentru începători se reduce la cinci pași: alegi un instrument care rulează aplicația în locul tău, descrii o aplicație mică în cuvinte simple, o testezi ca un utilizator, ceri câte o reparație pe rând și publici când funcționează. Nu trebuie să știi să programezi. Acest tutorial parcurge fiecare pas cu un prim proiect real, promptul exact pe care îl scrii și greșelile pe care le fac aproape toți începătorii în prima săptămână.

Dacă vrei mai întâi contextul, citește ce este vibe coding-ul, de unde vine termenul și de ce se dezbate. Această pagină este partea practică.

Ce îți trebuie înainte să începi

Mai puțin decât crezi:

• Un browser și un cont la un instrument de vibe coding. Începătorii ar trebui să aleagă un constructor de aplicații AI, care scrie codul, îl rulează și îl găzduiește, în loc de un asistent de cod care te așteaptă să gestionezi singur fișiere și servere.
• O idee mică. Nu startup-ul tău. Un instrument pentru o persoană (tu) cu unul sau două ecrane.
• O oră sau două fără întreruperi. Prima sesiune te învață ritmul.

Atât. Fără instalări, fără curs de programare, fără terminal.

Ce instrument să alegi ca începător

Instrumentul contează mai puțin decât obiceiurile, dar trebuie să facă trei lucruri: să arate o previzualizare live în timp ce construiește, să te lase să anulezi o modificare proastă și să publice la un link pe care îl poți partaja. Comparația noastră cu cele mai bune instrumente de vibe coding acoperă principalele opțiuni, cinstit. Mythex este una dintre ele: descrii aplicația în chat, construiește o aplicație reală full-stack cu previzualizare live, adaugă o bază de date atunci când aplicația trebuie să rețină lucruri, și publică dintr-un click. Planul gratuit nu cere card.

Pasul 1: Alege un prim proiect pe care îl poți termina

Începătorii eșuează de obicei pentru că țintesc prea sus. Un prim proiect bun:

• Îți este util ție personal, așa că îl vei testa cum trebuie.
• Încape pe unul sau două ecrane.
• Stochează o cantitate mică de date proprii.
• Nu are plăți, echipe sau date personale sensibile.

Proiecte bune pentru început:

Vom folosi lista de lectură în restul tutorialului.

Pasul 2: Scrie primul prompt

Primul tău mesaj stabilește forma a tot ce urmează. Spune pentru cine este, ce face și cum trebuie să arate. Ține-l într-un paragraf scurt.

Un prim prompt slab:

Fă-mi o aplicație cu cărți.

Un prim prompt bun:

Construiește pentru mine o aplicație cu lista de lectură. Pot adăuga o carte cu titlu, autor și stare (de citit, în lectură, terminată). Arată cărțile ca niște carduri grupate pe stare, cele mai noi primele. Pot schimba starea unei cărți sau o pot șterge. Păstreaz-o curată și simplă: fundal alb, o singură culoare de accent, care funcționează pe telefonul meu. Salvează cărțile ca să rămână acolo după ce reîncarc pagina.

Observă ce face al doilea. Enumeră câmpurile, acțiunile, aspectul și o regulă pe care începătorii o uită mereu: salvează datele ca să supraviețuiască unei reîncărcări. Fără această linie, multe instrumente construiesc o pagină care arată finalizată, dar uită totul când o reîncarci.

Pentru mai multe puncte de plecare, vezi cheat sheet-ul nostru cu prompturi de vibe coding.

Cere un plan când nu ești sigur

Dacă nu ești sigur cum să descrii ceva, cere AI-ului să planifice înainte să construiască:

Înainte să construiești ceva, spune-mi în cuvinte simple ce ecrane vei face, ce date vei stoca și ce trebuie să decid eu.

În Mythex, asta este rolul modului Plan: agentul expune abordarea, iar tu o aprobi înainte ca vreun fișier să se schimbe.

Pasul 3: Testează-o ca utilizator, nu ca persoana care a construit-o

Când apare previzualizarea, nu doar o admiri. O folosești:

1. Adaugă trei cărți, inclusiv una cu un titlu foarte lung.
2. Schimbă o stare. Cardul se mută în grupul corect?
3. Reîncarcă pagina. Cărțile sunt încă acolo?
4. Încearcă să adaugi o carte cu titlul gol. Ce se întâmplă?
5. Deschide previzualizarea pe telefon sau îngustează fereastra browserului.

Notează ce nu merge, în cuvinte simple. „Titlul lung strică aspectul cardului” este un raport de eroare perfect. „Nu merge” nu este.

Pasul 4: Repară câte un lucru pe mesaj

Acesta este obiceiul care separă oamenii care termină de cei care renunță. Trimite o singură schimbare, verific-o, apoi trimite următoarea.

Titlul lung „Ghidul autostopistului galactic: trilogia completă” depășește cardul. Încadrează titlurile lungi pe două rânduri și taie restul cu „…”.

Apoi:

Dacă trimit formularul cu titlul gol, nu se întâmplă nimic și nu apare niciun mesaj. Arată „Adaugă un titlu” sub câmp și nu salva cartea.

De ce câte una? Când ceri cinci modificări într-un singur mesaj, AI-ul poate face patru bine și strică discret ceva altceva, iar tu nu vei ști care schimbare a cauzat problema. Pașii mici fac și anularea utilă: dacă o schimbare merge prost, revino la versiunea de dinaintea ei și încearcă o cerere mai clară.

Când ceva se strică

Se va strica. Fiecare constructor ajunge la erori. Copiază textul exact al erorii sau descrie exact ce ai apăsat și ce ai văzut, și lipește-l înapoi:

Când apas Șterge pe un card, văd „A apărut o problemă” și cartea rămâne. Află de ce și repară-o. Spune-mi care a fost cauza.

Să ceri cauza contează. Te învață cum funcționează aplicațiile și îl oprește pe AI din a ghici. Ghidul nostru despre cum depanezi o aplicație construită cu AI merge mai departe.

Pasul 5: Fă-o a ta

Odată ce funcționează, îmbunătățește-o în aceiași pași mici:

• „Adaugă o evaluare cu 1–5 stele care apare pe cărțile terminate.”
• „Adaugă o casetă de căutare deasupra cardurilor care filtrează după titlu sau autor.”
• „Folosește un fundal alb-crem cald și un accent verde închis.”
• „Adaugă un contor sus: cărți terminate anul acesta.”

Fiecare este o schimbare unică, care poate fi testată.

Pasul 6: Publică-o și partajeaz-o

Când face ce ai nevoie, publică-o. Pe Mythex asta înseamnă un click, iar primești un URL public pe care îl poți deschide pe orice dispozitiv sau îl poți trimite unui prieten. Dacă mai târziu vrei propriul domeniu, aceasta este o funcție Pro, iar ghidul nostru despre cum conectezi un domeniu personalizat o explică.

Înainte să partajezi ceva dincolo de câțiva prieteni, citește este vibe coding-ul sigur?. Pentru o listă de lectură personală, riscul este mic. Pentru o aplicație în care străini se înscriu și stochează date, există verificări pe care trebuie să le faci mai întâi.

Greșeli de evitat ca începător

• Să ceri totul odată. „Construiește-mi Goodreads” produce ceva care arată impresionant și funcționează prost. Începe cu cea mai mică versiune utilă.
• Să nu testezi reîncărcarea. Datele care dispar la reîncărcare sunt cea mai comună surpriză pentru începători.
• Să-ți rescrii cererea de la zero de fiecare dată. Spune ce să schimbe și ce să păstreze: „Păstrează aspectul, schimbă doar culorile.”
• Să ai încredere în „e reparat”. AI-ul va spune adesea că o eroare este reparată. Verifică tu de fiecare dată.
• Să lipești parole sau chei API în chat. Dacă aplicația ta are nevoie de o cheie pentru un serviciu extern, pune-o în setările de secrete ale instrumentului, niciodată într-un mesaj sau în cod. Vezi cum păstrezi cheile API în siguranță.
• Să renunți după prima eroare. Erorile sunt normale. Lipește-le înapoi și cere cauza.

Ce să înveți pe parcurs

Nu ai nevoie de un curs, dar câteva idei vor face fiecare cerere mai precisă. Cere AI-ului să le explice în contextul propriei aplicații:

• Frontend și backend: ce rulează în browserul vizitatorului față de ce rulează pe un server. (Frontend vs backend)
• Bază de date: unde își păstrează aplicația datele. (Ce este o bază de date?)
• Autentificare: cum știe aplicația cine este cineva.
• Secrete: chei private pe care le folosește aplicația și pe care vizitatorii nu trebuie să le vadă niciodată.

Un prompt bun pentru asta: „Explică-mi cum își salvează lista mea de lectură o carte, de la apăsarea pe Adaugă până la stocarea datelor. Folosește cuvinte simple și referă-te la fișierele reale.”

Al doilea și al treilea proiect

După prima aplicație, alege ceva cu un pas mai greu. Un tracker de obiceiuri cu un grafic săptămânal. Un formular de rezervare care îți trimite un email. Un tablou mic care citește dintr-un Google Sheet. Exemplele noastre de vibe coding arată tipuri reale de aplicații cu prompturile din spate și ce a mers prost, iar cum construiești o aplicație cu vibe coding duce un proiect mai mare de la idee la o aplicație publicată, cu utilizatori.

Când ești gata să începi, deschide constructorul de aplicații AI, lipește promptul pentru lista de lectură de mai sus și schimbă-l cu ideea ta.

Întrebări