
Generative AI for Web Development
Tom Auger, Emma Saroyan
- Editorial
- Apress
- Año
- 2024
- Páginas
- ~247
- Nivel
- Intermedio
De qué trata
Publicada en 2024 por Apress, esta obra de Tom Auger y Emma Saroyan es una guía práctica enfocada en el diseño y construcción de aplicaciones web enriquecidas con inteligencia artificial. Está pensada para desarrolladores web de nivel intermedio familiarizados con JavaScript moderno, React, arquitectura de componentes y nociones elementales de backend, que desean aprender a orquestar modelos generativos de texto e imagen en aplicaciones web reales y listas para producción.
El libro instruye detalladamente en la integración de las APIs oficiales de OpenAI, utilizando la API de Chat (modelos GPT) y la API de generación de imágenes (DALL-E). En el stack de desarrollo se apoya en Next.js (con React, Node.js, componentes del servidor y del cliente, y rutas de API backend), abordando la ingeniería de prompts orientada a interfaces web, el manejo de streaming de respuestas para mejorar la experiencia de usuario, la validación de salidas estructuradas en formato JSON y el almacenamiento seguro de claves secretas con variables de entorno. Además, incluye directrices sobre mitigación de sesgos, protección de la privacidad y optimización del consumo de tokens.
El aprendizaje se organiza en torno a tres proyectos completos: un generador interactivo de relatos y poemas que incluye ilustraciones automáticas con DALL-E, una aplicación para el aprendizaje de idiomas con ejercicios gramaticales y cuestionarios dinámicos, y un blog moderno con un widget de chatbot conversacional integrado para resolver preguntas sobre los artículos. Destaca por enseñar patrones arquitectónicos limpios que evitan exponer credenciales y mantienen la fluidez de la interfaz. No aborda modelos de código abierto ni ejecuciones en servidores locales, por lo que se requiere una cuenta y créditos activos en la API de OpenAI.
- Next.js
- React
- OpenAI API
- ChatGPT
- DALL-E
- Prompt engineering
- JavaScript
- Chatbots
- Node.js
- Streaming de respuestas
- Desarrollo web
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Generador de historias y poesía con ilustraciones
Aplicación web en Next.js que genera relatos y poemas personalizados con la API de chat de OpenAI y los complementa con ilustraciones creadas al vuelo mediante DALL-E.
Aplicación interactiva para el aprendizaje de idiomas
Plataforma educativa en Next.js que proporciona explicaciones gramaticales personalizadas y genera cuestionarios de evaluación dinámicos usando modelos de lenguaje de OpenAI.
Blog interactivo con widget de chatbot integrado
Sitio web de publicaciones en Next.js que incorpora un asistente conversacional flotante diseñado para responder preguntas contextuales de los lectores sobre los artículos.

