Claude Code: Spec-Driven Development | Edición Frontend
Aprende Spec-Driven Development para React, Angular y Vue con Claude Code, MCP y Cypress.
Lo que serás capaz de hacer
Aquí no aprenderás a hacer preguntas simples a una inteligencia artificial ni a utilizar un chatbot como si fuera una herramienta aislada. Este curso fue diseñado para desarrolladores Frontend que desean adoptar Spec-Driven Development , una metodología moderna donde las especificaciones, el contexto y la inteligencia artificial trabajan en conjunto para diseñar, implementar y validar aplicaciones web de manera mucho más eficiente. Comenzaremos comprendiendo qué sucede realmente dentro de un modelo de inteligencia artificial moderno. Descubrirás cómo funcionan los tokens, embeddings, transformers y los Large Language Models para entender los principios que impulsan las herramientas que están transformando la ingeniería de software. Posteriormente aprenderás técnicas modernas de Prompt Engineering y configuración avanzada de modelos para obtener resultados precisos, consistentes y profesionales. Comprenderás cómo controlar el comportamiento, la creatividad, el contexto y la capacidad de respuesta de la inteligencia artificial utilizando los mismos parámetros empleados en entornos de desarrollo reales. Después entraremos en Claude Code y en el mundo del AI Assisted Software Development, donde la inteligencia artificial dejará de ser una simple herramienta de consulta para convertirse en un colaborador activo durante todo el ciclo de vida del desarrollo. Aprenderás a aplicar Spec-Driven Development en un proyecto Frontend real. Antes de escribir código, diseñaremos la experiencia de usuario (UX), la interfaz de usuario (UI), el flujo de navegación, la arquitectura de la aplicación y las especificaciones que permitirán a los agentes de inteligencia artificial desarrollar funcionalidades de manera consistente y mantenible. Prepararemos un entorno profesional de desarrollo utilizando Claude Code, creando subagentes especializados, comandos reutilizables, estrategias de Git y flujos de trabajo diseñados para colaborar eficientemente con inteligencia artificial. A lo largo del curso implementaremos funcionalidades Frontend reales siguiendo una estrategia orientada por especificaciones. Aprenderás a dividir problemas complejos en tareas pequeñas, coordinar agentes especializados y acelerar el desarrollo sin perder control sobre la arquitectura, la experiencia del usuario ni la calidad del software. También automatizaremos pruebas End-to-End utilizando Cypress , construiremos flujos de validación mediante inteligencia artificial, utilizaremos múltiples agentes trabajando en paralelo y aprenderemos a verificar el comportamiento completo de una aplicación desde la perspectiva del usuario. Finalmente exploraremos el Model Context Protocol (MCP) para integrar Claude Code con herramientas como Notion, GitHub, Figma y PostgreSQL, comprendiendo cómo extender las capacidades de la inteligencia artificial dentro de un flujo profesional de desarrollo Frontend. Este curso es completamente agnóstico al framework . Los principios y metodologías que aprenderás podrán aplicarse en proyectos desarrollados con React, Angular, Vue.js y otros frameworks modernos. Este curso no trata sobre reemplazar desarrolladores Frontend. Trata sobre convertirte en un Software Engineer capaz de aplicar Spec-Driven Development para diseñar mejores interfaces, colaborar eficazmente con agentes de inteligencia artificial y desarrollar aplicaciones modernas con una velocidad y una calidad que hace apenas unos años parecían inalcanzables.
- Utilizar Claude Code y técnicas modernas de Prompt Engineering con MD para acelerar el desarrollo de software
- Aplicar la metodología Spec-Driven Development para desarrollar aplicaciones Frontend con Claude Code
- Diseñar arquitecturas completas asistidas por inteligencia artificial, incluyendo UI/UX, APIs, diagramas y estructura del sistema.
- Crear agentes especializados capaces de automatizar tareas de ingeniería como generación de código, estilos, pruebas y análisis técnico.
- Generar y ejecutar pruebas unitarias y pruebas de integración automatizadas mediante inteligencia artificial.
- Implementar Multi-Agent para coordinar múltiples agentes trabajando en paralelo sobre problemas complejos.
Temario
UNIDAD 1 - Fundamentos de Inteligencia Artificial para Software Engineers · 6 leccionesUNIDAD 1 - Fundamentos de Inteligencia Artificial para Software Engineers
UNIDAD 1 - Fundamentos de Inteligencia Artificial para Software Engineers
- Bienvenido(a) al Curso
- Por qué todo Software Engineer debe integrar inteligencia artificial
- ¿Qué es un token y por qué es tan importante?
- ¿Qué es un embedding y cómo la IA comprende contexto?
- ¿Qué es un transformer y cómo funciona un LLM?
- Flujo end-to-end de un LLM: tokens, embeddings y transformers
UNIDAD 2 - Fundamentos de Prompt Engineering y Configuración de Modelos de AI · 12 leccionesUNIDAD 2 - Fundamentos de Prompt Engineering y Configuración de Modelos de AI
UNIDAD 2 - Fundamentos de Prompt Engineering y Configuración de Modelos de AI
- Material de la sección
- Configuración inicial de modelos de inteligencia artificial
- Configuración de Max Tokens y control de longitud de respuesta
- Temperatura: controlando creatividad y precisión en la IA
- Top-K: limitando el espacio de selección de tokens
- Top-P: muestreo probabilístico y generación contextual
- Técnicas modernas de Prompt Engineering
- Introducción práctica a Claude y AI Assisted Development
- Zero-Shot Prompting en escenarios reales
- Chain-of-Thought Prompting en la práctica
- Role / Persona Prompting aplicado a ingeniería de software
- Structured Output y respuestas determinísticas en la práctica
UNIDAD 3 - El mundo de Claude: contexto, herramientas y nuevos paradigmas · 7 leccionesUNIDAD 3 - El mundo de Claude: contexto, herramientas y nuevos paradigmas
UNIDAD 3 - El mundo de Claude: contexto, herramientas y nuevos paradigmas
- ¿Qué es Markdown?
- Explorando los diferentes modelos de Claude
- Instalación y configuración inicial de Claude Code
- ¿Qué es AI Fluency? Introducción al framework de Anthropic
- Las 4 Ds en un flujo de desarrollo
- Bonus: Obtén tu certificado gratuito de AI Fluency
- Los nuevos paradigmas de desarrollo con AI
UNIDAD 4 - Preparando un proyecto real con Claude · 9 leccionesUNIDAD 4 - Preparando un proyecto real con Claude
UNIDAD 4 - Preparando un proyecto real con Claude
- Lo que todo Software Engineer debe conocer antes de Spec-Driven Development
- Presentación del proyecto TicketFlow
- Proporcionando contexto a Claude de forma efectiva
- Incorporando contratos de API desde Postman
- Explorando y comprendiendo el backend del proyecto
- Diseñando el flujo UI/UX con Claude
- Diseñando la arquitectura de la aplicación con Claude
- Tarea práctica de la sección
- Introducción a Spec-Driven Development
UNIDAD 5 - Configurando un entorno profesional con Claude Code · 6 leccionesUNIDAD 5 - Configurando un entorno profesional con Claude Code
UNIDAD 5 - Configurando un entorno profesional con Claude Code
- Creando un proyecto con Claude Code
- CLAUDE.md: el archivo principal de Claude Code
- Creando subagentes especializados
- Creando comandos personalizados para reutilizar tareas
- ¿Qué es el archivo settings.json en Claude Code?
- Estrategia de Git Branch para trabajar con agentes de IA
UNIDAD 6 - Spec-Driven Development: desarrollando con Claude Code · 13 leccionesUNIDAD 6 - Spec-Driven Development: desarrollando con Claude Code
UNIDAD 6 - Spec-Driven Development: desarrollando con Claude Code
- Jira y GitHub
- Nuestro primer desarrollo con Claude Code
- Creando primeras pruebas unitarias con Claude Code
- Consumiendo APIs con HTTP Client con Claude Code
- Code Reviews lo hace un Humano evita alucinaciones
- Creando un Login seguro con Claude Code
- Comando con parámetros dinámicos y navegación
- Tarea carga de eventos y formulario
- Diseñando el layout de la aplicación con Claude Code
- Tarea práctica de la sección
- Corrigiendo bug y mejorando la paginación
- Challenge: crea tu Agente
- Live Coding y fixes pequeños
UNIDAD 7 - Spec-Driven Development: Automatizando pruebas E2E · 7 leccionesUNIDAD 7 - Spec-Driven Development: Automatizando pruebas E2E
UNIDAD 7 - Spec-Driven Development: Automatizando pruebas E2E
- Introducción a Cypress para pruebas End-to-End
- Creando comandos para resumir componentes
- Creando IDs para automatizar pruebas con Cypress/Selenium
- Creando la estructura del proyecto de pruebas con Claude Code
- Cargando contexto para generar pruebas más precisas
- Multi-Agent
- Ejecutando todo el flujo de pruebas en un solo prompt
UNIDAD 8 - Multi-Agent · 4 leccionesUNIDAD 8 - Multi-Agent
UNIDAD 8 - Multi-Agent
- Introducción a Multi-Agent
- Preparando Worktrees con Git
- Ejecutando múltiples agentes en el mismo proyecto
- Haciendo merge y limpieza de directorios
UNIDAD 9 - MCP (Model Context Protocol) · 12 leccionesUNIDAD 9 - MCP (Model Context Protocol)
UNIDAD 9 - MCP (Model Context Protocol)
- Introducción a MCP y su integración con Claude Code
- MCP - GitHub | Instalación
- MCP - GitHub | Ejecución
- MCP - Figma | Diseñando una UI
- MCP - Notion | ¿Cómo integraremos este MCP?
- MCP - Notion | Configuración inicial de la cuenta
- MCP - Notion | Configuración inicial de la cuenta
- MCP - Notion | Configuración inicial de la cuenta
- [Opcional] MCP - PostgreSQL | ¿Cómo integraremos este MCP?
- [Opcional] MCP - PostgreSQL | Conectándonos con PostgreSQL
- [Opcional] MCP - PostgreSQL | Ejercicio práctico
- El día que un agente de Claude escapó del Sandbox
UNIDAD 10 - Cierre del Curso · 2 leccionesUNIDAD 10 - Cierre del Curso
UNIDAD 10 - Cierre del Curso
- 3 preguntas de desarrollo con AI
- Clase Extra
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
10 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Debuggeando Ideas (Rene Calderon).
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 10 unidades · 78 lecciones · 50 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Debuggeando Ideas (Rene Calderon); INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.


