Aplicaciones Interactivas — Prácticas y Ejemplos

Repositorio para publicar prácticas y ejemplos de la materia Aplicaciones Interactivas. El contenido se organiza por unidades y clases, con carpetas de ejemplos y ejercicios.

Índice rápido

• Presentación

  • Tarea: Fundamentos de HTML
  • Tarea: Fundamentos de JavaScript

• Unidad 1

  • Clase 1

    • Ejemplos
      • README
      • Quickstart
      • Temas:
        • 01 — Mapeo básico
        • 02 — Mappeo embebido · README
        • 03 — Mappeo con herencia · README
        • 04 — Mappeo de relaciones · README
    • Ejercicios
      • README
      • Quickstart
      • Conjuntos:
        • 01 — Herencia
          • Table-per-class
          • Table-per-hierarchy
          • Table-per-type
        • 02 — Relaciones
          • One-to-one
          • One-to-many
          • Many-to-many

  • Clase 2

    • Ejemplos
      • README
      • Quickstart
      • Temas:
        • 01 — Entidades básicas
        • 02 — Restricciones y validaciones
        • 03 — Relaciones
        • 04 — Lazy vs Eager Loading · README
        • 05 — Transacciones · README
        • 06 — Objetos embebidos · README
        • 07 — Query Builder · README
        • 08 — Mapeo de herencia · README
        • 09 — Optimización de performance · README
        • 10 — Migraciones
    • Ejercicios
      • README
      • Quickstart
      • Conjuntos:
        • 01 — Entidades
        • 02 — Restricciones
        • 03 — Relaciones
        • 04 — Lazy vs Eager
        • 05 — Transacciones
        • 06 — Embedded
        • 07 — Query Builder
        • 08 — Herencia
        • 09 — Optimización

  • Clase 3

    • Ejercicios
      • README

• Unidad 3

  • Clase 1

    • Slides

      • HTML
      • CSS
      • Combinadas

    • Ejemplos

      • HTML
      • CSS

    • Ejercicios

      • README
      • Índice

• Unidad 4

• Clase 1

  • Slides

    • React Intro

  • Ejemplos

    • README
    • Índice

  • Ejercicios

    • README
    • Índice

Cómo ejecutar

• Para los ejemplos de unidad1/clase1/: ver Quickstart de ejemplos.

• Para los ejercicios de unidad1/clase1/: ver Quickstart de ejercicios.

• Para los ejemplos de unidad1/clase2/: ver Quickstart de ejemplos.

• Para los ejercicios de unidad1/clase2/: ver Quickstart de ejercicios.

• Para los ejercicios de unidad1/clase3/: ver README de ejercicios.

• Para los ejercicios de unidad3/clase1/: abrir unidad3/clase1/ejercicios/index.html en el navegador.

• Para los ejercicios de unidad4/calse1/: ejecutar npm install y npm run dev dentro de unidad4/calse1/ejercicios/ y abrir http://localhost:5173.

Estructura del repositorio (resumen)

presentacion/
  ├─ tarea-html-fundamentos.html
  └─ tarea-javascript-fundamentos.html
unidad1/
  ├─ clase1/
  │  ├─ ejemplos/            # Material de referencia y demos
  │  └─ ejercicios/          # Enunciados y tests para practicar
  ├─ clase2/
     ├─ ejemplos/            # Material de referencia y demos (TypeORM avanzado)
     └─ ejercicios/          # Enunciados y tests para practicar (Clase 2)
  └─ clase3/
     └─ ejercicios/          # API Express + Jest (Clase 3)
unidad3/
  └─ clase1/
     ├─ ejemplos/            # HTML y CSS de referencia
     ├─ ejercicios/          # Prácticas HTML estáticas
     └─ *-slides.html        # Diapositivas (HTML/CSS)
unidad4/
  └─ calse1/
     ├─ ejemplos/            # Demos React (Vite)
     ├─ ejercicios/          # Ejercicios React (Vite)
     └─ react-intro-slides.html # Diapositivas (React)