Labo-02
Leerstof
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 denieuwe-stijl
branch:git switch main git merge nieuwe-stijl
Verwijder de branch na het samenvoegen:
git branch -d nieuwe-stijl
Oefening 2: Conflicten oplossen bij Merging
Start in de
main
branch en maak een nieuwe branchtekst-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 bewerkindex.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"
Verwijder de
tekst-update
branch:git branch -d tekst-update
Last updated