Kmom05: Fetch

I den här uppgiften ska vi hämta data från en extern URL. Datan ska vi sedan filtrera och visa upp i en HTML tabell.

Läs & Studera

Här kan du på egen hand studera och förbereda dig inför övningar och uppgifter.

Föreläsning / Genomgång

Det finns inga inspelade föreläsningar till detta kursmomentet.

Det hålls genomgångar under kursveckan och delar av dem kan spelas in och publiceras i kursens spellista.

Video för orientering

Det finns inga nya videor för kursmomentet.

Glöm ej att du har videorna i spellistan “Kom igång med js - webtec 2025”.

Instuderingsfrågor

Här finns ett antal instuderingsfrågor som hjälper dig att finna information på egen hand för att träna på de koncept som är relevanta för detta kmom.

Instuderingsfrågor om HTML

1. Vad är en tabell i HTML?

2. Vilka delar kan en tabell bestå av i HTML?

Instuderingsfrågor om CSS

1. Hur kan jag styla en tabell med CSS?

Instuderingsfrågor om JavaScript

1. Hur kan jag uppdatera en HTML tabell med JavaScript?

2. Vad är fetch i JavaScript?

3. Hur fungerar async await i JavaScript?

Övningar & Uppgifter

Övningar är träning inför uppgifterna, det är ofta klokt att jobba igenom övningarna då de förbereder dig inför uppgifterna. Uppgifter skall utföras och redovisas.

Övningar

Jobba igenom övningarna, de förbereder dig inför uppgifterna.

1. Jobba igenom artikeln om Fetch API och async/await.

Uppgifter

Följande uppgifter skall utföras och resultatet skall redovisas.

1. Gör uppgiften “fetch”.

Resultat & Redovisning

Läs instruktionen om hur du skall redovisa.

Se till att följande frågor besvaras i din redovisningstext.

• Berätta hur det gick att lösa uppgiften.

• Kan du se fördelarna med async/await?

• Vilken del tycker du var krångligast att få till?

• Vilken är din TIL för detta kmom?