Kaares kokebok

Programmering for Vg1 informasjonsteknologi og medieproduksjon

Denne boka lærer deg å programmere. Du lager nettsider, skriver programmer i JavaScript og lagrer data i en database. Underveis lager du fem produkter for ekte kunder.

Du lærer å programmere ved å programmere. Derfor begynner hver del av boka med kode, og ikke med forklaringer. Du leser koden, gjetter hva den gjør, kjører den og endrer den. Etter hvert lager du dine egne programmer.

Slik er et kapittel bygd opp

Hvert kapittel består av tre deler: seksjoner der du lærer noe nytt, en oppsummering og oppgaver.

Seksjonene

Hver seksjon begynner med en kodebit. Fanen øverst til høyre viser hva filen heter.

index.html

<h1>Hallo, Norge!</h1>
<p>Her lager jeg nettsider.</p>

Etter kodebiten kommer en kort forklaring, og deretter oppgaver merket a), b), c) og så videre. De første oppgavene er nesten alltid de samme:

1. Les koden ovenfor, og gjett på resultatet.
2. Skriv av koden, og sjekk om du gjettet riktig.

Gjett før du ser resultatet. Det er når du gjetter feil, at du lærer mest. Skriv av koden selv i stedet for å kopiere den, så legger du merke til detaljene.

En boks med fanen Nettleser viser hvordan en nettside ser ut i nettleseren.

Nettleser

Når du programmerer i JavaScript, står resultatet av programmet i en hvit boks med fanen Utskrift.

Utskrift

Hallo, Norge!
7

I Del 5 skriver du SQL i bokser som du kan endre og kjøre rett i boka. Trykk på Kjør, og resultatet vises under boksen.

Database: Bygdekinoen

SELECT tittel, lengde FROM film LIMIT 3;

Når du skal utvide koden, er de nye kodelinjene markert. Kodelinjene du allerede har skrevet, er grå.

index.html

<h1>Hallo, Norge!</h1>
<p>Her lager jeg nettsider.</p>
<p>Snart lager jeg programmer også.</p>

Noen ganger skal du sette inn kodelinjer selv. Da står kodelinjene som løse biter med stiplet kant, og du må finne ut hvor de skal stå.

• <h2>Om meg</h2>
• <p>Jeg går på Vg1.</p>

Noen ganger ser du flere kodebiter merket Kode A, Kode B og så videre. Bare én av dem virker. Du skal selv finne ut hvilken, og forklare hva som er feil i de andre.

En algoritme er en oppskrift skrevet på norsk. Den står i en boks med fanen Algoritme, ofte ved siden av koden.

Algoritme

Gi sum verdien 0
For hver vare i handlekurven:
    Øk sum med prisen på varen
Skriv ut sum

Noe du må huske, står i en boks med blå kant:

Lagre filen før du laster inn siden på nytt.

Et hint som hjelper deg videre når du står fast, står i en boks med grønn kant og en lyspære:

Kopier en fil du allerede har laget, og endre innholdet.

Oppsummeringen

Oppsummeringen viser det viktigste fra kapitlet, med kode og resultat rett under hverandre. Bruk den som et oppslagsverk når du arbeider med oppgavene, og når du lager dine egne programmer senere.

Oppgavene

A-oppgavene øver på det du har lært i kapitlet. I B-oppgavene kombinerer du det du har lært, finner ut mer på egen hånd og går i dybden. Oppgavene med stjerne (★) er for deg som vil lenger.

Feil er en del av arbeidet

Alle som programmerer, gjør feil hele tiden. Derfor ber boka deg ofte om å lage feil med vilje. Når du senere gjør den samme feilen ved et uhell, kjenner du den igjen.

Kunstig intelligens

KI kan forklare kode og feilmeldinger. Skriver KI koden for deg, lærer du ikke å programmere. Skriv derfor koden selv, og bruk KI til å forstå det du står fast på. Du skal kunne forklare hver kodelinje du leverer.

Underveis i boka finner du forslag til spørsmål du kan stille en KI. De står i en boks med overskriften Spør KI. Med knappen til høyre kopierer du spørsmålet, slik at du kan lime det inn i KI-verktøyet du bruker:

Spør KI

Forklar hva denne HTML-koden gjør, linje for linje. Ikke skriv ny kode for meg, bare forklar.

Gode spørsmål til en KI ber om forklaringer, eksempler og hint, og ikke om ferdige svar. Du kan også be KI-en stille deg spørsmål, slik at du finner ut om du har forstått temaet. Sjekk alltid svaret. En KI kan ta feil, selv når den høres sikker ut.

Det du trenger

Du trenger en datamaskin med en nettleser og en editor. Mange skoler bruker Visual Studio Code, og i tillegg A ser du hvordan du kommer i gang. SQL kjører du rett i boka.