Self-Wiki: OOP in JS
bearbeitet von
Guten Morgen!
Dies soll eine Diskussion über unseren [**OOP in JS**](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/OOP)"'''-Kurs werden, bei der ich die weitere, gemeinsame Vorgehensweise diskutieren möchte.
1. Ist der Artikel nötig?
2. **Ist der inhaltliche Aufbau ok?** (Überschriften, Kontextualisierung)
3. Ist der Text sachlich richtig und sprachlich ansprechend? ([**Hilfe:Wie sehen gute Tutorials aus?**](https://wiki.selfhtml.org/wiki/Hilfe:Wiki/Artikel#Wie_sehen_gute_Tutorials_aus.3F))
4. **Wie findet man den Artikel?**
# Zu 1.
[**JavaScript/Tutorials/OOP**](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/OOP) soll Fortgeschrittenen nach dem DOM-Tutorial Objekte und den Umgang damit näherbringen. Das ist **kein Randthema**, sondern **zentral für modernes Arbeiten** mit JavaScript. **Da müssen wir etwas Vorzeigbares haben!**
Ein solches ES6-OOP-Tutorial - und das auch noch in Deutsch!- wäre etwas, was es noch nicht gibt! Selbst im Englischen beschränkt es sich oft auf eine schnelle Einführung ohne *Best Practice*-Tipps!
Grundlage waren Texte, die @molily 2006-2008 in SELFHTML-Aktuell als "Organisation von JavaScripten" veröffentlichte. [^1] Einiges findet sich mittlerweile woanders:
* [HTML/Tutorials/Trennung_von_Inhalt,_Präsentation_und_Verhalten](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Trennung_von_Inhalt,_Pr%C3%A4sentation_und_Verhalten)
* [JavaScript/Tutorials/DOM/Ereignisverarbeitung](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/DOM/Ereignisverarbeitung)
[^1]: <https://molily.de/js/>
Seit 2016 gibt es Ansätze, das neu zu schreiben. Viele Versuche sind in Benutzernamensräumen und im Test-Wiki stecken geblieben. Im Nov 2021 hatte Benutzer:WiKo versucht, was zu class zu schreiben - er war von unserem Stammtisch enttäuscht, da dort nur geplaudert wurde (er hatte wohl eine Redaktionsssitzung erwartet) und wir haben es wieder liegen gelassen! :-(
# zu 3. Ist-Zustand
[**JavaScript/Tutorials/OOP**](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/OOP)
1. Der Einstieg ist nun auf der Portalseite integriert und erfordert nun einen Klick weniger.
2. [**Objekte und ihre Eigenschaften**](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/OOP/Objekte_und_ihre_Eigenschaften) @Rolf B hatte sich in den letzten Wochen erneut darüber hergemacht. Er möchte es künftig noch glattziehen; ich finde es aber so schon vorzeigbar! Vielen Dank!!
3. [**Klassen und Vererbung**](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/OOP/Klassen_und_Vererbung) - Das Tuturial führt zuerst `class` ein; die Beispiele sind kontextualisiert. [^2] Nach der „neuen “ ES6-Syntax folgt das gekürzte Vorgehen in ES3. Das ToDo zeigt erst am Ende, was noch zu verbessern ist. Imho ist es auch so zumindest nicht falsch und bietet Nutzern Information.
[^2]: Unterrichtsstunden und Tutorials sollten einen **Roten Faden** haben und nicht nur ein techn. Problem, sondern eben auch ein Thema durchziehen. Deshalb sollten alle Beispiele aufeinander aufbauen!
4. [**Module und Kapselung**](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/OOP/Module_und_Kapselung) - Es erklärt die Syntax; benötigt aber ein durchgehendes Beispiel.**Was böte sich da an?** Das ToDo am Ende beschreibt unsere Ziele.
## Fragen
Sind die Kapitel 1-4 ok so? Was könnten wir verbesssern? Kleinere Edits sind willkommen; größere Änderungen bitte erst hier vorschlagen, diskutieren und dann nach **gemeinsamen** Beschluss tätig werden.
# zu 2. inhaltlicher Aufbau
Wir haben immer wieder das Thema Getter und Setter angefangen - ich habe alle Bruchstücke mal auf diese Seite kopiert:
[**Getter und Setter**](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/OOP/Getter_und_Setter)
Ausgehend von dieser [Gliederung](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/OOP) - wo würdet Ihr die Getter und Setter behandeln?
1. Zu Klassen und Vererbung
2. Vor die Closures in [Objektverfügbarkeit_und_this](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/OOP/Objektverf%C3%BCgbarkeit_und_this)
3. Als eigenständiges Kapitel - evtl zu Funktionen??
4. Closures werden in Kapitel 5 besprochen:
[Objektverfügbarkeit_und_this](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/OOP/Objektverf%C3%BCgbarkeit_und_this) . Gibt es da einen besseren Titel?
-------------
Wie gesagt: 2016 haben wir angefangen; mittlerweile sind wir weiter; aber im Mai möchte ich es endlich einmal vorzeigbar kriegen! (Und 2028 werden unsere Nachfolger dann eben etwas völlig neues schreiben!
Herzliche Grüße
Matthias Scharwies