Les 1. Werken met github

lgg 
  • Je kan twee redenen geven om github te gebruiken
  • Je kan een repository maken een daarnaar committen (en je weet wat een commit is)
  • Je kan uitleggen waarom versiebeheer nuttig is
1 / 19
next
Slide 1: Slide
InformaticaMiddelbare schoolvwoLeerjaar 4

This lesson contains 19 slides, with interactive quizzes, text slides and 1 video.

Instructions

Nodig voor deze les:

Een computer met internet

Items in this lesson

lgg 
  • Je kan twee redenen geven om github te gebruiken
  • Je kan een repository maken een daarnaar committen (en je weet wat een commit is)
  • Je kan uitleggen waarom versiebeheer nuttig is

Slide 1 - Slide

This item has no instructions

Maar wat is dit?
Vandaag gaan we dit maken
Dit is commit (message)
Dit is het commitlog scherm uit github
Dit is ook een commit
Dit is ook een commit

Slide 2 - Slide

This item has no instructions

Wat is git?
Git is een tool die ontwikkelaars gebruiken om aan projecten te werken. Git helpt ze daarbij vooral met versiebeheer en samenwerken.

Github is de website waar git de bestanden op zet. Hoe dat precies werkt komen we later op terug.
Master is niet de meester. Je kan master vervangen door github.com

Slide 3 - Slide

This item has no instructions

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

Door git te gebruiken kunnen ontwikkelaars makkelijker elkaars werk controleren.

Git helpt ook bij ongelukken: wat als je nou alle twee code heb geschreven voor hetzelfde probleem?

Slide 4 - Slide

This item has no instructions

Versiebeheer
Een belangrijk onderdeel van github is het versiebeheer. Dat is handig want dan kan je goed zien wat je in welke versie gedaan hebt.

Je kan dan de code makkelijk terug vinden of terug naar een bepaalde versie.

Vandaag gaan we het stukje "Your Work" uit de afbeelding hiernaast doen. We gaan vandaag leren hoe je moet committen.

Slide 5 - Slide

This item has no instructions

Dit is commit (message)
Dit is het commitlog scherm uit github
Dit is ook een commit
Dit is ook een commit

Slide 6 - Slide

Zo ziet github.com eruit.

De blauwe bolletjes uit de vorige afbeeldingen zijn de commits in dit overzicht
Committen?
Elk brokje werk in het overzicht heet een commit. Bij een commit beschrijf je wat de code die je gemaakt hebt hoor te doen.

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

Slide 7 - Slide

This item has no instructions

Repository
Ja ho stop! Committen, commitlogs, samenwerken.. waar gebeurt dit allemaal?

Je maakt een account aan op github.com. Op github.com kan je vervolgens voor elke project een mapje maken waar je je code beheert. Zo'n map heet een repository (of repo).

In de afbeelding hiernaast zie je een repo met twee bestanden: my_page.html en style.css 

Zo'n repo gaan we vandaag aanmaken. Dat is erg makkelijk.

Slide 8 - Slide

This item has no instructions

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 "samenwerken" en "github pages" aanzetten

Slide 9 - Slide

Wat staat er allemaal op een repository pagina? Gebruik de hotspots
Committen?
Een voorbeeld
  1. We hebben hier met een html bestand.
  2. We passen de tekst aan
  3. We uploaden dat naar github en schrijven een duidelijke commit message

Slide 10 - Slide

This item has no instructions

DEMO
Docent laat zien
  • Een repository maken
  • Een bestand uploaden. 
  • Een commit message schrijven
  • Een regel aanpassen en het bestand opnieuw uploaden: git ziet dat alléén die regel is aangepast (terwijl het hele bestand is geupload)

Slide 11 - Slide

This item has no instructions

Opdracht
  1. Maak een account op github.com. Gebruik je school e-mail
  2. Koppel je website op replit met github
  3. Pas iets aan en doe een commit!

Slide 12 - Slide

This item has no instructions

Aan de slag
  1. Ga verder met de html tutorial op htmldog.com. Nadat je klaar bent en een pagina upload je de code aanpassingen naar github.
  2. Klaar? verder met css - basis

Slide 13 - Slide

This item has no instructions

Je kan twee redenen geven om github te gebruiken
A
git zorgt voor structuur
B
git helpt met samenwerken
C
met git kan ik altijd bij m'n bestanden
D
git wordt in het bedrijfsleven gebruikt

Slide 14 - Quiz

This item has no instructions

Je kan een repository maken een daar een commit in doen
A
Ja dat kan ik
B
Dat kan ik een beetje
C
Dat kan ik niet
D
Hallo?

Slide 15 - Quiz

This item has no instructions

Welk voordeel zou je docent hebben aan github?

Slide 16 - Open question

This item has no instructions

Slide 17 - Slide

This item has no instructions

1

Slide 18 - Video

This item has no instructions

00:00

Slide 19 - Link

This item has no instructions