GitHub intro

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
1 / 20
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4-6

In deze les zitten 20 slides, met tekstslides.

Onderdelen in deze les

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

Slide 1 - Tekstslide

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

Slide 2 - Tekstslide

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é

Slide 3 - Tekstslide

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

Slide 4 - Tekstslide

Slide 5 - Tekstslide

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

Slide 6 - Tekstslide

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

Slide 7 - Tekstslide

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 8 - Tekstslide

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 9 - Tekstslide

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 10 - Tekstslide

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 11 - Tekstslide

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 12 - Tekstslide

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 13 - Tekstslide

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 14 - Tekstslide

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 15 - Tekstslide

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 16 - Tekstslide

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 17 - Tekstslide

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 18 - Tekstslide

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 19 - Tekstslide

Repl koppelen met github
https://docs.google.com/document/d/17cdLmrDGtJnZYGA_1VHOVpu3eSNbJb3pEDOCJNw1kp8

Slide 20 - Tekstslide