← Niveau 4 – Data pro

Les 2 van 6 ⏱ 35 minuten Premium

Git – je backupmachine

Leer versies van je code opslaan zoals de professionals. Als je iets kapotmaakt, kun je terug.

Wat Git is

Git is een programma dat de geschiedenis van wijzigingen in je project onthoudt. Elke “versie” heet een commit (een opslag). Code kapot? Ga terug naar een oudere commit. Professionele ontwikkelaars werken nooit zonder Git.

⚠️

Installeer Git en voer de eerste commando’s met een ouder uit. Op Mac staat het vaak al (git --version). Op Windows download je Git for Windows.

Ik laat je zien: je eerste repository

Open een terminal in je React- of serverprojectmap:

git init

Dit zegt tegen Git: “begin hier wijzigingen te volgen.” Er ontstaat een verborgen map .git.

Voeg alle bestanden toe aan je eerste commit:

git add .
git commit -m "First version of my website"

Bekijk de geschiedenis:

git log --oneline

Je ziet iets als a1b2c3d First version of my website.

Ik laat je zien: .gitignore

node_modules mag nooit in je project – het is enorm en wordt via npm install gedownload. Maak een bestand .gitignore:

node_modules/
dist/
.env
*.db
.DS_Store

Commit dan opnieuw:

git add .
git commit -m "Added gitignore"

Nu jij 💪

  1. In de root van je project (React of server) voer je git init uit.
  2. Maak een .gitignore volgens het voorbeeld hierboven.
  3. Maak twee commits: één “First version”, een tweede na een kleine wijziging (bijv. tekst in je footer aanpassen).
  4. git log --oneline – zie je beide?

Controle: Je hebt een repository, een .gitignore en minstens 2 commits. Git leeft tot nu toe alleen op je computer – in de volgende les pushen we naar GitHub.

Wat neem je mee uit deze les