OOP/DOM-Scripting JavaScript - Praxis

1. Vorschau

Anfangen werde ich mit zwei kleinen Einstiegstutorials, um euch mit den grundsätzlichen Prinzipien vertraut zu machen. Dem folgen dann zwei richtige, wo wir einmal mit normaler OOP und das andere Mal mit den so genannten Literal-Objekt arbeiten. Als krönenden Abschluss habe ich etwas geplant, wo es um die Verwendung von Prototypen und die Knoten-Manipulation des DOM geht. Vorausgesetzt, mir fällt etwas Vernünftiges ein.

2. Frameworks

...zu diesem Thema gibt es wie Sand am Meer, prototype.js, script.aculo.us, dojo toolkit und was weiß ich nicht noch alles. Keines davon kommt hier zum Einsatz! Und warum? Die erleichtern einem die Arbeit doch ungemein. Aber das haben Dreamweaver und Konsorten früher auch gemacht. Und mit welchem Ergebnis? Alle haben wie wild herumgeklickt und wussten überhaupt nicht, was sie da gerade so taten.

Hier geht es um die Vermittlung des elementaren Grundwissens. Wenn ihr euch das angeeignet habt, dann könnt ihr auch selber eure eigene Freizeit opfern, um euch damit zu beschäftigen.

3. Die Beispiele

Einstiegstutorials

• eine einfache Überprüfung von ausgewählten Formularfeldern
• eine erweiterte Überprüfung von ausgewählten Formularfeldern

Praxistutorial 1

• Das Rutsch-Rauf-Rutsch-Runter-Menü aus dem ehemaligen Praxistutorial 2

Praxistutorial 2

Hier werden wir mittels des so genannten Prototypings das Array-Objekt mal um ein paar nützliche Funktionen ergänzen, die wir von PHP her kennen.

Praxistutorial 3

An dieser Stelle beschäftigen wir uns mal mit Literal-Objekten, deren Prinzipien und Funktionsweisen. Aus Anschauungsgründen zeige ich das anhand eines kleinen Pokerspiels.

4. Anregungen, Fragen oder Kritik?

Ich weiß gar nicht, wie oft ich hier schon darauf hingewiesen habe, dass ich in Punkto JavaScript kein Supermufti bin, der Alles blind beherrscht. Nein, auch ich muss mich ständig in bestimmte Dinge einarbeiten. Dank mangels praktischer Erfahrung dauert das auch so seine Zeit und ist obendrein auch nicht immer supersauber. Wenn ihr also der Meinung seid, es besser zu wissen oder Anregungen habt bzw. rumnörgeln wollt, so schickt mir wie gehabt eine Mail.

5. Tipps

Kopiert euch den Quellcode nicht einfach in den Editor eurer Wahl hinein und hofft, dass alles klappt. Nein, spielt damit herum, ändert die Werte oder kommentiert ruhig mal auch diverse Zeilen aus. Dann werdet ihr relativ schnell lernen, was nun was bewirkt, und wann man es wo einsetzen sollte.

6. Browser

Ich habe die folgenden Tutorials nur mit dem Internet Explorer 6/7 und Firefox 2.0 getestet. Wer Lust und Laune hat, kann auch noch andere Browser hinzu ziehen. Solltet ihr dabei auf Probleme stoßen, sagt mir doch bitte Bescheid.

7. Basis-Code und Lösung

Beides findet ihr pro Tutorial wie gehabt recht unter dem Punkt "Daten". Und wie ich zig mal sagte, spielt damit herum, um euch mit den Möglichkeiten vertraut zu machen.

8. Das Niveau

Ist, wie hier üblich, erst mal gaaaaanz niedrig und wird dann langsam gesteigert. Also keine Angst, so wild wird das nicht. Allerdings weise ich darauf hin, dass es in den Eintiegstutorials keine saubere Fehlerbehandlung gibt, das kommt später.