Hopp til innholdet
Øvelser2 min lesetid

Fem øvelser som lærer mer enn ti videoer

Forskjellen på å se og å gjøre — og de fem øvelsene fra startkursene som gir mest igjen for tiden brukt.

Å se noen andre kode gir en rar følelse av å forstå. Alt ser logisk ut, linje for linje. Så setter du deg med et tomt dokument — og ingenting kommer av seg selv. Forskjellen mellom å se og å gjøre er hele grunnen til at skol.no er bygget rundt øvelser, ikke avspilling.

Illustrasjon: to hender skriver på et tastatur, med prosjektkort med haker på begge sider og en dempet avspillingsknapp på hylla i bakgrunnen
Kodene du skriver selv, blir til korter med haker. Avspillingsknappen venter.

Hva en øvelse gjør som en video ikke kan

En video kan vise deg veien. En øvelse tvinger deg til å gå den — og det er på turen at læringen skjer: du velger ord, du staver feil, du leser en feilmelding, du retter, og plutselig virker det. Den loopen — prøv, feil, rett — er den viktigste ferdigheten vi kan lære deg, viktigere enn noen enkelt tag eller funksjon.

De fem øvelsene

Dette er fem øvelser fra startkursene som vi ser gir mest igjen for tiden brukt:

  1. Skriv ditt første HTML-dokument fra bunnen av — HTML og CSS, leksjon 2. Doctype, head, body: når du har skrevet skjelettet én gang med egne hender, kjenner du formen som alle nettsider deler.
  2. Bygg sidens skjelett med header, main og footer — leksjon 3. Semantiske tagger virker teoretiske helt til du må velge hvor innholdet skal bo.
  3. Stil et kort med padding, margin og border-radius — leksjon 7. Boksmodellen går fra abstrakt til synlig første gang du ser rommet du selv satte.
  4. Lag en klikk-teller med addEventListener — JavaScript, leksjon 8. Hendelser er det som gjør sidene levende, og telleren er den minste versjonen av det.
  5. Bygg gjøremålslisten fra bunnen av — leksjon 9. Alt fra kurset i ett program, og følelsen av å ha laget noe som faktisk virker.
jsFra øvelse fire: klikk-telleren, slik den starter
const knapp = document.querySelector("#knapp");const teller = document.querySelector("#teller");let antall = 0; knapp.addEventListener("click", () => {  antall = antall + 1;  teller.textContent = "Du har trykket " + antall + " ganger.";});

Hvordan sjekkene hjelper — uten å hjelpe for mye

Arbeidsområdene sjekker koden din mot enkle mønstre — tekst du skal ha skrevet, ikke løsninger en kunstig intelligens vurderer. Når en sjekk er rød, får du et hint som forteller hva som mangler, ikke svaret. Det er med vilje: å finne fram selv er selve treningen, og sjekkene er der for å si fra når du har kommet hele veien.

Obs

Ti videoer kan gi deg følelsen av å forstå. Fem øvelser gir deg beviset — i form av ting du har laget og som virker.

Teamet bak Skol

Vi bygger kodeskolen mens vi skriver om den — alt du leser her, er prøvd på ekte nybegynnere først.

Les videre

← Tilbake til bloggen