Apuntes DAM
Avanzado
Unas 40 horasProyecto 4 de 4

Aplicación de una sola página con rutas y modo sin conexión

Desarrolla una SPA de recetas de cocina con JavaScript sin frameworks: enrutador propio con la History API, vistas de listado, detalle y formulario, consumo de una API propia simulada (JSON Server) y funcionamiento sin conexión con Service Worker. Es el proyecto integrador del módulo.

JavaScriptHistory APIfetchService WorkerIndexedDBJSON ServerVite
Asincronía, AJAX y FrameworksArquitecturas y Tecnologías del ClienteFunciones, Objetos y ClasesDOM, Eventos y FormulariosObjetos Predefinidos y BOM
Tu avance0/16 · 0 %

Objetivos de aprendizaje

  • •Construir el enrutado de una SPA desde cero
  • •Gestionar datos remotos y locales con sincronización
  • •Hacer una web instalable y usable sin conexión

Requisitos mínimos

Fases sugeridas

  1. 1

    Arquitectura

  2. 2

    Datos

  3. 3

    Offline

  4. 4

    Calidad

Qué entregar

  • Repositorio
  • Aplicación publicada
  • Memoria técnica

Para ir más allá

  • Pruebas automáticas con Vitest
  • Versión equivalente con un framework y comparación

Rúbrica de evaluación

CriterioPesoPara la máxima nota
Enrutado y arquitectura25 %Rutas robustas y módulos bien separados
Datos y sincronización25 %Sin pérdidas de datos con o sin conexión
Offline e instalación20 %Funciona sin red y se instala
Calidad30 %Accesible, rápida y sin errores

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

Consejos y errores típicos

  • Mueve el foco al título de la vista nueva en cada cambio de ruta: los lectores de pantalla lo agradecen.