SESIÓN 8 — Angular 20: Signals + Zoneless + Dashboard ProjectOps

Introducción

En esta sesión construiremos un dashboard funcional utilizando las capacidades modernas de Angular 20, trabajando con signals, ejecución zoneless y componentes standalone. El objetivo es comprender cómo orquestamos la IA para levantar de principio a fin un proyecto real en solo dos horas, manteniendo siempre el foco en la ingeniería de contexto: arquitectura, prompting y generación controlada de artefactos. Este dashboard forma parte del proyecto P3 del módulo y será la base para trabajos posteriores.

Descripción general

Desarrollaremos el proyecto P3 – ProjectOps Dashboard, un panel interno para visualizar proyectos, tareas, equipo y métricas. La sesión combina planificación arquitectónica, prompting estratégico, generación del proyecto, ensamblaje de vistas y, si el tiempo lo permite, un despliegue rápido. Buscamos entender qué pedir a la IA, en qué orden y con qué contexto, aprovechando el modelo moderno de Angular 20 (signals + zoneless). El resultado será un dashboard navegable con datos mock, servicios reactivos y estructura lista para escalar.

Objetivos de aprendizaje

• Comprender la arquitectura moderna de Angular 20: signals, zoneless y standalone components.

• Definir un dashboard modular basado en features: Projects, Tasks, Team, Metrics.

• Orquestar prompts para generar un proyecto Angular completo con IA.

• Integrar servicios basados en signals y conectarlos a componentes.

• Construir un dashboard funcional con navegación y métricas.

• Preparar un despliegue rápido y documentar adecuadamente el proyecto generado.
  

Enlace a la documentación:
https://sn4p-dev.gitbook.io/codeia-course-info/modulo-2-proyectos-fundamentales-del-stack-moderno/sesion-8-angular-20-signals-+-zoneless-+-dashboard-projectops