webutviklingViderekommen

Hent data: JSON og fetch

Fra JSON til grensesnitt — gi sidene dine ekte data.

Lær å jobbe med ekte data. Du lærer JSON, fetch og async/await, former dataene med map, filter og sort, og viser dem på en side — med ærlig feilhåndtering når nettet svikter. Bygger videre på JavaScript-grunnkurset.

Leksjoner: 9
Timer: ~2,2
Nivå: Viderekommen
Start: Gratis

Kurs-intro

31 sekunder om hva kurset er, og hvordan det fungerer.

Leses av en syntetisk stemme (Microsoft Edge TTS, norsk bokmål).

Prøv en smakebit nå

JSON er bare data du kan jobbe med. Kjør koden og se hvem filteret lar bli med — det er slik sidene henter ut det de trenger.

Konsoll

Kjør koden for å se output her.

Du skal lære

Lese og skrive JSON — dataens vanligste format
Hente ekte data med fetch og await — og vite hva som kan feile
Forme data med map, filter og sort
Vise data på en side — og håndtere tomme treff og nettverksfeil ærlig

Dette kurset passer for deg

Du kan grunnleggende JavaScript — variabler, funksjoner og løkker
Du vil fra statiske sider til sider som bruker ekte data
Du vil forstå hva folk faktisk mener med «API» — uten buzzwords

Læringsstien

Fra første linje til mållinjen — slik kurset henger sammen.

Start her

Leksjonene bygger på hverandre — ta dem i rekkefølge, eller hopp til det du trenger.

1Lesing12 minNeste oppHva et API erAvtalen som lar programmer snakke sammen — forklart med en meny.Gratis
2Øvelse15 minJSON — dataens formLes og bruk JSON i arbeidsområdet — dataens vanligste format.Gratis
Etter leksjon 2 tar de gratis slutt
Lås opp resten av kurset
- De neste 7 leksjonene — øvelser og quizer inkludert
- Alle andre kurs i katalogen, også de som kommer
5 kr/mnd · uten binding · si opp når som helst
3Lesing14 minfetch — spør nettetHent ekte data fra et API med fetch — og forstå hva som kan gå galt.
4Lesing12 minasync og awaitAsynkron kode som er lett å lese — uten å fryse siden.
5Øvelse16 minVis data på sidenFra array til DOM: render ekte data som elementer.
6Øvelse18 minFiltrer og form datamap, filter og sort — form dataene til det brukeren trenger.
7Lesing12 minNår det feiler404, nettverkssvikt og uglyd JSON — håndter det ærlig.
8Øvelse22 minMiniprosjekt: elevregisteretSøk mens du skriver: et lite register med ekte interaksjon.
9Quiz10 minSluttest: JSON og fetchSyv spørsmål om JSON, fetch og feilhåndtering. Krever 80 %.

Mållinjen

Fullfør alle leksjonene — og bruk det du kan til å bygge noe helt eget. Når du er ferdig venter «Git og terminalen».

Neste kurs

Se alle øvelsene i kurset, samlet