Labo-02

Oefening 1: Werken met Branches

Maak een nieuwe map aan en initialiseer een Git-repository:
```
mkdir oefening-git && cd oefening-git
git init
```

Maak een nieuw HTML-bestand genaamd index.html en voeg de volgende basisinhoud toe:

<!DOCTYPE html>
<html>
<head>
    <title>Mijn Website</title>
</head>
<body>
    <h1>Welkom op mijn website</h1>
</body>
</html>

Voeg het bestand toe aan Git en commit de wijziging:

git add index.html
git commit -m "Eerste commit - basis HTML"

Maak een nieuwe branch nieuwe-stijl en schakel ernaar:
```
git branch nieuwe-stijl
git switch nieuwe-stijl
```
Voeg een CSS-bestand toe genaamd style.css met deze inhoud:
```
body {
    background-color: lightblue;
}
```
Link de CSS in index.html en commit de wijziging:
```
git add .
git commit -m "Stijl toegevoegd"
```
Schakel terug naar de main branch en merge de nieuwe-stijl branch:
```
git switch main
git merge nieuwe-stijl
```
Verwijder de branch na het samenvoegen:
```
git branch -d nieuwe-stijl
```

Start in de main branch en maak een nieuwe branch tekst-update:
```
git branch tekst-update
git switch tekst-update
```
Wijzig index.html door <h1>Welkom op mijn geweldige website</h1> in te voegen en commit de wijziging:
```
git add index.html
git commit -m "Titel bijgewerkt op tekst-update branch"
```
Schakel terug naar main en bewerk index.html opnieuw, verander de <h1>-tag naar:
```
<h1>Welkom op mijn fantastische website</h1>
```

Commit deze wijziging op main:

git add index.html
git commit -m "Titel bijgewerkt op main branch"

Probeer de tekst-update branch samen te voegen:
```
git merge tekst-update
```
Git zal een merge-conflict melden. Open index.html en los het conflict op door een combinatie van beide zinnen te gebruiken.

Voeg de opgeloste versie toe en commit:

git add index.html
git commit -m "Merge-conflict opgelost"

Last updated 1 month ago