Les 2. Werken met git commit - replit

lgg
  • Je kent minimaal twee vuistregels over wanneer je moet committen.
  • Je hebt een onderdeel van je project "af" en hebt dit gecommit.
Benodigdheden
  • Account op github.com
  • Account op replit.com
  • Je weet wat een repository is
  • Je weet wat een commit is
1 / 14
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolvwoLeerjaar 4

Cette leçon contient 14 diapositives, avec quiz interactifs et diapositives de texte.

Éléments de cette leçon

lgg
  • Je kent minimaal twee vuistregels over wanneer je moet committen.
  • Je hebt een onderdeel van je project "af" en hebt dit gecommit.
Benodigdheden
  • Account op github.com
  • Account op replit.com
  • Je weet wat een repository is
  • Je weet wat een commit is

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Wat is een repository?

Slide 2 - Question ouverte

Cet élément n'a pas d'instructions

Commitlog
Hiernaast zien jullie een git commit log. We hebben tot nu toe met git gewerkt door bestanden te uploaden naar github.com en daar een commit message in te vullen

Slide 3 - Diapositive

De leerlingen kennen dit scherm. Het is het commitlog van een github repository. 

Benoem even de bovenste twee commits omdat die de volgende slide terug komen
Vanaf vandaag gaan we werken met git in combinatie met replit. Je kan dit vinden bij de knop "version control". Hoe je dit koppelt staat in de lesbrief.

1. De gekoppelde repository

2. De commits van deze repository


Git en replit
1
2

Slide 4 - Diapositive

Replit kennen ze ook. Maar niet het tabje wat nu open staat. 
Je ziet hier een gekoppelde repository. De commit messages zijn te zien in replit

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Wanneer committen
Tot nu toe hebben we een commit gedaan bij elke pagina die we moest maken. Het is duidelijk wanneer je dan een commit moet doen. Maar als je git gaat gebruiken in je eigen project is het niet zo duidelijk. Je moet zelf gaan bepalen wanneer er weer een stukje werk af is.

Hiernaast zie je een voorbeeld van commits van een leerling die een website heeft gemaakt. Je ziet meteen dat het duidelijk is wat deze leerlingen gedaan heeft.

Een commit doe je pas als het brokje werk dat je aan het doen ben klaar is. De code mag dus niet stuk zijn.

Slide 6 - Diapositive

Cet élément n'a pas d'instructions

Maar wanneer is het nou af?
Dat kan erg verschillen. Het kan zijn dat slechts één letter een goede commit is. Soms is 2000 regels code een goede commit. Het belangrijkst is dat het een brokje functionaliteit is. Voorbeelden:

1. Een menu in je html pagina
2. Een animatie op je website
3. Een functie uit je spelletje
4. Een bugfix: sorteer aflopen in plaats van oplopend


Slide 7 - Diapositive

Cet élément n'a pas d'instructions

Een nette commit
Bij een nette commit beschrijf je wat de code zou moeten doen. Vermoedelijk werkt het bij jou zo, maar misschien is er iets anders op de computer van je teamgenoot en werkt het daar niet. Dan is het goed om te weten wat de bedoeling is van de commit.


Let op dat je door je hele project nette commits blijft maken. Gelukkig leert de ervaring dat jullie daar erg goed in zijn!

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

Geef een voorbeeld van een goede commit message

Slide 9 - Question ouverte

Cet élément n'a pas d'instructions

Opdracht
  1. Maak een repo aan vanuit replit of koppel een bestaande repo
  2. Doe je eerste commit

Zorg ervoor dat je docent volgende les kan zien wat je deze les gedaan hebt

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

Je hebt een onderdeel van je project "af" en hebt dit ge-commit.
A
Dat kan ik niet
B
Dat kan ik wel
C
Ik kan dat een beetje

Slide 11 - Quiz

Cet élément n'a pas d'instructions

Geef twee vuistregels voor een goede commit message

Slide 12 - Question ouverte

Cet élément n'a pas d'instructions

Wat hebben jullie vandaag geleerd?

Slide 13 - Question ouverte

Cet élément n'a pas d'instructions

Slide 14 - Diapositive

Cet élément n'a pas d'instructions