Programmeren 5
Home

Programmeren 5

JavaScript Asynchroon programmeren
JavaScript - Asynchroon programmeren

Programmeren 5

JavaScript - Asynchroon programmeren

Doelstelling

  1. In deze les leren we wat asynchroon programmeren is.
  2. We leren hoe je een eenvoudige third party API aanspreekt.

Na deze les:

Stappenplan

  1. Wat is Ajax
  2. Het XMLHttpRequest object
  3. Marvel - Developer Portal
  4. Vooraleer met coderen te beginnen gaan we Cloud9 en onze lokale computer synchroniseren (filmpje)
  5. Marvel API - GET personages
  6. Filmpje Marvel API - GET personnages
  7. Nu we de code op Cloud9 gewijzigd hebben moeten we Cloud9 opnieuw synchroniseren met BitBucket. Hoe je een Cloud9 workspace synchroniseert met een remote GIT repo, dat hebben we helemaal in het begin van de module geleerd in Een Cloud9 workspace synchroniseren met een remote GIT repo.
    Als je de naam van het javascript pad gewijzigd hebt moet je nog het .gitignore bestand aanpassen:
    learn-javascript/.vs
    *.sln
    
    Kan korter door alle .vs mappen te negeren:
    .vs
    *.sln
    
  8. Een Ajax bibliotheek
  9. Marvel API - Get personages met Ajax bibliotheek
  10. We kunnen de AJAX bibliotheek herschrijven met behulp van promises. Promises werden pas in JS6 toegevoegd
    1. JS - Promises
    2. Een moderne ajax bibliotheek
  11. Nog een heel mooi voorbeeld:
    Tania Rascia, How to Connect to an API with JavaScript, December 7, 2017
  12. Leer werken met de nieuwste ingebouwde Fetch API:
    1. Fetch API op MDN web docs
    2. Tania Rascia, How to Use the JavaScript Fetch API to Get JSON Data,5/3/2018

Opdracht

  1. Maak de opdrachten in een map met de naam asynchroon.
  2. Herschrijf de Marvel API - GET personages met behulp van Een moderne ajax bibliotheek in een bestand met de naam marvel-GET-met-modern-ajax-library.html.
  3. Herschrijf de Marvel API - GET personages met behulpt van de Fetch API in een bestand met de naam marvel-GET-met-Fetch-API.html.
  4. Maak de oplossing lokaal in Visual Studio of een IDE naar keuze (PHPStorm, Visual Code, ...) en synhroniseer ze met Bitbucket en Cloud9. Zet in de melding van de commit: "Marvel API opdracht final".
  5. Stuur een tekstbestand door via onderstaande link met een link naar Cloud9 en Bitbucket.

JI
2018-11-16 16:36:05