Semana 4

Objetivos de la semana 4

Terminar el release 1. Que contiene tres componentes Angular para su módulo funcional: uno por cada entidad. El componente debe listar la colección de los datos contenidos en el gist construido previamente. Ver ejemplo más adelante.

Actividades

1. Crear el proyecto Angular en su repositorio individual y seguir el taller para crear los componentes de listado usando httpResource:

   • El primer componente listará los elementos de primer nivel, en nuestro ejemplo, los Artistas.
   • El segundo componente listará los elementos del primer objeto de la entidad principal, es decir, los Álbumes del primer Artista.
   • El tercer componente listará los elementos del primer objeto del segundo nivel, en nuestro ejemplo, las Canciones del primer Álbum del primer Artista.

2. Mostrar los componentes uno detrás de otro desde el AppComponent.

Entregables

Cada estudiante tiene asignado un módulo funcional que relaciona al menos tres entidades. En su repositorio individual, por cada entidad del módulo asignado, tendrá que implementar y publicar:

• El componente raíz consume el Gist con HttpResource y retorna el CompleteModel.
• Lista en cards (Bootstrap) mostrando los atributos básicos. Un componente por cada entidad.
• Modelos: BasicModel (atributos) y CompleteModel (extiende el básico, relaciones usando el básico del relacionado — sin ciclos).
• Desplegado en una máquina (taller de despliegue fuera de clase, semana 4).

Ejemplo

El siguiente ejemplo muestra el resultado del release 1 del módulo funcional de Artistas, Álbumes y Canciones.

Despliegue de los Artistas

Despliegue de los Álbumes del primer Artista

Despliegue de las Canciones del primer Álbum del promer Artista