I detta dokument hittar du övningar som är avsedda att hjälpa dig att komma igång med användningen av en kodeditor. Den mest populära kodeditorn som används idag är Visual Studio Code (VS Code), och därför kommer vi att använda den som standardverktyg under din utbildning. Men om du föredrar att använda en annan kodeditor är det naturligtvis helt upp till dig. Om du inte redan har laddat hem Visual Studio Code, så kan du göra det här.
Här är ett förslag på hur du kan organisera dina filer i mappar på datorn. För varje uppgift skapar du en ny mapp. Då blir det lätt att hitta tillbaka till tidigare uppgifter.
/skola
/kursnamn
/uppgift
index.html osv....
Använd gärna löpnummer, skriv på engelska, alltid småbokstäver och utan mellanslag, så kommer du få en bättre struktur som är lättare att hitta i. Exempel "01-exercise-vscode".
- Skapa en ny mapp på datorn och öppna den med VS Code.
- Skapa en ny fil, byt namn på filen, ta bort filen.
- Indentera en eller flera rader, se om du kan ändra indenteringen mellan 2 och 4 mellanslag.
- Öppna inställningarna.
- Visa Command Pallette.
- Installera valfri extension.
- Visa två filer samtidigt (split editor).
- Skapa samma filträd som på bilden ovan i VS Code (byt ut gifarna mot egna bilder).
- Öva på relativa sökvägar, hur länkar du till något...
- ...i samma katalog?
- ...inuti en annan katalog?
- ...två kataloger ner?
- ...enkatalog upp?
- ...två kataloger upp?
- Koppla ihop alla dina filer så att man kan hoppa mellan dem på ett rimligt sätt. Tips!
<a href=""></a>är elementet du behöver använda. Från startsidan bör man kunna ta sig till about.html, samt alla receptsidor. Alla individuella sidor bör dessutom kunna leda användaren tillbaks till startsidan. - Levelup! Länka in en av dina bilder i filen salmon.html, och den andra i putanesca.html. Tips! För att länka in bilder behöver du använda
<img src="">.