Working with Data and APIs in JavaScript

Weil JavaScript das nächste große Ding ist, hat Daniel Shiffman im Coding Train eine neue Reihe aufgelegt: »Working with Data and APIs in JavaScript«. Bemerkenswert ist, daß er diesmal nicht P5.js, den JavaScript-Mode von Processing nutzt, sondern auf JavaScript pur aufsetzt. Noch existiert keine eigene Playlist Obwohl mittlerweile auch eine Playlist exististiert, möchte ich die bisher erschienen Videos hier einzeln vorstellen:

Er beginnt mit der fetch()-API und async und await, dann folgen im ersten Teil der Reihe, die clientseitiges JavaScript behandelt:

• 1.2: Tabular Data zeigt das Parsen von CSV-Dateien.
• 1.3: Graphing with Chart.js. Chart.js findet Ihr hier.
• 1.4: JSON zeigt, wie man mit fetch() JSON-Dateien via eines APIs herunterlädt und damit DOM-Elemente manipuliert.
• 1.5 Mapping Geolocation with Leaflet.js. Die im letzten Video heruntergeladenen Daten der ISS werden in Leaflet.js visualisiert.
• 1.6 Refreshing Data with setInterval(), denn schließlich sollen die Daten ja auch aktualisiert werden.

Im zweiten Teil der Reihe wird es dann serverseitig:

• 2.1: Server-side with Node.js. Wer Node.js noch nicht heruntergeladen hat, sollte es nun tun.
• 2.2: Geolocation Web API als Vorstufe der Kommunikation zwischen Client und Server.
• 2.3: HTTP Post Request with fetch() – Daten vom Client zum Server senden.
• 2.4: Saving to a Database und zwar zu NeDB, einem Subset der MongoDB.
• 2.5: Database Query, denn irgendwie muß man die Daten ja auch wieder herausbekommen.
• 2.6: Saving Images and Base64 Encoding. Ab hier habe ich die Videos auch noch nicht gesehen.
• 2.7: Project Wrap-up: Accessibility and Design.

Der dritte Teil ist so neu, daß ich ihn nur summarisch vorstellen kann, denn ich habe ihn mir ebenfalls noch nicht angeschaut:

• 3.1: API calls from Node.js (Weather data from Dark Sky), hier die Dark Sky API.
• 3.2: Open Air Quality API in Node.js, die OpenAQ findet ihr hier.
• 3.3: Mapping Database Entries with Leaflet.js.
• 3.4: Hiding API Keys with Environment Variables (dotenv) and Pushing Code to GitHub – hier der Link zu dotenv.
• 3.5: Web Application Deployment (Glitch and Heroku).

Damit ist auch mein Fenrsehprogramm nicht nur für heute, sondern vermutlich für die nächsten Tage gerettet. Und obwohl JavaScript das nächste große Ding ist, habe ich mich mit P5.js nie wirklich anfreunden können. Vielleicht hilft mir diese JavaScript-pur-Tutorial-Serie, mit JavaScript endlich auch einmal etwas Sinnvolles auf die Beine zu stellen. Still digging!

(Kommentieren)