Sari la conținutul principal

Ghid animat GitHub pentru (Vibe)Coders Wannabe

Nu ești developer? Nu contează. Fiecare comandă are o card animată: te uiți ce se mișcă și înțelegi instant ce face — Pull Request inclus, cel care dă bătăi de cap și programatorilor adevărați.

15 comenzi Animații în buclă

Ciclul de bază

Rutina pe care o faci în fiecare zi: de la codul de pe calculatorul tău până la GitHub și înapoi.

git init git

Transformi orice folder într-un repository Git, pornind de la zero.

clone pornește de la un proiect care există deja; init îl creează de la zero, pe calculatorul tău.

git clone git

Descarci întreaga copie a unui proiect de pe GitHub pe calculatorul tău. E punctul de plecare al tuturor.

git add git

Alegi ce modificări intră în următoarea salvare, mutându-le în zona de staging.

Staging ≠ salvare. Doar pregătești lista cu ce va fi inclus în commit.

git commit git

Salvezi modificările selectate în istoria proiectului, cu un mesaj care explică ce ai făcut.

Commit-ul rămâne pe calculatorul tău. Până nu faci push, nimeni altcineva nu-l vede.

git push git

Trimiți commit-urile tale locale pe GitHub: acum munca ta e online, în siguranță și vizibilă pentru ceilalți.

git pull git

Aduci modificările pe care alții le-au pus pe GitHub și le integrezi în munca ta locală.

Atenție: git pullPull Request. Nume asemănător, concepte diferite (PR-ul e mai jos).

git fetch git

Descarci noutățile de pe GitHub dar NU le combini cu munca ta: le pui deoparte ca să te uiți la ele mai întâi.

pull = fetch + merge. fetch e varianta prudentă: mai întâi descarci, apoi decizi.

Orientarea

Comenzi inofensive care îți spun unde te afli. Cele pe care le tastezi mereu ca să nu te pierzi.

git status git

Îți spune unde te afli: ce fișiere ai schimbat, ce e deja în staging, ce lipsește. Îl vei folosi tot timpul.

E complet inofensiv: nu schimbă nimic. Când ai dubii, git status.

git log git

Arată istoria commit-urilor: cine a făcut ce și când. E memoria proiectului.

Lucrul cu ramuri

Linii de lucru paralele ca să experimentezi fără să strici ramura principală.

git branch git

Creezi o linie de lucru paralelă care pornește chiar din punctul în care ești: experimentezi fără să atingi main.

O ramură nu costă nimic. E doar o etichetă care indică spre un commit: poți avea câte vrei, în paralel.

git switch git

Treci de la o ramură la alta. HEAD arată „unde ești acum”, adică unde vor ajunge următoarele commit-uri.

Pe vremuri se folosea git checkout; azi git switch face același lucru, mai clar.

git merge git

Unești munca dintr-o ramură cu alta: cele două linii redevin una singură.

Dacă aceleași linii au fost schimbate pe ambele ramuri, git te întreabă pe tine cum să le combine: e conflictul de merge.

Contribuția la un proiect

Cum propui modificări la un proiect care nu e al tău, fără drepturi de scriere.

fork GitHub

Creezi propria ta copie a proiectului altcuiva, pe contul tău de GitHub, unde poți face tot ce vrei.

Nu e o comandă git. E un buton de pe site-ul GitHub: exact ce îți trebuie când proiectul nu e al tău.

git remote git

Dai un nume repository-urilor la distanță: „origin” e copia ta, „upstream” e proiectul original.

Faci push pe origin, iei noutățile din upstream.

Pull Request GitHub

Din ramura ta de pe GitHub deschizi o propunere de modificare către proiectul original. Maintainerul o analizează și, dacă îi place, o unește.

Trucul: pare o push, dar e exact opusul — tu ceri, nu scrii. Se numește pull request pentru că maintainerul e cel care „trage înăuntru” (pull) munca ta.

De la brief confuz la UX/UI complet Un brief confuz devine o aplicație funcțională. Spot de produs dintr-o singură poză O poză devine un spot animat, fără cod. Fă Claude să vizioneze videoclipurile tale Claude îți vede videoclipurile și le transformă în text. Higgsfield în Claude Code Generează imagini și video în timp ce programezi în Claude Code. De la o înregistrare Loom la o pagină web O înregistrare de ecran devine o pagină web, fără cod. Video Shorts cu NotebookLM Sursele tale devin un short vertical. Landing page de lux pe Lovable O landing page de lux dintr-un singur prompt. Excalidraw local, pe computerul tău Excalidraw gratis pe computerul tău, fără cod. Mistral OCR în fluxul tău de lucru Extrage text din documente cu Mistral OCR. Claude SEO în terminal 25 de skill-uri SEO gratuite în Claude Code. Google Search Console în Claude Code Datele Search Console direct în terminal. Rutine în Claude Code Claude lucrează singur, cu computerul oprit. Clonează o landing page în React cu v0 Clonează o landing page reală în cod React. Context economy cu Claude Lucrează ușor și nu-ți epuiza limitele lui Claude. De la prompt la skill auto-evolutiv Skill-uri Claude care învață din greșelile tale. De la NotebookLM la Canva: prezentări Slide-uri din NotebookLM, în sfârșit editabile în Canva. Harta pentru a înțelege orice tool AI 12 categorii pentru a încadra orice tool AI. PNG transparente cu ChatGPT PNG cu transparență reală, nu tabla de șah falsă. Infografice animate cu Gemini Infografice care se animă în buclă cu Gemini. Cercetare de piață cu Deep Research Deep Research ca analistul tău de piață. Cum să fii citat de motoarele AI (AEO) Devino o sursă pe care ChatGPT și Perplexity o citează.