Welche Vorlagen haben Sie in HTML verwendet?

MVC, MVVM, Observer (über Abonnements bei Statusänderungen), EventEmitter (für die Interaktion zwischen Komponenten).

Manchmal verwendete ich einfachere Ansätze, wie die Aufteilung des Codes in Module nach Funktionalität oder die Organisation der UI nach dem Prinzip des atomaren Designs (Atomic Design).

Es können auch Muster betrachtet werden, die mit der Wiederverwendung von Vorlagen verbunden sind, zum Beispiel:

• Includes: Einfügen des Inhalts einer HTML-Datei in eine andere während des Build-Prozesses oder auf Serverseite.
• Components (Web Components): Verwendung von benutzerdefinierten Elementen mit gekapselter Struktur, Stil und Verhalten.
• Templating Engines (Handlebars, Pug/Jade): Verwendung von Syntax zur dynamischen Erstellung von HTML basierend auf Daten.

<!-- Beispiel für die Verwendung von include -->
<div class="header">
  {% include 'header.html' %}
</div>

<!-- Beispiel für die Verwendung von Web Component -->
<my-custom-element attribute-name="value"></my-custom-element>

<!-- Beispiel für Templating in Pug/Jade -->
div.container
  h1 Hallo, #{name}!
  p Dies ist ein Beispiel für Templating.