Vibe coding: creează singur o aplicație mică

La vibe coding descrii în cuvinte simple ce vrei să creezi. Asistentul scrie codul, îți arată rezultatul și îl ajustează pe baza feedbackului tău. Nu trebuie să știi să programezi. Poți crea, de exemplu, un quiz de exersare, un mic joc sau un instrument util pentru clasa ta.

Ai nevoie doar de aplicația desktop. Nu trebuie să instalezi Node.js sau git: aplicația le are deja incluse.

1. Alege un folder de lucru

Creează un folder gol pe computer, de exemplu QuizInmultire, și alege-l ca folder de lucru al chatului. Cum se face afli în Acces la fișiere locale. Asistentul lucrează doar în acest folder.

2. Descrie ce vrei

Spune cât mai concret ce vrei să creezi. De exemplu:

Creează un quiz de matematică pentru clasa a IV-a ca o singură pagină HTML. Zece întrebări despre tabla înmulțirii până la 10, cu butoane mari, un scor la final și un buton pentru a o lua de la capăt.

O pagină simplă ca aceasta este afișată de asistent cu serverul web integrat al aplicației. Rezultatul apare în browserul integrat: butonul Browser (pictograma cu glob) din dreapta barei de sus. Mai multe afli în Servere locale și browserul integrat.

Nu ești mulțumit? Spune pur și simplu ce trebuie schimbat:

Fă butoanele verzi și, la un răspuns greșit, arată răspunsul corect.

Fotografiile tale și asistentul care se uită

Atașează o fotografie la mesaj și cere:

Pune această fotografie pe pagina web.

Asistentul salvează fotografia în folderul proiectului, de exemplu în img/, și o pune pe pagină. Merge și cu o imagine pe care asistentul tocmai a creat-o pentru tine.

Ceva nu e în regulă cu pagina din browserul integrat? Cere:

Uită-te ce nu merge pe pagină.

Asistentul se uită atunci la text, la o captură de ecran și la mesajele de eroare ale paginii. Vezi Lasă asistentul să se uite.

Când asistentul deschide singur o pagină în browserul integrat, așteaptă până se încarcă și îi vede mesajele de eroare, de exemplu o eroare de script sau un fișier care nu se încarcă. Le corectează înainte să spună că funcționează. Apoi încearcă pagina ca un utilizator: dă clic pe butoane, completează câmpuri, apasă taste și corectează erorile care apar. Dacă totul funcționează cum vrei verifici tu.

3. Aplicații mai mari

Dacă vrei ceva mai mare, cum ar fi o aplicație cu mai multe ecrane, asistentul poate crea un proiect cu, de exemplu, Vite și React:

Creează în acest folder o aplicație React cu Vite pentru un quiz de vocabular. Instalează tot, pornește aplicația și arată rezultatul.

Pornirea unui astfel de proiect (de exemplu cu npm create vite@latest) o aprobi pe cardul de comandă. Apoi asistentul instalează pachete. Și pe acestea le aprobi sau activezi Permite instalarea pachetelor fără a întreba. Vezi Instalarea pachetelor. Nu vrei un card pentru fiecare comandă? Alege Ai încredere în acest proiect pe primul card.

4. Salvează versiuni

O versiune este un instantaneu al proiectului tău. Dacă nu-ți place o modificare, poți reveni la o versiune anterioară. La momentul potrivit, cere-i asistentului:

Salvează o versiune.

Prima dată, asistentul pornește un istoric al versiunilor pentru folder. Fișierele care par să conțină secrete, cum ar fi parole sau chei (inclusiv cheile API Google), nu ajung niciodată într-o versiune. Asistentul te anunță dacă omite ceva.

5. Pune proiectul pe GitHub

Pe GitHub îți păstrezi proiectul online. Astfel ai o copie de rezervă și poți lucra mai departe la el pe alt computer.

Conectarea GitHub

Fiecare își conectează propriul cont GitHub. Nu ai încă un cont? Creează mai întâi unul gratuit pe github.com/signup.

1. Mergi la Setări și caută panoul GitHub la Stare desktop.
2. Fă clic pe Conectează GitHub. Aplicația afișează un cod și deschide github.com/login/device în browser.
3. Introdu codul pe GitHub (cu Copiază codul îl copiezi) și acordă permisiunea. Dacă pagina nu s-a deschis, fă clic pe Deschide GitHub.
4. Panoul afișează acum Conectat ca @numele-tău.

Ce cere GitHub. GitHub afișează aplicația AI-School Desktop de la HandiHow-B-V și cere acces la depozitele tale (repo): citire și scriere, inclusiv în depozitele private. Accesul este necesar pentru a crea și actualiza proiectul. Acordă-l doar dacă pagina este pe github.com.

Codul a expirat? Codul este valabil aproximativ 15 minute. Dacă a expirat, dă din nou clic pe Conectează GitHub.

Depozitele unei organizații, de exemplu organizația GitHub a școlii tale:

• Dacă organizația restricționează aplicațiile terțe, dă clic pe Request (solicită acces) lângă organizație, pe ecranul de autorizare. Poți face asta și mai târziu la github.com/settings/applications > AI-School Desktop.
• Un proprietar al organizației aprobă la Settings > Third-party access > OAuth application policy al organizației.
• Fără această aprobare funcționează depozitele tale, dar nu și cele ale organizației.

Alt cont? Dă clic pe Deconectează și deconectează-te de la github.com în browser (sau folosește o fereastră privată) înainte să te conectezi din nou. Altfel, GitHub folosește contul cu care ești deja autentificat.

notă

Versiunile mai vechi ale aplicației afișează „Autentificarea cu GitHub nu este încă disponibilă în această versiune a aplicației.” În acest caz, actualizează aplicația.

Publicarea online și actualizarea

Apoi cere, de exemplu:

Pune acest proiect pe GitHub.

Asistentul afișează un card cu adresa exactă și etichetele Integrat în aplicație și Rețea activă. Fă clic pe Execută ca să continui sau pe Refuză ca să te oprești. Un depozit nou este privat, dacă nu ceri unul public. Dacă adresa nu este github.com sau depozitul devine public, cardul te avertizează. La publicarea online vezi ce fișiere se trimit.

Mai târziu poți folosi, de exemplu:

• „Publică noua versiune online.” Asistentul trimite noile tale versiuni pe GitHub.
• „Preia cea mai nouă versiune.” Asistentul preia modificările de pe GitHub.
• „Descarcă proiectul https://github.com/nume/proiect în acest folder.” Asistentul descarcă un proiect existent.

Un proiect public îl poți descărca și fără conectare. Pentru publicarea online și crearea unui depozit nou ai nevoie de conectare.

6. Sfaturi de siguranță

• Depozitele noi sunt private. Fă unul public doar dacă oricine are voie să vadă codul.
• Nu pune niciodată parole, chei sau alte secrete în aplicația ta.
• Folosești o cheie API Google (începe cu AIza, cum ar fi cheia web a unei aplicații Firebase)? Pune-o într-un fișier pe care asistentul îl ține în afara versiunilor, cum ar fi .env. Dacă cheia rămâne în cod, acel fișier nu ajunge online.
• Verifică întotdeauna adresa de pe card înainte să faci clic pe Execută.
• Conexiunea este salvată criptat în contul tău de utilizator de pe acest computer. Asistentul nu vede niciodată cheia ta GitHub. Dacă lucrezi pe un computer comun, fă clic la final pe Deconectează.
• Deconectează elimină conexiunea doar de pe acest computer. Dacă vrei să revoci complet accesul, fă asta pe GitHub, la Settings > Applications.