Beetje Coderen

Les 29

Data ophalen met fetch

JSON van een API tonen op je pagina.

⏱ 45–60 minuten leestijd + oefenen

🎯 Na deze les kun je

  • data ophalen met fetch en async/await
  • JSON omzetten naar HTML
  • laad- en foutstatussen tonen

Tot nu toe stond alle inhoud van je pagina in de HTML, of maakte JavaScript het zelf. Veel sites halen gegevens echter van een API: een server die gegevens teruggeeft in plaats van een webpagina. Denk aan het weer, openingstijden uit een systeem, of een productcatalogus. In deze les haal je met fetch gegevens op, verwerk je JSON, en toon je ze in de pagina, inclusief laad- en foutmeldingen. Je bouwt een weerwidget.

🔒 Deze les zit in het betaalde deel van de cursus

De eerste 6 lessen zijn gratis; de rest van de cursus, de live labs en het certificaat koop je eenmalig (€ 19,00). Geen abonnement. Online afrekenen komt binnenkort beschikbaar.

Wil je een seintje als het zover is?