< Curso />

Front End con IA del diseño al código

Un recorrido práctico por todo el ciclo de desarrollo front end apoyado en IA: desde entender cómo funcionan los LLMs y los agentes, hasta diseñar interfaces con Claude Design, convertirlas en código con Claude Code y llevar el trabajo con agentes a tu flujo diario, tu CI/CD y tu equipo.

< Antes de entrar />

Lo que conviene saber.

Este curso está diseñado para desarrolladores front end que quieren dejar de usar la IA como un simple autocompletado y empezar a trabajar con ella en todo el flujo: del diseño de la interfaz al código en producción.

Con un enfoque práctico, aprenderás a montar tu propio entorno de trabajo con IA, a diseñar pantallas con Claude Design y a convertirlas en código con Claude Code. También verás cómo preparar tu proyecto para que los agentes trabajen bien sobre él y cómo llevarlos a tu CI/CD y a tu día a día.

  • Experiencia en desarrollo front end: HTML, CSS y JavaScript/TypeScript, y algún framework moderno (React, Angular, Vue…).

  • Manejo básico de Git y de la línea de comandos.

  • Node.js instalado y un editor de código (VS Code o similar).

  • No hace falta experiencia previa con herramientas de IA. La suscripción a Claude para seguir las prácticas va incluida durante un mes.

< Temario />

DEJA DE USAR LA IA COMO UN AUTOCOMPLETADO Y LLEVA TU FRONT END DEL DISEÑO AL CÓDIGO

El objetivo no es solo aprender a usar una herramienta, sino cambiar tu forma de trabajar. Vas a aprender desde los fundamentos de los LLMs y los agentes hasta diseñar con Claude Design, desarrollar con Claude Code y llevar los agentes a tu CI/CD. Un recorrido 100% práctico para que diseñes más rápido, delegues las tareas repetitivas y trabajes con agentes con criterio.

  1. 01FUNDAMENTOS DE IA PARA EL DESARROLLO

    Entiende cómo funcionan los LLMs y los agentes, y monta tu propio setup de IA con rules, skills, commands y MCP. Pasa de lanzar prompts sueltos a trabajar con un entorno configurado y pensado para desarrollar.

  2. 02DISEÑO DE INTERFACES CON IA

    Diseña pantallas y flujos completos con Claude Design, desde el brief hasta el sistema de diseño. Aprende a iterar sobre tus propuestas y a dejarlas listas para pasarlas a código.

  3. 03DESARROLLO AGÉNTICO Y HARNESS ENGINEERING

    Convierte tus diseños en código con Claude Code y aprende a planificar, implementar y revisar junto a un agente. Prepara tu proyecto con tests, tipos y documentación para que el agente trabaje con criterio, con un caso real: Lemony.

  4. 04BONUS: AGENTES EN CI/CD Y METODOLOGÍAS

    Lleva los agentes a tu pipeline de CI/CD y automatiza tareas recurrentes con patrones de diseño agéntico. Descubre distintas metodologías de desarrollo agéntico y aplícalas en tu día a día con OpenCode.

< Horarios />

Clases en directo para varios husos.

Horario base España, las sesiones se imparten en vivo:

  • 12 de enero, de 18:00 a 20:00 horas (GMT+1).
  • 14 de enero, de 18:00 a 20:00 horas (GMT+1).
  • 21 de enero, de 18:00 a 21:00 horas (GMT+1).
  • 26 de enero, de 18:00 a 21:00 horas (GMT+1).
  • 2 de febrero, de 18:00 a 21:00 horas (GMT+1).
  • 4 de febrero, de 18:00 a 21:00 horas (GMT+1).
  • 9 de febrero, de 18:00 a 21:00 horas (GMT+1).
  • 11 de febrero, de 18:00 a 21:00 horas (GMT+1).
  • 16 de febrero, de 18:00 a 21:00 horas (GMT+1).
🇪🇸 ESPAÑA
18:00 - 20:00 (GMT+2)
🇮🇨 Islas Canarias
17:00 - 19:00
🇨🇱 CHILE
12:00 - 14:00 (GMT-4)
🇲🇽 MEXICO
11:00 - 13:00 (GMT-5)
🇦🇷 ARGENTINA
13:00-15:00(GMT-3)
🇵🇪 PERU
11:00 - 13:00(GMT-5)
🇧🇴 BOLIVIA
12:00-14:00 (GMT-4)
Braulio Diez

< Profesor />

Braulio Diez

Hola, soy Braulio Díez, un perro viejo del desarrollo que lleva más de 28 años en el sector, entre proyectos de software, consultoría, formación y alguna que otra charla o workshop.

Por el camino he escrito un par de libros, he sido docente en dos másteres de la Universidad de Málaga y he tenido la suerte de ser uno de los fundadores de Lemoncode. También soy uno de los creadores de Content Island, un headless CMS centrado en la facilidad de uso y el rendimiento.

Después de tantos años y unas cuantas guerras tecnológicas, sigo disfrutando especialmente de aprender, desarrollar y compartir lo que voy descubriendo, siempre desde la experiencia de trabajar en proyectos reales.

  • Fundador Lemoncode
  • Más de 28 años de experiencia
Aridane Martin

Aridane Martin

Hola, soy Aridane Martín, Tech Lead e ingeniero de software que trabaja en productos digitales impulsados por IA. Combino el desarrollo práctico con el liderazgo técnico para crear plataformas web escalables, aprovechando la IA generativa, la arquitectura frontend y soluciones preparadas para la nube para acelerar la transformación digital en entornos empresariales.

  • Tech Lead en Open Bank
  • Especialista en herramientas IA
Leticia de la Osa

Leticia de la Osa

Leticia de la Osa es Devigner y trabaja en el punto de encuentro entre diseño UX y desarrollo Front End. Le gusta convertir ideas en experiencias digitales cuidadas y funcionales, y explorar cómo la inteligencia artificial puede abrir nuevas posibilidades en el proceso de diseño y creación.

  • UX
  • Desarollo Front End
  • Diseño con IA
Daniel Sanchez

Daniel Sanchez

Daniel Sánchez es desarrollador Full Stack y Tech Lead en Lemoncode, donde lleva más de diez años combinando proyectos de consultoría, docencia en el Máster Front End y desarrollo open source. Actualmente está volcado en explorar y aplicar herramientas de IA y nuevos flujos de desarrollo agéntico.

  • Fullstack,
  • Tech Lead
  • IA y Desarrollo Agéntico

< FAQ />

Preguntas antes de apuntarte.

Si necesitas confirmar nivel, horarios o encaje con tu equipo, escríbenos y lo vemos contigo.

¿Y si no puedo asistir a una clase?

No pasa nada . Todas las clases se graban y quedan disponibles en el campus, para que puedas verlas cuando quieras o repasar los contenidos a tu ritmo.

¿Hasta cuando tengo acceso al material del curso?

Tendrás acceso al material en el campus de forma continua, para que puedas consultarlo siempre que lo necesites, incluso después de finalizar el curso.

¿Me puedo bonificar el curso por Fundae?

Sí, el curso es parcialmente bonificable a través de FUNDAE. Escríbenos y te asesoraremos personalmente según tu situación para que puedas aprovechar la bonificación.

¿Puedo pedir factura?

Por supuesto. Emitimos factura sin problema; solo tienes que solicitárnosla y facilitarnos tus datos de facturación.

RESERVA TU PLAZA.

Si lo tienes claro, compra la plaza. Si quieres validar nivel, horarios o una edición para equipo, habla con nosotros antes.