JavaScript

In Listing 4.3 hat sich ein Fehler eingeschlichen. An den Objekten x und y wird jeweils die Eigenschaft name verwendet, die Konsolenausgaben greifen aber auf die Eigenschaft value zu.

'use strict';
function example(x) {
    console.log(x.value);
    x.name = 5;
    console.log(x.value);
}
let y = {
    name: 4711
};
console.log(y.value);
example(y);
console.log(y.value);

Damit das Listing zum Text passt, muss einheitlich die gleiche Eigenschaft verwendet werden:

Liebe Leserinnen und Leser,

wie schon bei dem umfassenden JavaScript-Handbuch möchte ich Sie ab heute auf der neuen Buchseite zu meinem Buch “Professionell entwickeln mit JavaScript” willkommen heißen.

Ergänzend zu der offiziellen Website beim Rheinwerk-Verlag werde ich auf dieser Website zusätzliche Informationen und Materialien zum Buch und weiterführende Informationen zur Verfügung stellen. Im Gegensatz zu der Website zum umfassende Handbuch werde ich hierbei allerdings - passend zur Ausrichtung des Profibuchs - eher auf fortgeschrittene Themen eingehen.

Gerne können Sie mir über diese Website auch Feedback zum Buch zukommen lassen, entweder über die angegebene E-Mail-Adresse oder über einen der sozialen Kanäle wie etwa Twitter, GitHub, Xing oder LinkedIn.

Herzlichst, Philip Ackermann

Autor und Software-Entwickler, philipackermann.de

Egal, ob man eine Website entwickelt, einen Webservice oder eine Desktopanwendung: immer wieder benötigt man „Dummy-Daten“, sprich Daten, die während der Entwicklung als Platzhalter dienen: sei es, damit die Anwendung sich „echter“ anfühlt oder damit ein Webservice schonmal Daten zurückliefert, auch wenn die Verbindung zur Datenbank noch nicht implementiert wurde.

Im Folgenden eine kurze Auflistung von Web APIs, die für die Webentwicklung interessant und relevant sind.

Hinweis: Weitere Informationen zu Web APIs finden Sie übrigens in meinem JavaScript-Handbuch.

Heute wies mich ein Leser darauf hin, dass es bei dem Drag&Drop-Beispiel aus Listing 12.43 (HTML) und Listing 12.44 (JavaScript) in Firefox Probleme gibt bzw. folgender Code so nicht funktioniert:

target.addEventListener('drop', function(event) {
    if(event.target.id === 'target') {
        // Funktioniert nicht in Firefox
        event.srcElement.innerHTML += event.dataTransfer.getData('text/html');
    }
    onLeave(event);
})