Web Fundamentals

Weergave

Git en GitLab ​

Later meer

De volledige uitleg krijg je in de git workshop. Branches, merges en samenwerken komen daar aan bod, niet hier.

Wat ​

💡 git vs gitlab

Git houdt de geschiedenis van je project bij. Elke keer je iets vastlegt, bewaart git een volledige momentopname van je map. Dat draait op je eigen laptop.

GitLab is een server waar je een kopie van die geschiedenis zet. Dat is je back-up, en de plek waar je docent je werk kan bekijken. Een populair alternatief voor GitLab is GitHub.

Waarom? ​

  • je ziet wat je wanneer veranderd hebt
  • je kan terug naar een versie die wel werkte
  • je verliest niets bij een crash
  • je kan van overal aan je bestanden (indien gitlab)
  • git is de standaard in het werkveld

Video ​

In deze video is sprake van 'GitHub' in plaats van onze 'GitLab'.
De principes blijven overeind, dat is gewoon een ander platforrm

Slides ​

Hoe ​

1. Git installeren ​

Download git en installeer. Stel daarna eenmalig je naam en e-mailadres in, die komen bij elke commit te staan.

bash
git config --global user.name "Jouw Naam"
git config --global user.email "jouw.naam@student.odisee.be"

2. Aanmelden bij GitLab ​

Start via deze link: gitlab.com/groups/ikdoeict SSO.
Je meldt je aan met je Odisee-account.

⚠️ Ga je rechtstreeks naar gitlab.com, dan zit je niet in de juiste groep!

3. Een leeg project maken ​

Onder students vind je je eigen subgroup.
Maak in je eigen subgroup nieuw project aan:

  • Create blank project
  • naam: portfolio
  • Visibility: Private
  • ⚠️⚠️⚠️ vink Initialize repository with a README uit

🚨

Dat laatste is belangrijk. Maak je het project met een README, dan staat er al een commit in en botst je eerste push.

4. Je map koppelen ​

GitLab toont op de projectpagina een blok Push an existing folder. Dat zijn exact de commando's die je nodig hebt, met jouw URL er al in. Kopieer ze van daar.

Ververs daarna je projectpagina in de browser. Je bestanden staan er.

5. Een .gitignore ​

Maak in je projectmap een bestand .gitignore met deze inhoud, vóór je eerste git add:

plaintext
.idea/
.vscode/
.DS_Store
Thumbs.db

Dat zijn instellingen van jouw editor en van jouw besturingssysteem.
Die horen niet in je project.

💡 Vraag aan je docent hoe je dat via je editor doet 😉

6. Werken ​

Elke keer je iets af hebt:

bash
git add .
git commit -m "navigatie toegevoegd aan alle pagina's"
git push

💡 Vraag aan je docent hoe je dat via je editor doet 😉

Commit messages

Noteer wat je gedaan hebt, niet wat je voelde. navigatie toegevoegd aan alle pagina's helpt je over drie maanden, fix, aaargh en nu echt zeker jusit niet.

Commit regelmatig, telkens je een afgerond stuk hebt.
Eén commit per labo is te weinig.

Als er iets misgaat ​

git push wordt geweigerd.
Meestal authenticatie bij de eerste keer. Controleer of je via de SSO-link aangemeld bent. Vraag anders je labodocent, dit is niets om een uur op te zoeken.

Updates were rejected because the remote contains work that you do not have locally.
Je hebt je project toch met een README aangemaakt. Vraag je labodocent.

Je hebt per ongeluk .idea of node_modules gecommit.
Vul je .gitignore aan en vraag je labodocent hoe je het uit je geschiedenis haalt.