Apuntes DAM
Intermedio
Unas 26 horasProyecto 3 de 4

Tablero Kanban con arrastrar y soltar

Construye un tablero Kanban en el navegador: columnas configurables, tarjetas que se arrastran con el ratón o se mueven con el teclado, edición en el sitio, etiquetas de colores y deshacer. Modela el estado con clases y separa la lógica de la vista.

JavaScriptClases ESDrag and Drop APIlocalStorage
Funciones, Objetos y ClasesDOM, Eventos y FormulariosObjetos Predefinidos y BOM
Tu avance0/13 · 0 %

Objetivos de aprendizaje

  • •Diseñar el estado de una aplicación con clases y eventos propios
  • •Usar la API de arrastrar y soltar con alternativa accesible
  • •Implementar deshacer con el patrón comando

Requisitos mínimos

Fases sugeridas

  1. 1

    Modelo

  2. 2

    Vista

  3. 3

    Interacción

  4. 4

    Historial

Qué entregar

  • Repositorio
  • Web publicada

Para ir más allá

  • Sincronización entre pestañas con BroadcastChannel
  • Exportar e importar tableros en JSON

Rúbrica de evaluación

CriterioPesoPara la máxima nota
Modelo de estado30 %Lógica independiente de la vista y probada
Interacción30 %Arrastre fluido y alternativa con teclado
Deshacer20 %Historial correcto para todas las operaciones
Calidad general20 %Código legible y sin errores

Úsala para autoevaluarte antes de entregar. Tu profesorado puede usar otros criterios.

Consejos y errores típicos

  • Si el modelo no sabe nada del DOM, puedes probarlo desde la consola sin interfaz.