GitHub intro

• Informatica
• Middelbare school
• havo, vwo
• Leerjaar 4-6

lgg

• Je kan twee redenen geven om github te gebruiken
• Je kan een repository maken een daarnaar committen
• Je kan uitleggen wanneer je hoort te committen

Github

Github is een tool/website die ontwikkelaars gebruiken om aan projecten te werken. Github helpt ze daarbij vooral met versiebeheer en samenwerken

Github - samenwerken

• Samen aan dezelfde code(base) werken
• Elkaars werk controleren
• Hulp bij ongelukken: wat als je hetzelfde bestand hebt aangepast
• Code staat online: publiek of privé

Github - versiebeheer

• Overzicht van wat je wanneer gedaan hebt
• Nieuwe brokjes werk sla je op als een nieuwe "versie". Dat heet een "commit"
  
• Terug naar vorige versie

1 commit. Dit betekent dat je 1 keer iets hebt aangepast aan je repopsitory (project)

Hier zie je de bestanden die je net hebt geupload. Je ziet de bestandsnaam met daarnaast de commit die het laatste het bestand heeft aangepast. Met daarnaast weer wanneer dat was.

Je gebruikersnaam / repository naam

Hieronder kan je nieuwe bestanden uploaden. Als je een bestand met dezelfde naam upload wordt het bestand in je repo overschreven met het bestand dat je upload

Instellingen. Hier kan je onder anderen "github pages" aanzetten

Committen?

• Zodra je een nieuw stukje gebouwd hebt dat werkt. 
• Nooit half werk committen!
• Behalve vrijdag middag
• Voor nu is de regel: elke pagina van html dog is een nieuw stukje. Dus dan doe je een commit

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.

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

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

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.

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

Linkje

https://github.com/lgg-maartens/simple-html

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

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.

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!

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

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?

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

git clone <linkjenaarrepo.git> .

git add <bestand(en)>

git commit -m "mooi verhaal"

git push

git pull

Linkje naar documentatie

https://git-scm.com/docs

voorbeeld

git clone https://github.com/Timmiekun/html-css-lesson.git .

voorbeeld

git add *

voorbeeld

git commit -m "added suggestbox to search results"

Repl koppelen met github

https://docs.google.com/document/d/17cdLmrDGtJnZYGA_1VHOVpu3eSNbJb3pEDOCJNw1kp8