Dojo Workshop #2 - Klassen, DOM Query & Manipulation

Mehr Zeit für die kleinen Dinge im Leben

Beim zweiten Treffen wurden weitere JavaScript-Grundlagen und ihren Entsprechungen im Dojo Toolkit durchgenommen. Leider war die Zeit durch technische Probleme etwas knapp bemessen. Die Rechner sollten vor dem Termin daher noch einmal darauf untersucht werden, ob das VS 2013/2012/2010 mit dem .NET Framework 4.5 installiert werden kann und dass die Installation erfolgreich durchgeführt wurde. Darüber hinaus bedarf es eines Git-Clients für den Zugriff auf das TFS-Projekt. Das Visual Studio 2013 besitzt bereits einen Git-Client. Frühere Visual Studio Versionen müssen entweder auf einen separaten Git-Client zurückgreifen oder entsprechende AddIns verwenden (Express-Versionen des Visual Studios sind nicht AddIn fähig).

JavaScript Prototyping

JavaScript ist eine ebenso objektorientierte Sprache wie Java, C++ oder C#. Im Gegensatz zu vielen objektorientierten Sprachen gibt es in JavaScript keine Trennung zwischen Typdefinition und Instanzen. Dieses Konzept wird Prototyping genannt. Jede Objektinstanz in JavaScript kann daher vollkommen unterschiedliche Eigenschaften und Methoden besitzen, auch wenn diese durch dieselbe Konstruktorfunktion erstellt wurden. Eine gute Einführung in dieses Konzept bietet wie immer das MDN.

In Dojo werden Konstruktorfunktionen mit der declare Funktion erstellt. Im Gegensatz zu JavaScript Konstruktorfunktionen erlaubt diese Funktion die Angabe einer Super-Funktion (geerbte Konstruktorfunktion) und von Mixins ohne weiteres zutun. Das Aufrufen von geerbten Member ist ebenfalls einfach mit der Funktion inherited möglich. Obwohl es uns spontan nicht gelungen ist auf ein simples vererbtes Feld zuzugreifen welches überschrieben wurde.

DOM

Das Dojo-Toolkit verfolgt das Model-View-Controller Pattern. Im weiteren Verlauf ist es daher früher oder später erforderlich im DOM zu navigieren und des zu manipulieren. Bekannte JavaScript-Bibliotheken für die DOM-Navigation und -Manipulation sind jQuery und - zu einem gewissen Teil - Prototype. Wie bereits im vorherigen Teil beschrieben, versteht sich das Dojo-Toolkit selbst als eine möglichst umfassende Werkzeugkiste. Für DOM-Navigation und -Manipulation bietet das Dojo-Toolkit eine eigene Lösung mit query und NodeList.

Ein Vorteil der Verwendung dieser Funktionen im Gegensatz zu den im JavaScript DOM bereits vorhandenen Möglichkeiten zur DOM-Navigation und -Manipulation (z. B. document.querySelector) besteht in der Regel aus kürzeren Funktionsaufrufen. Das Herstellen einer einheitlichen API und Abwärtskompatibilität zu Legacy-Browsern (z. B. IE < 9) ist ebenfalls ein Merkmal dieser Funktionen.

Folgende Teilnehmer waren anwesend: Marco Jacob, Heiko Dehmel, Thorsten Kutz und Christian Haarmann.