• No hay productos en el carrito.

Inicio / Cursos / Claude Code: Spec-Driven Development | Edición Frontend
Impartido por Debuggeando Ideas (Rene Calderon)Pago único de $2,800 MXN · acceso por 12 meses

Claude Code: Spec-Driven Development | Edición Frontend

Aprende Spec-Driven Development para React, Angular y Vue con Claude Code, MCP y Cypress.

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso En línea · 50 h 10 unidades
Qué aprenderás

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 lecciones

UNIDAD 1 - Fundamentos de Inteligencia Artificial para Software Engineers

  • Bienvenido(a) al CursoVideo · 4 min
  • Por qué todo Software Engineer debe integrar inteligencia artificialVideo · 12 min
  • ¿Qué es un token y por qué es tan importante?Video · 12 min
  • ¿Qué es un embedding y cómo la IA comprende contexto?Video · 10 min
  • ¿Qué es un transformer y cómo funciona un LLM?Video · 7 min
  • Flujo end-to-end de un LLM: tokens, embeddings y transformersVideo · 4 min
UNIDAD 2 - Fundamentos de Prompt Engineering y Configuración de Modelos de AI · 12 lecciones

UNIDAD 2 - Fundamentos de Prompt Engineering y Configuración de Modelos de AI

  • Material de la secciónVideo · 2 min
  • Configuración inicial de modelos de inteligencia artificialVideo · 10 min
  • Configuración de Max Tokens y control de longitud de respuestaVideo · 8 min
  • Temperatura: controlando creatividad y precisión en la IAVideo · 10 min
  • Top-K: limitando el espacio de selección de tokensVideo · 7 min
  • Top-P: muestreo probabilístico y generación contextualVideo · 7 min
  • Técnicas modernas de Prompt EngineeringVideo · 21 min
  • Introducción práctica a Claude y AI Assisted DevelopmentVideo · 7 min
  • Zero-Shot Prompting en escenarios realesVideo · 4 min
  • Chain-of-Thought Prompting en la prácticaVideo · 5 min
  • Role / Persona Prompting aplicado a ingeniería de softwareVideo · 4 min
  • Structured Output y respuestas determinísticas en la prácticaVideo · 6 min
UNIDAD 3 - El mundo de Claude: contexto, herramientas y nuevos paradigmas · 7 lecciones

UNIDAD 3 - El mundo de Claude: contexto, herramientas y nuevos paradigmas

  • ¿Qué es Markdown?Video · 4 min
  • Explorando los diferentes modelos de ClaudeVideo · 8 min
  • Instalación y configuración inicial de Claude CodeVideo · 5 min
  • ¿Qué es AI Fluency? Introducción al framework de AnthropicVideo · 14 min
  • Las 4 Ds en un flujo de desarrolloVideo · 15 min
  • Bonus: Obtén tu certificado gratuito de AI FluencyVideo · 2 min
  • Los nuevos paradigmas de desarrollo con AIVideo · 7 min
UNIDAD 4 - Preparando un proyecto real con Claude · 9 lecciones

UNIDAD 4 - Preparando un proyecto real con Claude

  • Lo que todo Software Engineer debe conocer antes de Spec-Driven DevelopmentVideo · 15 min
  • Presentación del proyecto TicketFlowVideo · 9 min
  • Proporcionando contexto a Claude de forma efectivaVideo · 10 min
  • Incorporando contratos de API desde PostmanVideo · 2 min
  • Explorando y comprendiendo el backend del proyectoVideo · 6 min
  • Diseñando el flujo UI/UX con ClaudeVideo · 13 min
  • Diseñando la arquitectura de la aplicación con ClaudeVideo · 10 min
  • Tarea práctica de la secciónVideo · 6 min
  • Introducción a Spec-Driven DevelopmentVideo · 8 min
UNIDAD 5 - Configurando un entorno profesional con Claude Code · 6 lecciones

UNIDAD 5 - Configurando un entorno profesional con Claude Code

  • Creando un proyecto con Claude CodeVideo · 7 min
  • CLAUDE.md: el archivo principal de Claude CodeVideo · 7 min
  • Creando subagentes especializadosVideo · 7 min
  • Creando comandos personalizados para reutilizar tareasVideo · 6 min
  • ¿Qué es el archivo settings.json en Claude Code?Video · 5 min
  • Estrategia de Git Branch para trabajar con agentes de IAVideo · 5 min
UNIDAD 6 - Spec-Driven Development: desarrollando con Claude Code · 13 lecciones

UNIDAD 6 - Spec-Driven Development: desarrollando con Claude Code

  • Jira y GitHubVideo · 8 min
  • Nuestro primer desarrollo con Claude CodeVideo · 15 min
  • Creando primeras pruebas unitarias con Claude CodeVideo · 5 min
  • Consumiendo APIs con HTTP Client con Claude CodeVideo · 8 min
  • Code Reviews lo hace un Humano evita alucinacionesVideo · 5 min
  • Creando un Login seguro con Claude CodeVideo · 8 min
  • Comando con parámetros dinámicos y navegaciónVideo · 15 min
  • Tarea carga de eventos y formularioVideo · 6 min
  • Diseñando el layout de la aplicación con Claude CodeVideo · 13 min
  • Tarea práctica de la secciónVideo · 11 min
  • Corrigiendo bug y mejorando la paginaciónVideo · 9 min
  • Challenge: crea tu AgenteVideo · 9 min
  • Live Coding y fixes pequeñosVideo · 6 min
UNIDAD 7 - Spec-Driven Development: Automatizando pruebas E2E · 7 lecciones

UNIDAD 7 - Spec-Driven Development: Automatizando pruebas E2E

  • Introducción a Cypress para pruebas End-to-EndVideo · 6 min
  • Creando comandos para resumir componentesVideo · 10 min
  • Creando IDs para automatizar pruebas con Cypress/SeleniumVideo · 4 min
  • Creando la estructura del proyecto de pruebas con Claude CodeVideo · 9 min
  • Cargando contexto para generar pruebas más precisasVideo · 6 min
  • Multi-AgentVideo · 14 min
  • Ejecutando todo el flujo de pruebas en un solo promptVideo · 6 min
UNIDAD 8 - Multi-Agent · 4 lecciones

UNIDAD 8 - Multi-Agent

  • Introducción a Multi-AgentVideo · 5 min
  • Preparando Worktrees con GitVideo · 6 min
  • Ejecutando múltiples agentes en el mismo proyectoVideo · 6 min
  • Haciendo merge y limpieza de directoriosVideo · 8 min
UNIDAD 9 - MCP (Model Context Protocol) · 12 lecciones

UNIDAD 9 - MCP (Model Context Protocol)

  • Introducción a MCP y su integración con Claude CodeVideo · 10 min
  • MCP - GitHub | InstalaciónVideo · 4 min
  • MCP - GitHub | EjecuciónVideo · 4 min
  • MCP - Figma | Diseñando una UIVideo · 7 min
  • MCP - Notion | ¿Cómo integraremos este MCP?Video · 3 min
  • MCP - Notion | Configuración inicial de la cuentaVideo · 5 min
  • MCP - Notion | Configuración inicial de la cuentaVideo · 3 min
  • MCP - Notion | Configuración inicial de la cuentaVideo · 6 min
  • [Opcional] MCP - PostgreSQL | ¿Cómo integraremos este MCP?Video · 6 min
  • [Opcional] MCP - PostgreSQL | Conectándonos con PostgreSQLVideo · 6 min
  • [Opcional] MCP - PostgreSQL | Ejercicio prácticoVideo · 6 min
  • El día que un agente de Claude escapó del SandboxVideo · 4 min
UNIDAD 10 - Cierre del Curso · 2 lecciones

UNIDAD 10 - Cierre del Curso

  • 3 preguntas de desarrollo con AIVideo · 4 min
  • Clase ExtraLectura · 0 min
Certificado oficial

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
Cómo funciona

Tu itinerario, de la inscripción al certificado

  1. 1

    Inscripción con pago único

    Pagas $2,800 MXN una sola vez y entras de inmediato al curso.

  2. 2

    Estudias a tu ritmo

    10 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.

  3. 3

    Cuestionarios por unidad

    Cuestionarios para comprobar lo aprendido.

  4. 4

    Certificado

    Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: Claude Code: Spec-Driven Development | Edición Frontend

Muestra · verificable por folio y QR

  • 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.
Medios que necesitas
Equipo de cómputo Conexión estable a internet
Pago único

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
Pago único
$2,800MXN
Acceso por 12 meses
Inscribirme Hablar con un asesor
Preguntas frecuentes

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.

Certificado emitido por la SEP a través del Gobierno del Estado de México · Claude Code: Spec-Driven Development | Edición Frontend

Inscribirme
  INEC es una Marca de SalesPartners Ciudad de México S de RL de CV. Template Design © Learnify LMS. All rights reserved. Terminos y Condiciones Aviso de Privacidad Politica de Devolución
Hide picture