Sobes.tech
Junior

¿Qué plantillas utilizaste en HTML?

sobes.tech AI

Respuesta de la IA

MVC, MVVM, Observer (a través de suscripciones a cambios en el estado), EventEmitter (para la interacción entre componentes).

A veces utilizaba enfoques más simples, como dividir el código en módulos por funcionalidad, o organizar la interfaz de usuario según el principio del diseño atómico (Atomic Design).

También se pueden considerar patrones relacionados con la reutilización de plantillas, por ejemplo:

  • Includes: Inserción del contenido de un archivo HTML en otro durante la compilación o en el lado del servidor.
  • Components (Web Components): Uso de elementos personalizados con estructura, estilos y comportamiento encapsulados.
  • Templating Engines (Handlebars, Pug/Jade): Uso de sintaxis para crear dinámicamente HTML basado en datos.
<!-- Ejemplo de uso de include -->
<div class="header">
  {% include 'header.html' %}
</div>

<!-- Ejemplo de uso de Web Component -->
<my-custom-element attribute-name="value"></my-custom-element>

<!-- Ejemplo de plantillas en Pug/Jade -->
div.container
  h1 ¡Hola, #{name}!
  p Este es un ejemplo de plantilla.