Introducción a la IA aplicada con TypeScript y React
De prompt a interfaz en tiempo real. Streaming, herramientas y componentes dinámicos con el AI SDK de Vercel.
Te mostraré cómo funciona con demos en vivo. Sin teoría aburrida, puro código que puedes llevar directo a tus proyectos.
Después del webinar: taller práctico de 3.5 horas
Webinar Gratuito
Jueves 16 de Enero · 7:00 PM CDMX
El taller comienza en:
Reserva tu lugar
GRATIS
- Mensajes, prompts y razonamiento
- Tokens y ventana de contexto
- Herramientas y agentes
- Demo: UI generativa en tiempo real
Te enviaremos un email para confirmar tu registro.
Qué verás en el Webinar
45 minutos de conceptos clave + demo en vivo
Mensajes y Prompts
~10 min
Cómo estructurar mensajes para la IA. Sistema de roles: user, assistant y system prompts.
Tokens y Contexto
~10 min
Qué son los tokens y por qué importan. Ventana de contexto: sus límites y estrategias para aprovecharla.
Herramientas y Agentes
~15 min
Function calling básico. Cómo hacer que la IA renderice componentes React en tiempo real.
Demo en Vivo
~10 min
UI generativa en tiempo real. Preview de lo que construirás en el taller práctico.
Temario del Taller
3.5 horas intensivas de código en vivo
Setup y Fundamentos
~30 min
Configuración del entorno, instalación del AI SDK y conceptos clave. Tu primer "hola mundo" con IA.
Streaming Básico
~45 min
Express + vanilla JS para entender el flujo de datos en tiempo real. Cómo funciona el streaming por dentro.
Cliente React
~45 min
El hook useChat del AI SDK para crear interfaces de chat. Estado, mensajes y UX fluida.
Doble Stream / Artefactos
~1.5h · Proyecto final
El plato fuerte: genera UI en tiempo real estilo v0.dev. Dos streams simultáneos para chat y código generado.
Mira de qué se trata
Una probadita de lo que aprenderás en el taller
Los Talleres
Talleres prácticos para dominar el AI SDK
🚀Introducción a la IA aplicada con TypeScript
10:00 AM - 1:30 PM CDMX
Qué construirás
- Tu primer chat con streaming
- Interfaz React con useChat
- Sistema de doble stream (artefactos)
- Código fuente completo
$999 MXN
🔥RAG y Agentes con AI SDK
Qué aprenderás
- •Embeddings y búsqueda semántica
- •RAG con base de datos
- •Agentes con herramientas
- •Proyecto completo funcional
$999 MXN
No es otro curso que vas a dejar a medias
3.5 horas de código en vivo → resultado funcional que te llevas
Cómo funciona
- 🎥
Sesiones en vivo
No videos pregrabados. Interacción real y preguntas en tiempo real.
- 💻
Coding hands-on
Cada sesión incluye ejercicios prácticos que ejecutas en tu máquina.
- 👥
Grupos limitados
Cupos reducidos para Q&A personalizado y atención individual.
- 📦
Código completo
Todos los ejemplos y proyectos descargables para tu referencia.
Para quien es
Ideal para
- •Principiantes que quieren aprender a usar IA en sus apps
- •Developers que quieren crear su primer agente inteligente
- •Quieres construir un chat con IA para tu proyecto
- •Valoras aprender paso a paso con ejemplos practicos
ℹ️Ten en cuenta
- •Cubriremos lo basico de TypeScript y NodeJS
- •El enfoque es 100% practico con codigo real
- •Las sesiones son sabados en la manana (10am CDMX)
Héctor Bliss
Pionero en hacer la IA accesible para todos, con más de 8 años enseñando tecnología y una comunidad de más de 2,000 estudiantes activos.
Especializado en enseñar herramientas complejas de forma simple, Héctor te guiará paso a paso para integrar IA en tus proyectos web.
