Workshop 6 GitHub hoe werkt het

GitHub
GitHub is een dienst waarmee je bestanden kan delen en synchroniseren binnen jouw team.

  1. De docent doet het eerst voor
  2. Dan samen doen
  3. Daarna alleen doen
1 / 11
suivant
Slide 1: Diapositive
Software DeveloperMBOStudiejaar 1

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

time-iconLa durée de la leçon est: 15 min

Éléments de cette leçon

GitHub
GitHub is een dienst waarmee je bestanden kan delen en synchroniseren binnen jouw team.

  1. De docent doet het eerst voor
  2. Dan samen doen
  3. Daarna alleen doen

Slide 1 - Diapositive

De website
Ga naar de website GitHub.com en maak een account aan met jouw school account.

Slide 2 - Diapositive

Download desktop app
https://desktop.github.com

Download en installeer de desktop app

Slide 3 - Diapositive

Maak een nieuw project
Op de website maak je een nieuwe repository. Noem deze "test".

Zorg dat er een leesmij.txt bestand in je project staat.
-"Add Readme file"-

Slide 4 - Diapositive

Druk op de groene knop Code
Druk op de groene knop Code en vervolgens op "Open Desktop App"


Slide 5 - Diapositive

In de desktop app
In de desktop app wordt een venster geopend. Pas hier naar eigen inzicht het pad (path) naar je lokale map aan.

Slide 6 - Diapositive

Ga naar VSC
  1. Open de folder die GitHub zojuist heeft gemaakt in je Visual Studio Code editor.
  2. Maak een nieuwe file genaamd index.html.
  3. Open daarna de GitHub desktop weer.

Slide 7 - Diapositive

Desktop app
De Desktop app ziet automatisch dat er iets veranderd is.

Slide 8 - Diapositive

Synchroniseer
Vul commentaar in en druk op Commit.

Klik vervolgens op Push.

Slide 9 - Diapositive

Ga naar GitHub website
Refresh de GitHub pagina.

Je ziet dat de index.html file is toegevoegd.

Slide 10 - Diapositive

Opdracht
Doe alles nogmaals, maar nu verander je het lokale pad (path).
Maak een project met GitHub en Visual Studio Code.
Noem dit project test2.
Synchroniseer de lokale bestanden.

Slide 11 - Diapositive