Wk15 / API

API's

C# development-II

Week 15

1 / 24

Slide 1: Tekstslide

Applicatie- en mediaontwikkelaarMBOStudiejaar 1

In deze les zitten 24 slides, met tekstslides.

Lesduur is: 60 min

Onderdelen in deze les

API's

C# development-II

Week 15

Slide 1 - Tekstslide

Deze slide heeft geen instructies

A pplication

P rogramming

I nterface

Slide 2 - Tekstslide

Deze slide heeft geen instructies

Application Programming Interface

Door een User Interface (UI) kan de gebruiker contact maken met onze app.

Door een API kan een ander programma contact maken met onze appl

Slide 3 - Tekstslide

Deze slide heeft geen instructies

"Wat is een API?"

Ga op zoek naar jouw eigen antwoord op deze vraag.

Stilte, werk voor jezelf

Overleg met buur is ok

Werk in groepjes

Doel:

Bekend raken met met het concept "API".

Hulp:

Vraag de docent

Klaar:

Lees CSD-II, H4, par. 1 t/m 6

timer

5:00

Slide 4 - Tekstslide

Deze slide heeft geen instructies

"Wat is een API?"

Bespreek in tweetallen hoe je deze vraag zou beantwoorden.

Stilte, werk voor jezelf

Overleg met buur is ok

Werk in groepjes

Doel:

Bekend raken met met het concept "API".

Hulp:

Vraag de docent

Klaar:

Lees CSD-II, H4, par. 1 t/m 6

timer

5:00

Slide 5 - Tekstslide

Deze slide heeft geen instructies

Docent;

Vraag enkele tweetallen naar hun antwoord.

Noteer op het whiteboard een aantal keywords.

Slide 6 - Tekstslide

Deze slide heeft geen instructies

Voorbeeld API

Voorbeeld & relatie met PRA:

http://developerland.studiokaa.co/api/fake-prices.php

Eenvoudig voorbeeld:

http://ron-swanson-quotes.herokuapp.com/v2/quotes

(tip: chrome-extensie "JSON Formatter")

Slide 7 - Tekstslide

Deze slide heeft geen instructies

Gezamenlijk bouwen:

een eenvoudige API gebruiken ('consumeren').

UWP app die een Ron-Swanson-quote toont.

Boekje:

Dit is CSD-II, H4, opdr. 7

Doel:

Bekend raken met met het concept "API".

Hulp:

Vraag de docent

Klaar:

Lees CSD-II, H4, par. 8

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Slide 9 - Tekstslide

Wat zijn deze dingen nu?

Dit is de

JavaScript Object Notation

Slide 10 - Tekstslide

Wat zijn deze dingen nu?

JavaScript Object Notation

(JSON)

Slide 11 - Tekstslide

Wat zijn deze dingen nu?

JavaScript Object Notation

(JSON)

Een taal om gegevens in te noteren.

Slide 12 - Tekstslide

Wat zijn deze dingen nu?

JSON

De syntax van JSON kent twee basisregels:

Slide 13 - Tekstslide

Deze slide heeft geen instructies

JSON

Dit is dus een lijst met slechts één item:

Slide 14 - Tekstslide

Deze slide heeft geen instructies

JSON

Net als voor het parsen van CSV-bestanden, kunnen we ook voor JSON een externe package installeren.
Deze package kan JSON omzetten naar Lijsten en classes.
Dit noem je "deserialiseren".

Slide 15 - Tekstslide

Deze slide heeft geen instructies

JSON

Stel je hebt dit JSON-object:

Slide 16 - Tekstslide

Deze slide heeft geen instructies

JSON

En je maakt deze klasse:

Slide 17 - Tekstslide

Deze slide heeft geen instructies

JSON

En deze regel code:

Slide 18 - Tekstslide

Deze slide heeft geen instructies

JSON

Slide 19 - Tekstslide

Deze slide heeft geen instructies

Slide 20 - Tekstslide

Deze slide heeft geen instructies

Slide 21 - Tekstslide

Deze slide heeft geen instructies

JSON als universele taal

JSON is de taal die applicaties onderling spreken
Vrijwel iedere programmataal kan JSON (de)serializen
Bijvoorbeeld: PHP en JavaScript 'spreken' ook JSON
(er zijn ook andere universele talen zoals XML, maar JSON is verreweg de eenvoudigste)

Slide 22 - Tekstslide

Deze slide heeft geen instructies

Slide 23 - Tekstslide

Deze slide heeft geen instructies

Doen:

Maak CSD-II, H4

Opdracht 9 en 10

Stilte, werk voor jezelf

Overleg met buur is ok

Werk in groepjes

Doel:

Werken met JSON en deserializer

Hulp:

Vraag de docent

Klaar:

Werk aan PRA / klachten-tool

Slide 24 - Tekstslide

Deze slide heeft geen instructies

Wk15 / API

Onderdelen in deze les

Slide 1 - Tekstslide

Slide 2 - Tekstslide

Slide 3 - Tekstslide

Slide 4 - Tekstslide

Slide 5 - Tekstslide

Slide 6 - Tekstslide

Slide 7 - Tekstslide

Slide 8 - Tekstslide

Slide 9 - Tekstslide

Slide 10 - Tekstslide

Slide 11 - Tekstslide

Slide 12 - Tekstslide

Slide 13 - Tekstslide

Slide 14 - Tekstslide

Slide 15 - Tekstslide

Slide 16 - Tekstslide

Slide 17 - Tekstslide

Slide 18 - Tekstslide

Slide 19 - Tekstslide

Slide 20 - Tekstslide

Slide 21 - Tekstslide

Slide 22 - Tekstslide

Slide 23 - Tekstslide

Slide 24 - Tekstslide

Meer lessen zoals deze

CSD-VI H2 Introductie webserver bouwen

Les 4: C1-2 - Big Data, API's en buienradar-app

Grafieken maken met JavaScript ChartJS en Fetch

Les 4. Interactief met de DOM: HTML-elementen manipuleren met JavaScript

Wk07 / ListView en CsvHelper

Informatie en Data 04 - 4.1 tmt 4.4 - json dataformaat en Big Data

Les 3+4: C1-2 - Big Data, API's en buienradar-app

WIN wk12 / H7 / User interface