Design Pattern
Aus SELFHTML-Wiki
Ein design pattern (englisch für Entwurfsmuster)[1] ist eine bewährte Lösungsschablone für wiederkehrende Entwurfsprobleme sowohl in der Architektur als auch in der Softwarearchitektur und -entwicklung.
JavaScript kennt unter anderem folgende Entwurfsmuster[2][3]:
- Module, wie das Revealing Module Pattern
- Prototype
- Observer
- Singleton
Inhaltsverzeichnis
Anforderungen und Nutzen
Ein gutes Muster sollte
- ein oder mehrere Probleme lösen,
- ein erprobtes Konzept bieten,
- auf realen Designs basieren,
- über das rein Offensichtliche hinausgehen,
- den Benutzer in den Entwurfsprozess einbinden,
- Beziehungen aufzeigen, die tiefergehende Strukturen und Mechanismen eines Systems umfassen.
Anti-Pattern
Ein Anti-Pattern ist ein Oberbegriff für Lösungsansätze, die ungünstig oder schädlich für den Erfolg eines Projektes oder einer Organisation sind.[4]
So ist es sinnlos, ein div mit mehreren Zeilen JavaScript klickbar zu machen, wenn es bereits das passende Element (einen Button) gibt.
Siehe auch
- StandardverhaltenViele HTML-Elemente haben eine bereits eingebaute Funktionalität.
Nutze sie und spare Zeit und Frust! - Guter HTML-Stil
- Semantik - der Inhalt bestimmt die Struktur
- Wie viel ARIA ist zuviel?
- Trennung von Inhalt, Präsentation und Verhalten
… erklärt, welche Rollen die Techniken HTML, CSS und JavaScript spielen.
Weblinks
- ↑ Entwurfsmuster (de.wikipedia.org)
- ↑ JavaScript Design Patterns (dofactory.com)
- ↑ Understanding Design Patterns in JavaScript (tutsplus.com)
- ↑ Anti-Pattern (de.wikipedia.org)
- scotch.io: 4 JavaScript Design Patterns You Should Know
- codespot: JavaScript 101: Design Patterns
