git workshop

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 2

Workshop - Full Stack Development

Kennismakingsronde

• Een kleine full stack app maken.
• Welke technieken zitten er achter Full Stack
• Hoe ontwerp ik een Full stack applicatie?
• Van ontwerp naar implementatie

Lesplan komende weken

Kennismakingsronde

• De laatste basis programeer vaardigheden afronden
• Daarom oefenen met Loops
• 
  

Deze les

Kennismakingsronde

Let op: Probeer de opdracht zonder het gebruik van AI of Google. Gebruik eventueel eerdere opdrachten in Nexed.
Of vraag het aan een mede student.
Waarom?
Kun je met de opgedane kennis in Nexed nu zelf bedenken hoe je code gaat schrijven?

De Opdracht

Kennismakingsronde

Beantwoord na de oefening deze vraag:
Welke probleem hebben we opgelost door gebruik te maken van een loop?

De Opdracht

Kennismakingsronde

Antwoord:
Een loop hebben we nodig wanneer we een Array hebben. De computer weet niet precies wat er in een array zit. Zonder een loop kunnen we enkel 1 index pakken, bijvoorbeeld:
echo $dvds[3];
Maar wat als een klant vraag om de film "The matrix"?  

De Opdracht

Kennismakingsronde

       Problemen

• Bestanden overschrijven zonder terug te kunnen
• Moeite met samenwerken aan hetzelfde project
• Niet kunnen zien wie welke wijzigingen heeft gemaakt
  Oplossingen met GIT
• Opslaan van verschillende versies van je code (commits).
• Samenwerken met anderen zonder conflicten
• Het herstellen van eerdere versies van je project
• Overzicht hebben van wie wat heeft gedaan en wanneer

Versiebeheer - software - GIT

Kennismakingsronde

Solo werken
Experimenteren zonder je project te breken

Samenwerken
Werken in een team zonder elkaar in de weg te zitten

Back-up
Het verlies van code voorkomen door regelmatig te committen en te pushen naar een remote repository (bijv. GitHub)

GIT in de praktijk

Kennismakingsronde

• GIT is een standaard in de software-industrie.
• Vaardigheden in GIT zijn vereist voor bijna elke professionele ontwikkelingspositie.
• Efficiënt kunnen samenwerken met anderen via tools als GitHub of GitLab.

GIT voor je verdere loopbaan

Kennismakingsronde

Wat het doet:
Hiermee maak je een nieuwe Git repository aan in een map. Het vertelt Git dat je in deze map versiebeheer wilt gebruiken.
Voorbeeld:
Je hebt een nieuwe map met projectbestanden en wil beginnen met versiebeheer. Met git init maak je die map klaar voor Git.
Eenvoudig gezegd:
"Ik ga deze map gebruiken voor versiebeheer, houd alles vanaf nu bij."

GIT basis commando's - git init

Kennismakingsronde

Wat het doet:
Hiermee vertel je Git welke bestanden je wilt volgen en opslaan in de volgende "versie" (commit). Je moet dit doen voordat je een commit maakt.
Voorbeeld:
Je hebt een bestand 'index.html' aangepast en je wilt dat Git deze wijziging onthoudt. Met git add index.html geef je aan dat dit bestand toegevoegd moet worden aan de volgende versie.
Eenvoudig gezegd:
"Dit bestand is klaar om te worden opgeslagen in de volgende versie."

GIT basis commando's - git add

Kennismakingsronde

Wat het doet:
Hiermee sla je een nieuwe versie van je project op in Git. Het onthoudt de wijzigingen die je met git add hebt geselecteerd. Je kunt ook een bericht toevoegen om te beschrijven wat je hebt veranderd.
Voorbeeld:
Na het toevoegen van wijzigingen met git add, gebruik je git commit -m "Beschrijving van wat er veranderd is" om een nieuwe versie op te slaan.
Eenvoudig gezegd:
"Dit bestand is klaar om te worden opgeslagen in de volgende versie."

GIT basis commando's - git commit

Kennismakingsronde

Wat het doet:
Met git push stuur je je lokale commits (de versies van je project die je lokaal hebt opgeslagen) naar een remote repository, bijvoorbeeld op GitHub of GitLab. Dit maakt je werk toegankelijk voor anderen of als back-up.
Voorbeeld:
Nadat je lokaal wijzigingen hebt gemaakt en gecommit, wil je die naar een externe server sturen zodat je teamgenoten ze ook kunnen zien. Met git push origin main stuur je je commits naar de 'main' branch van de 'origin' repository (bijvoorbeeld op GitHub).
Eenvoudig gezegd:
"Stuur mijn opgeslagen versies naar de online repository, zodat ik of anderen er vanaf een andere plek bij kunnen."

GIT basis commando's - git push

Kennismakingsronde

• Als de rol van backend geïsoleerd is. Kun je daar een andere front end tegenaan zetten. 
  > Denk aan Web app -> Mobile App
• Wat is de Rol van XAMPP (APACHE, MySql)
• 
  

Aandachtpunten Full stack app

Wat is een belangrijk voordeel van GIT volgens de video?

1. Het opslaan van bestanden in de cloud
2. Het bijhouden van veranderingen in code
3. Het verbeteren van de snelheid van een computer
4. Het automatisch oplossen van alle bugs

Welke van de volgende acties beschrijft een "commit" volgens de video?

1. Het verwijderen van bestanden uit de repository
2. Het kopiëren van bestanden naar een back-up
3. Het opslaan van een specifieke versie van de code met een beschrijving
4. Het sluiten van een project

Waarom is samenwerken makkelijker met GIT, zoals uitgelegd in de video?

1. Omdat iedereen in realtime dezelfde code kan bewerken
2. Omdat GIT automatisch alle conflicten oplost
3. Omdat meerdere mensen tegelijkertijd kunnen werken zonder elkaars werk te overschrijven
4. Omdat GIT alleen lokaal werkt op één computer

Een techniek voor versiebeheer en samenwerken aan code.

Een website waarop je Git-repository’s kunt delen.

Een map die onder controle staat van Git.

Het vastleggen van je wijzigingen.

Commit

Git

Repository

GitHub

Kennismakingsronde

       Opdracht 1: Add, Commit & Push

• Ga naar de opdracht GIT Beginner 5. Pushing all the right buttons
• Maak een nieuw .txt bestand aan in de map (local repo)
• Maak een wijzigingen in hallo.txt bestand
• Check Git Status (welke wijzigingen ziet git?)
• git add alleen de wijzigingen in hallo.txt
• git commit (met een eigen geschreven message)
• git push

Workshop opdracht - software - GIT

Kennismakingsronde

       Opdracht 2: Add all, Commit no message & Push

• Maak een wijziging in het nieuwe .txt bestand
• Maak ook een wijzigingen in hallo.txt bestand
• Check Git Status (welke wijzigingen ziet git?)
• git add alle wijzigingen (gebruik -a)
• git commit (zonder message, wat gebeurt er?)
• git push

Workshop opdracht - software - GIT

Kennismakingsronde

       Opdracht 3: Back to the future

• Ga terug in de tijd!
• Git log (zie je geschiedenis)
• Git checkout "commit hash"
  
• Git push
• Verklaar wat er is gebeurd door in Bitlab te kijken naar de commits

Workshop opdracht - software - GIT

Ik begrijp waarvoor we GIT gebruiken in Nexed

😒🙁😐🙂😃