Konzepterklärung
Diese Lektion führt in die Architektur auf anfängerfreundlichem Niveau ein: Code so zu organisieren, dass jeder Teil eine klare Aufgabe hat. Sie bauen noch kein großes System, aber Sie werden üben, Daten, Verhalten und Programmfluss zu trennen, anstatt alles in einer Datei oder einer Methode zu platzieren. Diese Gewohnheit ist früh wichtig, denn eine saubere Struktur erleichtert das Testen, reduziert Verwirrung und ebnet Ihnen einen reibungsloseren Weg von einfachen Übungen zu echten Anwendungen.
Wo der Code hingehört
- Definieren Sie Farb- und Positionsvariablen oben.
- Erstellen Sie die Logik für das Zeichnen oder Platzieren von Formen in der Mitte.
- Rendern Sie die Ausgabe (Druck, Canvas, SVG oder gestylter Block) am Ende.
Befehlsreferenz
- Identifizieren Sie, welche Klasse Daten speichert und welche Klasse Formatierung oder Verhalten handhabt.
- Führen Sie das Beispiel aus, ändern Sie dann einen Eingabewert, um zu bestätigen, dass jeder Teil weiterhin wie erwartet funktioniert.
- Refaktorieren Sie eine Verantwortung aus `main` heraus, damit der Einstiegspunkt klein und lesbar bleibt.
- Schreiben Sie einen Satz, der erklärt, warum diese Struktur leichter zu erweitern ist, als alles in einer Methode zu platzieren.
Schritt-für-Schritt-Anleitung
- Lesen Sie das Beispiel und kennzeichnen Sie die Rolle jeder Klasse, bevor Sie etwas ändern.
- Führen Sie den Baseline-Code aus, um die aktuelle Ausgabe zu bestätigen.
- Nehmen Sie eine architektonische Verbesserung vor, z. B. das Verschieben von Formatierung oder Validierung in eine separate Klasse.
- Vergleichen Sie die neue Version mit dem Original und entscheiden Sie, welche leichter zu verstehen ist.
- Schließen Sie mit einer kurzen Notiz darüber ab, wie die Struktur die Lesbarkeit und zukünftige Änderungen beeinflusst.
Übungsaufgaben
- Fügen Sie eine zweite Klasse hinzu, die Benutzerdaten validiert, bevor sie angezeigt werden.
- Ändern Sie das Beispiel von einem Benutzerdatensatz in einen Produkt- oder Bestelldatensatz, wobei die gleiche Struktur beibehalten wird.
- Schreiben Sie eine kurze Ausgabezusammenfassung, die das Datenobjekt und die für die Präsentation verantwortliche Klasse zeigt.
Coding-Challenges
- Erstellen Sie zwei kleine Designs für dasselbe Problem und vergleichen Sie, welches die Verantwortlichkeiten sauberer hält.
- Entwerfen Sie ein kleines Paket-Layout für ein Anfängerprojekt, das Daten-, Service- und Einstiegspunkt-Klassen umfasst.
Kleine Übungsaufgaben
- Benennen Sie eine Klasse oder Methode um, um ihre Verantwortung offensichtlicher zu machen.
- Fügen Sie einen schnellen manuellen Test mit einem zweiten `User`-Objekt hinzu.
- Schreiben Sie eine einzeilige Zusammenfassung, welche architektonische Entscheidung dieses Beispiel verbessert hat.
Häufiger Fehler
Mixing x and y axes or using wrong coordinate origin causes shapes to appear in unexpected places.
Mini-Challenge aus der Praxis
Draw one square, one triangle, and one circle, then move X marker 2 steps right and 1 step down.