
Building AI-Powered Apps with Angular
Giorgio Boo, Fabio Biondi
- Editorial
- Packt
- Año
- 2026
- Páginas
- ~454
- Nivel
- Intermedio
De qué trata
Guía práctica de Packt (2026) en la que Giorgio Boa y Fabio Biondi muestran cómo integrar modelos de lenguaje de Google, sobre todo Gemini, y agentes multimodales en aplicaciones Angular. Las fichas oficiales no indican la versión exacta de Angular, pero por la fecha trabaja con el Angular moderno, con renderizado en el servidor (SSR) incluido. Está pensada para desarrolladores frontend de nivel intermedio a avanzado que ya trabajan con Angular y TypeScript y quieren añadir funciones de IA a sus aplicaciones sin ser especialistas en machine learning.
El libro empieza con los fundamentos de IA y ML explicados para frontend ("AI for Frontend Developers") y con una primera toma de contacto con Gemini desde Node.js mediante el SDK de Google GenAI. Después dedica un capítulo a la escritura de prompts y pasa a construir interfaces en Angular con contenido generado de forma dinámica y chats de varios turnos. La parte multimodal cubre el análisis y la generación de imágenes con Gemini y la producción de vídeo con los modelos Veo. En el backend usa Angular SSR y Genkit para comunicarse con los modelos, monta un servidor MCP con Node.js, Genkit y Angular, e implementa búsqueda vectorial con RAG sobre Firestore. Los capítulos finales tratan el manejo y almacenamiento de datos, el testing y la depuración, el manejo de errores, la seguridad y el despliegue en la nube.
Es un recorrido completo, de la primera llamada a la API hasta la puesta en producción, con funciones concretas en cada etapa: chat, generación de imágenes y vídeo, MCP y búsqueda semántica. Su mayor aporte es que lleva al frontend temas que suelen explicarse desde Python, como RAG, agentes y MCP. Hay que saber que todo gira en torno al ecosistema de Google (Gemini, Veo, Genkit, Firestore), así que no compara proveedores como OpenAI o Anthropic. Conviene tener una cuenta de Google AI Studio o de Google Cloud y Firebase, y nociones de Node.js. No es un libro para aprender Angular desde cero.
- Angular
- Google Gemini
- Google GenAI SDK
- Prompt engineering
- Chat multiturno
- IA multimodal
- Veo
- Angular SSR
- Genkit
- MCP
- RAG
- Firestore
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Interfaz de IA con Gemini en Angular
Funciones de IA en el frontend: contenido generado de forma dinámica, chat de varios turnos y generación de imágenes y vídeo con Gemini y los modelos Veo.
Servidor MCP con Genkit
Backend que expone herramientas a los modelos mediante el Model Context Protocol, construido con Node.js, Genkit y Angular.
Búsqueda vectorial con RAG
Búsqueda semántica con Retrieval Augmented Generation sobre Firestore, integrada en la aplicación Angular y desplegada luego en la nube.

