Übung JavaScript Meteo Httphttps://www.springboot.ch/ecmascript-training-kurs-javascript-es6-programmierung-ressourcen-repetition-meteo?&atomThu, 28 Mar 2024 22:29:52 +0000stack.ch
https://stack.ch/
b1cfcce2-ed52-11ee-8c11-005056bb85fbSimtech AG - Ausbildung - Internet Web Kurse - Kurs Javascript Programmierung - Kurs JavaScript ES6 Programmierung - Ressourcen - Kurs JavaScript ES6 Programmierung - Repetition Meteo - Übung JavaScript Meteo Http
https://www.springboot.ch/ecmascript-training-kurs-javascript-es6-programmierung-ressourcen-repetition-meteo
b1cfcf48-ed52-11ee-8c11-005056bb85fbThu, 28 Mar 2024 22:29:52 +0000Übung JavaScript Meteo Http
https://www.springboot.ch/ecmascript-training-kurs-javascript-es6-programmierung-ressourcen-repetition-meteo
b1cfd079-ed52-11ee-8c11-005056bb85fbThu, 28 Mar 2024 22:29:52 +0000
https://www.springboot.ch/ecmascript-training-kurs-javascript-es6-programmierung-ressourcen-repetition-meteo
b1cfd18d-ed52-11ee-8c11-005056bb85fbThu, 28 Mar 2024 22:29:52 +0000Neu wollen wir die Temperaturen über die URL https://www.simtech-ag.ch/education/internet/jjas/resources/meteo/http/temperatures.json und dem NodeJS Http Module laden.Die main.js Anwendung soll die Daten wie dem neu zu programmierenden MeteoDataHttpJSON Objekt asynchron lesen via Callback Funktion:let meteoDataHttpJSON = new MeteoDataHttpJSON('https://www.simtech-ag.ch/education/internet/jjas/resources/meteo/http/temperatures.json', () => {
MeteoRun(meteoDataHttpJSON);
});Die Klasse MeteoDataHttpJSON zeigt das folgenden Gerüst:import MeteoData from './MeteoData.js';import http from 'http';
export default class MeteoDataHttpJSON extends MeteoData {
constructor(url, callback) {
super();
this.url = url;
this.callback = callback;
var options = {
host: 'www.simtech-ag.ch',
path: '/education/internet/jjas/resources/meteo/http/temperatures.json'
};
http.request(options, this.httpCallback.bind(this)).end();
}
httpCallback(response) {
let jsonData = '';
//another chunk of data has been received, so append it to `str`
response.on('data', function (chunk) {
jsonData += chunk;
});
let _this = this;
//the whole response has been received, so we just print it out here
response.on('end', function () {
// TODO
_this.callback();
});
}
}
Interessant ist der Aufruf this.httpCallback.bind(this), damit bindet man die Methode an das richtige Objekt.
https://www.springboot.ch/ecmascript-training-kurs-javascript-es6-programmierung-ressourcen-repetition-meteo
b1cfd6ca-ed52-11ee-8c11-005056bb85fbThu, 28 Mar 2024 22:29:52 +0000Lösen Sie bitte die Aufgabe wie folgt:Kopieren Sie die Lösung Meteo Data um in ein neues Verzeichnis.Erstellen Sie die Datei MeteoDataHttpJSON.js gemäss dem obigen Programmgerüst MeteoDataHttpJSONy und programmieren Sie die fehlende //TODO Sequenz aus.Passen Sie das Hauptprogramm (z.B. main.js) gemäss dem obigen Script mit der Variante Http JSON an.Testen Sie das Resultat.
https://www.springboot.ch/ecmascript-training-kurs-javascript-es6-programmierung-ressourcen-repetition-meteo
b1cfd8f7-ed52-11ee-8c11-005056bb85fbThu, 28 Mar 2024 22:29:52 +0000Eine mögliche Lösung finden Sie hierÜber uns
https://www.springboot.ch/about
Thu, 28 Mar 2024 22:29:52 +0000b1cfdf38-ed52-11ee-8c11-005056bb85fbAktuell
https://www.springboot.ch/
Thu, 28 Mar 2024 22:29:52 +0000b1cfdfe1-ed52-11ee-8c11-005056bb85fbAGB
https://www.springboot.ch/agb
Thu, 28 Mar 2024 22:29:52 +0000b1cfe07f-ed52-11ee-8c11-005056bb85fbBildungswege
https://www.springboot.ch/bildungswege
Thu, 28 Mar 2024 22:29:52 +0000b1cfe120-ed52-11ee-8c11-005056bb85fbBlog
https://www.springboot.ch/blog
Thu, 28 Mar 2024 22:29:52 +0000b1cfe1d6-ed52-11ee-8c11-005056bb85fbRufen Sie mich an
https://www.springboot.ch/callus
Thu, 28 Mar 2024 22:29:52 +0000b1cfe2fe-ed52-11ee-8c11-005056bb85fbCharts
https://www.springboot.ch/charts
Thu, 28 Mar 2024 22:29:52 +0000b1cfe3ba-ed52-11ee-8c11-005056bb85fbConsulting
https://www.springboot.ch/consulting
Thu, 28 Mar 2024 22:29:52 +0000b1cfe459-ed52-11ee-8c11-005056bb85fbKontakt
https://www.springboot.ch/contact
Thu, 28 Mar 2024 22:29:52 +0000b1cfe4fb-ed52-11ee-8c11-005056bb85fbAusbildung/Kurse
https://www.springboot.ch/education
Thu, 28 Mar 2024 22:29:52 +0000b1cfe5a9-ed52-11ee-8c11-005056bb85fbSoftware Engineering
https://www.springboot.ch/engineering
Thu, 28 Mar 2024 22:29:52 +0000b1cfe647-ed52-11ee-8c11-005056bb85fbFreelancer
https://www.springboot.ch/freelancer
Thu, 28 Mar 2024 22:29:52 +0000b1cfe6e8-ed52-11ee-8c11-005056bb85fbImpressum
https://www.springboot.ch/impressum
Thu, 28 Mar 2024 22:29:52 +0000b1cfe8e9-ed52-11ee-8c11-005056bb85fbKursleiter
https://www.springboot.ch/kursleiter
Thu, 28 Mar 2024 22:29:52 +0000b1cfe991-ed52-11ee-8c11-005056bb85fbNetzwerk
https://www.springboot.ch/network
Thu, 28 Mar 2024 22:29:52 +0000b1cfea48-ed52-11ee-8c11-005056bb85fbReferenzen
https://www.springboot.ch/references
Thu, 28 Mar 2024 22:29:52 +0000b1cfeae7-ed52-11ee-8c11-005056bb85fbSitemap
https://www.springboot.ch/sitemap
Thu, 28 Mar 2024 22:29:52 +0000b1cfeb8a-ed52-11ee-8c11-005056bb85fbTools
https://www.springboot.ch/tools
Thu, 28 Mar 2024 22:29:52 +0000b1cfec2a-ed52-11ee-8c11-005056bb85fbVision
https://www.springboot.ch/vision
Thu, 28 Mar 2024 22:29:52 +0000b1cfecc9-ed52-11ee-8c11-005056bb85fb