GIT 02 - init add commit branch

                      GIT
1 / 19
volgende
Slide 1: Tekstslide
InformaticaWOStudiejaar 4,5

In deze les zit 19 slide, met interactieve quiz en tekstslide.

time-iconLesduur is: 45 min

Onderdelen in deze les

                      GIT

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Domein
Kerndomein A: Vaardigheden


Slide 2 - Tekstslide

Deze slide heeft geen instructies

Leerdoelen:
Na deze les kun je:
  1. aangeven wat Git is en wat het niet is
  2. een repository maken (en uitleggen wat het is)
  3. een commit maken (en uitleggen wat het is)
  4. uitleggen waarom versiebeheer nuttig is






Slide 3 - Tekstslide

Rode achtergrond betekent: klas is stil, dit zijn de leerdoelen en quizzes waarbij niet overlegd mag worden.

Doel van deze les is om het leren zichtbaar te maken voor zowel leerling als docent.
Hoe werkt Git? 1/3
Ruwweg bestaat Git uit 3 onderdelen:
  1. Working Directory: (lokaal) hier pas je bestanden aan
  2. Staging Area: (lokaal) hier staan aangepaste bestanden 
  3. Repository: (in Git lokaal, maar bij Github op een server) hier slaat Git de veranderingen op als verschillende versies van je project

Slide 4 - Tekstslide

Deze slide heeft geen instructies

Hoe werkt Git? 2/3

Slide 5 - Tekstslide

Deze slide heeft geen instructies

Hoe werkt Git? 3/3
Git werkt met commando's, zoals bijvoorbeeld:
Met "git init" maak je een nieuw project
Met "git branch naamtak" maak je een nieuwe tak daarin
Met "git checkout naamtak" spring je naar die tak

Met "git branch" vraag je aan Git op welke tak je zit
Met "git add bestandsnaam" voeg je nieuwe bestanden toe

Slide 6 - Tekstslide

Deze slide heeft geen instructies

git init                   git add scene-1.txt         git commit -m "bericht hier"

Slide 7 - Tekstslide

Deze slide heeft geen instructies

Opdracht: Codecademy: Github
  1. Log in op Codecademy.com met je schoolaccount 
  2. Start deze cursus: https://www.codecademy.com/learn/learn-github-introduction

    Let op: voeg @jklos-SMC toe aan je Github project!
timer
5:00

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Hoe werkt Git? 2/6
Git code heeft verschillende stadia, zoals:
  1. main (server) (dit zijn de bestanden die "goed" zijn)
  2. branch (lokaal) (dit is een tijdelijke kopie)
  3. stage (lokaal) (dit is de wachtrij)
  4. commit (lokaal) (dit zijn aangepaste bestanden)
  5. merge (server)

Slide 9 - Tekstslide

Deze slide heeft geen instructies

Hoe werkt Git? 4/6
Main (vroeger heette dat Master) is de hoofdversie
Wijzigingen maak je in een branch (een tak)

Elke cirkel hieronder is een commit

Slide 10 - Tekstslide

Deze slide heeft geen instructies

Hoe werkt Git? 6/6
Met elk versiebeheer kunnen er conflicten ontstaan
Bijvoorbeeld als Main en de branch worden aangepast en daarna een merge wordt geprobeerd
Met git diff bestandsnaam kun je de verschillen zichtbaar maken https://www.codecademy.com/courses/learn-git-branching-and-collaboration/lessons/git-branching/exercises/delete-branch

Slide 11 - Tekstslide

Deze slide heeft geen instructies

Wat is GitLab en GitHub?
Git heeft varianten, die op Git zijn gebaseerd

Online voorbeelden hiervan zijn:
  • www.gitlab.com: Uitgebreide gereedschapskist voor Git
  • www.github.com: Bruisende gemeenschapshub


Slide 12 - Tekstslide

Deze slide heeft geen instructies


Waar staat de afkorting HTML voor?
A
HyperText Markup Language
B
HyperText Management Language
C
Heavenly Taco Maker's Legacy
D
Hyperloop Terabyte Management Language

Slide 13 - Quizvraag

Deze slide heeft geen instructies



Wat is de huidige versie van HTML?
A
4
B
3
C
5
D
over 9000

Slide 14 - Quizvraag

Deze slide heeft geen instructies


Wat is de standaard naam
van het homepage bestand?
A
index.html
B
start.html
C
home.html
D
begin.html

Slide 15 - Quizvraag

Deze slide heeft geen instructies


Welk van onderstaande programma's
is GEEN IDE?
A
VSC
B
Notepad++
C
Notepad
D
Microsoft Word

Slide 16 - Quizvraag

Deze slide heeft geen instructies

Opdracht #1
  1. Neem de code rechts over in
    je IDE (mag ook kladblok zijn)
  2. Sla het op als 00_index.htm
  3. Voer het bestand uit
    (open het in je browser)
  4. Wat gebeurt er, en waarom?
                               Je hebt 4 minuten!
timer
4:00

Slide 17 - Tekstslide

Deze slide heeft geen instructies

Leerdoelen
Je kunt nu:
  • z

Slide 18 - Tekstslide

Rode achtergrond betekent: klas is stil, dit zijn de leerdoelen en quizzes waarbij niet overlegd mag worden.

Doel van deze les is om het leren zichtbaar te maken voor zowel leerling als docent.

Slide 19 - Tekstslide

Deze slide heeft geen instructies