Samarbeid i Github

Her er en guide til hvordan dere kan samarbeide om gruppearbeid i GitHub, med utgangspunkt i at læreren har opprettet et repository gjennom GitHub Classroom:

1. Godta invitasjonen fra GitHub Classroom

• Hver elev må godta invitasjonen fra læreren:
  • Læreren vil dele en lenke til oppgaven gjennom GitHub Classroom. Klikk på lenken.
  • Velg gruppa di eller bli med i en ny gruppe hvis det er nødvendig.
  • GitHub oppretter automatisk et repository for gruppen din. Dette er deres felles arbeidsområde.

2. Klone repositoriet til VS Code

• Hver elev må klone repositoriet til sin egen datamaskin:
  • Kopier URL-en til repositoriet (finnes under "Code"-knappen i GitHub).
  • Åpne VS Code og klikk på "Source Control"-ikonet (ser ut som en gren).
  • Velg "Clone Repository", lim inn URL-en, og velg hvor du vil lagre prosjektet lokalt.
  • Nå har hver elev en lokal kopi av prosjektet som de kan jobbe med.

3. Jobbe med prosjektet

• Opprette og endre filer:
  • Hver elev kan jobbe på sine deler av prosjektet, for eksempel ved å opprette eller endre HTML- og CSS-filer.
  • Sørg for å gjøre mindre og hyppige endringer som er lettere å håndtere i commits.

4. Committe og pushe endringer

• Committe endringene:
  • Når du har gjort en endring, lagre filene.
  • Klikk på "Source Control"-ikonet i VS Code.
  • Skriv en kort commit-melding som beskriver hva du har gjort, for eksempel Add basic structure to index.html eller Update navbar styling.
  • Klikk på "✔ Commit"-knappen for å lagre endringene lokalt.
• Pushe endringene til GitHub:
  • Etter å ha committet endringene, klikk på de tre prikkene (…) øverst i Source Control-panelet og velg "Push".
  • Endringene dine vil nå bli lastet opp til GitHub, hvor de andre i gruppen kan se dem.

5. Oppdatere med endringer fra gruppemedlemmer

• Pull inn nye endringer:
  • Før du begynner å jobbe, er det viktig å hente de nyeste endringene fra GitHub.
  • Klikk på de tre prikkene (…) i Source Control-panelet og velg "Pull".
  • Dette vil hente ned eventuelle endringer som andre i gruppen har gjort, slik at dere alltid jobber med den nyeste versjonen.

6. Løse eventuelle merge-konflikter

• Håndtere konflikter:
  • Hvis to elever har endret de samme linjene i en fil, kan det oppstå en merge-konflikt når du prøver å pushe endringene.
  • VS Code vil vise hvilke filer som har konflikter. Åpne filen, se på de motstridende endringene, og velg hvilken som skal beholdes, eller kombiner dem.
  • Etter at konflikten er løst, commit endringene og push på nytt.

7. Følge med på prosjektets utvikling

• Bruk GitHub til å holde oversikt:
  • Gå til repositoriet på GitHub for å se en historikk over commits, og se hvem som har gjort hvilke endringer.
  • Kommenter på commits eller lag issues hvis det er noe som må diskuteres eller løses i gruppen.

8. Avslutte prosjektet

• Sørg for at alt er oppdatert:
  • Før prosjektet leveres, sørg for at alle har pushet sine siste endringer.
  • Gjennomgå repositoriet for å sikre at alt ser bra ut og fungerer som det skal.
• Informér læreren:
  • Når prosjektet er ferdig, kan dere informere læreren via GitHub Classroom eller etter deres instruksjoner.

Med denne fremgangsmåten kan dere effektivt samarbeide på et HTML- og CSS-prosjekt ved å bruke GitHub Classroom. Det sikrer at alle i gruppen har tilgang til den nyeste koden og kan bidra til prosjektet på en organisert måte.