les 2. Werken met git commit - CLI

Samenwerken met git
lgg
  • Je kan een project uit github clonen
  • Je kan je naar github opsturen d.m.v. een push 
  • Je kan code van een ander ophalen d.m.v. een pull
Benodigdheden
  • Je hebt een account op github.com
  • Je weet wat een repository is.
  • Je weet wat een commit is en hoe je dit doet.

1 / 12
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

Cette leçon contient 12 diapositives, avec diapositives de texte.

Éléments de cette leçon

Samenwerken met git
lgg
  • Je kan een project uit github clonen
  • Je kan je naar github opsturen d.m.v. een push 
  • Je kan code van een ander ophalen d.m.v. een pull
Benodigdheden
  • Je hebt een account op github.com
  • Je weet wat een repository is.
  • Je weet wat een commit is en hoe je dit doet.

Slide 1 - Diapositive

Samenwerken
Git is oorspronkelijk in het leven geroepen om ontwikkelaars beter samen te laten werken.

Maar hoe doe je dat nou?

Deze les gaan we kijken naar hoe je je eigen code pusht (opsturen) en andermans code pullt (ophalen)
Blauw pusht zijn commits

Slide 2 - Diapositive

Git
Tot nu toe hebben we gewerkt met de website github.com.

Om git vanaf je eigen computer te kunnen gebruiken moet je het eerst installeren. Als je dat gedaan hebt kan je vanuit git bash git commando's uitvoeren zoals git push en git pull

Voor jullie is dat al gebeurt maar het is belangrijk om te weten.

Thuis git installeren? Hoe dat moet staat in de handleiding


Git bash
Voorbeeld: een repository clone met git bash

Slide 3 - Diapositive

Clone
Voordat we met git kunnen werken moeten we nog wel een koppeling maken met git. Dit doen we door het project te clonen.

Clone - git clone maakt een kopie van de laatste versie uit je repository.

Slide 4 - Diapositive

Opdracht - Clone een repository
Maak een nieuwe map - op je bureaublad bijvoorbeeld en type dit
Je hebt nu de code van deze repository gecloned. Zo makkelijk gaat dat!

Clone nu je eigen repository

Slide 5 - Diapositive

Push en pull
Push - push is een git commando om je commits naar de server (github) te sturen


Pull - Pull is het git commando om alle commits die je nog niet hebt van de server te downloaden

Slide 6 - Diapositive

Push
git add - Hiermee zeg je welke bestanden je allemaal wil comitten

git commit - Het commando om een commit te doen.

git push - Het commando om alle commits naar github te sturen.

Slide 7 - Diapositive

Commit wat beter bekeken
We hebben gezien wat er gebeurt als je een pull probeert te doen terwijl iemand anders je voor is geweest.


Dit komt doordat de commits die je doet lokaal gebeuren. Met lokaal bedoelen we eigenlijk: op jouw computer, niet op het internet. Dat is misschien een beetje gek als je b.v. met replit werkt maar een replit kan je beschouwen als een eigen computer. Het uploaden naar github gebeurt pas bij de push.

Voorheen deden we alleen een commit op github.com. Maar stiekem was dat dus een commit en een push!

Slide 8 - Diapositive

Samenwerken
Hiernaast zie je een afbeelding van hoe twee mensen git gebruiken om samen te werken. Ze gebruiken clone, commit, push en pull. 

Wat belangrijk is is de volgorde waarop alles gebeurt. Zo doet John pas een push nadat hij eerst een pull heeft gedaan.


git pull
git pull
git pull
het oorspronkelijke plaatje gebruikt fetch, dat heb ik vervangen door pull

Slide 9 - Diapositive

Opdracht
1. Clone de repository van je teamgenoot. 

2. Doe beide een commit. Eén iemand doet een push als eerste

3. De ander doet daarna een push. Wat gebeurt er?


Slide 10 - Diapositive

git pull
git commit -m "hier je commit message"
git add <bestand(en>
git push
git clone <naamvanjerepo.git> .
Deze laten we voorlopig even buiten beschouwing om verwarring te voorkomen.
Zo werk je met git
github.com
lokaal

Slide 11 - Diapositive

git clone <linkjenaarrepo.git> .

git add <bestand(en)>

git commit -m "mooi verhaal"

git push

git pull
Linkje naar documentatie
voorbeeld
git clone https://github.com/Timmiekun/html-css-lesson.git .
voorbeeld
git add *
voorbeeld
git commit -m "added suggestbox to search results"

Slide 12 - Diapositive