Innhold

1 Den første nettsiden: 1.1 Lage den første nettsiden · 1.2 Endre og rette nettsiden · 1.3 Overskrifter og avsnitt · 1.4 Elementer, tagger og attributter · 1.5 Framheve tekst · 1.6 Undersøke en nettside
2 Lenker, bilder og lister: 2.1 Lenker mellom sider · 2.2 Lenker til e-post, telefon og steder på siden · 2.3 Bilder og alternativ tekst · 2.4 Bilder med bildetekst · 2.5 Punktlister og nummererte lister · 2.6 Mapper og relative stier
3 Tabeller: 3.1 En enkel tabell · 3.2 Overskriftsceller og tabelltittel · 3.3 Hode, kropp og fot · 3.4 Slå sammen celler · 3.5 Lenker, bilder og lister i tabeller · 3.6 Når skal du bruke en tabell?
4 Struktur og kvalitet: 4.1 Dele siden i deler · 4.2 Seksjoner og artikler · 4.3 Kommentarer i HTML · 4.4 Validere og rette feil · 4.5 Universell utforming
Prosjekt 1 Et nettsted i ren HTML: Bestillingen · Plan · Bygge sidene · Teste og levere · Dokumentere prosjektet

5 Introduksjon til stilsetting med CSS: 5.1 Gi ett element stil · 5.2 Farger · 5.3 Kontrast · 5.4 Et stilsett i <head> · 5.5 Elementvelgere · 5.6 Klassevelgere · 5.7 Id-velgere · 5.8 Skrift og tekst · 5.9 Feilsøke CSS
6 Boksmodellen: 6.1 Alle elementer er bokser · 6.2 Fyll og kant · 6.3 Marg og sentrering · 6.4 Bredde og høyde · 6.5 Regne ut størrelsen på en boks · 6.6 Tabeller med luft og få streker · 6.7 Feilsøke boksmodellen
7 Et eget stilark for hele nettstedet: 7.1 Flytte CSS til en egen fil · 7.2 Stilark og undermapper · 7.3 Hvilken regel vinner? · 7.4 Arv · 7.5 Lenker og meny med stil · 7.6 Bakgrunnsbilder · 7.7 Et ryddig stilark
8 Flexbox: 8.1 Elementer på rad · 8.2 Plassere langs raden · 8.3 Plassere på tvers · 8.4 Avstand med gap · 8.5 Når raden blir for smal · 8.6 En meny med flexbox · 8.7 Kort med flexbox
9 Responsivt design: 9.1 Nettsiden på mobil · 9.2 Mobil først · 9.3 Mediespørringer · 9.4 Bilder som tilpasser seg skjermen · 9.5 Grid for kort og bildegallerier · 9.6 Teste på mobil og med forstørret tekst
Prosjekt 2 Nettside for en kunde: Bestillingen · Skisse og plan · Bygge siden · Teste og levere · Dokumentere prosjektet

10 Variabler, input og output: 10.1 Et program på nettsiden · 10.2 Knapper og funksjoner · 10.3 Variabler · 10.4 Tekst og tall · 10.5 Regne med variabler · 10.6 Lese input fra et tekstfelt · 10.7 Når programmet ikke virker
11 Valg og logiske uttrykk: 11.1 Logiske uttrykk · 11.2 if og else · 11.3 Flere valg med else if · 11.4 Tekst eller tall? · 11.5 Og, eller og ikke · 11.6 Tilfeldige tall
12 Feilsøking som metode: 12.1 Konsollen · 12.2 Lese feilmeldinger · 12.3 Feilsøke med console.log · 12.4 Stoppunkter i utviklerverktøyene · 12.5 Logiske feil · 12.6 En fast oppskrift for feilsøking · 12.7 JavaScript i en egen fil
13 Interaktive historier: 13.1 Historien som flytdiagram · 13.2 Valg som fører videre · 13.3 Variabler som husker valgene · 13.4 Bilder og lyd · 13.5 Teste historien på andre
Prosjekt 3 Interaktiv historie for en kunde: Bestillingen · Flytdiagram og plan · Lage historien · Brukertest · Dokumentere prosjektet

14 Løkker: 14.1 Gjenta med for · 14.2 Telle på andre måter · 14.3 Løkker som bygger opp en verdi · 14.4 while-løkka · 14.5 Uendelige løkker · 14.6 Løkker og nettsiden
15 Lister og statistikk: 15.1 Lagre flere verdier i en liste · 15.2 Gå gjennom en liste med en løkke · 15.3 Summere og regne gjennomsnitt · 15.4 Finne den største verdien · 15.5 Legge til og fjerne verdier · 15.6 Vise statistikk på nettsiden
16 Objekter: 16.1 Et objekt med egenskaper · 16.2 Endre og legge til egenskaper · 16.3 En liste med objekter · 16.4 Finne objekter som passer · 16.5 Vise objekter på nettsiden · 16.6 Objekter og tabeller
17 Funksjoner: 17.1 Lage en funksjon · 17.2 Parametere · 17.3 Returverdier · 17.4 Funksjoner som svarer på hendelser · 17.5 Dele opp et program i funksjoner
18 Søke og sortere: 18.1 Lineært søk · 18.2 Binærsøk · 18.3 Byttesortering · 18.4 Sammenligne algoritmer · 18.5 Sortere med sort
Prosjekt 4 Bestillings-app for en kunde: Bestillingen · Datamodell og plan · Lage appen · Teste og levere · Dokumentere prosjektet

19 Datamodellering: 19.1 Fra kundetekst til entiteter · 19.2 Attributter og nøkler · 19.3 Relasjoner · 19.4 ER-diagram · 19.5 Unngå dobbeltlagring
20 SQL: tabeller og spørringer: 20.1 Lage en tabell · 20.2 Legge inn data · 20.3 Hente data med SELECT og WHERE · 20.4 Sortere og begrense · 20.5 Koble tabeller med JOIN · 20.6 Endre og slette data
21 Statistikk med SQL: 21.1 Telle og summere · 21.2 Gjennomsnitt, minste og største verdi · 21.3 Gruppere med GROUP BY · 21.4 Fra spørring til diagram · 21.5 Gode og dårlige diagrammer
22 Data i samfunnet: 22.1 Hvordan apper samler data · 22.2 Anbefalingsalgoritmer · 22.3 Profiler og målrettet reklame · 22.4 Personvern
23 Dokumentere og dele arbeidet: 23.1 Kommentarer i HTML, CSS og JavaScript · 23.2 En README-fil i Markdown · 23.3 Testtabell og testrapport · 23.4 Skjermbilder og skjermopptak · 23.5 Ta vare på tidligere versjoner · 23.6 Levere og dele et nettsted
Prosjekt 5 Sluttprosjekt for en kunde: Bestillingen · Datamodell og plan · Bygge løsningen · Teste og levere · Dokumentere prosjektet

A Visual Studio Code: A.1 Installere VS Code · A.2 Åpne en mappe og lage filer · A.3 Anbefalte innstillinger · A.4 Lage en ny HTML-fil raskt · A.5 Live Preview · A.6 Live Server · A.7 Nyttige tastatursnarveier
B Oversikt over HTML, CSS, JavaScript og SQL: HTML · CSS · JavaScript · SQL · Ord