Webteknologi - Opgaver introugen

Opgave 1 - Installation

I denne opgave skal du hente og installere “git”, “nodejs” og “Visual Studio Code”. Du kan finde links til dem herunder.

Når dette er gjort, skal du gå videre til opgave 2.

Opgave 2 - At skifte shell i vscode

Åben vscode og åben en tom folder på din PC, som du vil bruge til dagens opgaver. Dette gøres i menuen “File -> Open Folder…”. Jeg anbefaler, at man deler det sådan op, så man åbner en ny folder i vscode til hver undervisningsgang.

Find en terminal i vscode. Dette gøres i menuen “Terminal -> New Terminal”. Hvis du har flere terminaler åbne, anbefales det at du lukker dem du ikke bruger.

I rullemenuen til højre i terminalen, vises hvilken shell du bruger (fx “zsh”, “powershell” eller “bash”). Hvis du har flere terminaler åbne, vises det til venstre i listen af terminaler.

I dette fag bruger vi primært “bash”, dog virker “zsh” også fint, hvis du har en mac. “bash” findes normalt ikke i Windows, men bliver installeret sammen med “git”.

Du kan skifte shell ved at vælge “Select Default Profile” i menuen ved siden af “+”-tegnet i Terminal-vinduet. Hvis bash mangler, så prøv at genstarte vscode. Du kan også prøve at geninstallere git og sikre dig, at bash er valgt undervejs i installationen.

Når du har skiftet til bash, kan du tjekke hvilken version du har med kommandoen

$ bash --version

Bemærk, at man ikke selv skriver dollar-tegnet. Det er blot der kommandolinjen starter (i bash).

Opgave 3 - Folder-navigation

Denne og de næste øvelser virker kun i bash eller zsh.

For at se hvilken folder din terminal står i, skal du skrive kommandoen:

$ pwd

Her er yderligere fire kommandoer, der er vigtige at kunde:

Bemærk, at når der fx står <ny-folder>, betyder det, at man skal skrive navnet på en ny folder. Man skal ikke skrive < og >.

Prøv nu følgende:

  1. Opret en ny folder
  2. Gå ind i folderen
  3. Skriv pwd for at se hvor du er.
  4. Gå ud af folderen igen
  5. Skriv pwd for at tjekke at du er gået ud af folderen igen
  6. Skriv ls for at se filerne og folderne hvor du står. Kan du finde din nye folder i listen?

Opgave 4 - Terminal-kommandoer

Undersøg disse kommandoer ved at udføre dem i terminalen. Skriv ned i dine noter hvad hver enkelt kommando gør. Sammenlign svaret med din studiegruppe, eller spørg dem, hvis du ikke kan finde svaret.

  1. echo Hej med dig > hejsa.txt
  2. cat hejsa.txt
  3. clear
  4. seq 5 50000 > mine-tal.txt
  5. cp mine-tal.txt tal2.txt
  6. rm mine-tal.txt
  7. mv tal2.txt tal.txt
  8. less tal.txt
  9. yes Jeg stopper aldrig

Kommandoen i punkt 8 kan afbrydes ved at trykke på q. Det gælder mange terminal-programmer.

Kommandoen i punkt 9 kan afbrydes med ctrl+c (i Windows). Det gælder faktisk de fleste kommandoer som ikke stopper med q. Enkelte kræver dog ctrl+x i stedet for.

Opgave 5 - Auto-complete

I terminalen findes der auto-complete, akkurat som når du skriver beskeder på din telefon. Terminal kan fx fuldende navne på de filer, du skriver.

Prøv punkt 4 til 8 fra sidste opgave igen, men i stedet for at skrive hele filnavnet hver gang, så prøv at nøjes med de første par bogstaver, og tryk herefter på tab-knappen på dit keyboard. Hvis det virker, fuldender den filnavnet, hvis ikke, så prøv igen, hvor du hjælper den med et par bogstaver mere. Bemærk, at auto-complete selvfølgelig kun virker på filer, der allerede findes, og kun hvis man står i den folder, hvor de findes.

Opgave 6 - Terminalen

Nu er du godt i gang med din shell. Prøv om du kan udføre følgende små opgaver fra terminalen:

  1. Opret en ny folder.
  2. Gå ind i den nye folder.
  3. Prøv at oprette en ny tekstfil med terminalprogrammet nano. Du skriver bare nano efterfulgt af navnet på den nye fil. Kommandoerne i nano bruges ved at holde ctrl nede.
  4. Bruge kommandoen “ls” til at se om filen er i folderen.
  5. Navigere ud af folderen igen.
  6. Bruge kommandoen “ls” for at se om folderens navn er på listen af filer og foldere.
  7. Tjek også lige at du kan finde fil og folder i vscode’s explorer (knap øverst i venstre side).
  8. Tjek til sidst, at du kan finde filerne på din computer uden at bruge vscode. Dvs. med “explorer” (“stifinder” på dansk), hvis du bruger windows, eller “Finder”, hvis du bruger Mac.

Nu er du blevet kendt med vscode og din terminal, og du er nu klar til modul 1 i Webteknologi.