Ponte en Contacto
 Duración 14 horas

Temario del curso

Introducción a la IA generativa para front-end

  • ¿Qué es la IA generativa en el desarrollo de software?
  • Visión general de las herramientas: ChatGPT, GitHub Copilot, Codeium, etc.
  • Ventajas y limitaciones de la IA en el desarrollo de UI.

Generación de UI basada en indicaciones (prompts)

  • Creación de indicaciones para la estructura HTML y componentes.
  • Generación y modificación de estilos CSS con IA.
  • Uso de IA para crear la estructura de elementos interactivos en JavaScript.

Prototipado de diseños con herramientas generativas

  • Construcción de páginas de aterrizaje (landing pages) y diseños de varias secciones.
  • Indicaciones para diseño responsivo (Flexbox, Grid).
  • Vista previa y pruebas en CodePen o herramientas similares.

Componentización y reutilización

  • Generación de componentes de UI reutilizables (botones, tarjetas, formularios).
  • Creación de bibliotecas de componentes y sistemas de diseño con ayuda de IA.
  • Uso de IA en frameworks populares (React, Vue, Tailwind).

Revisión de código y depuración asistida por IA

  • Corrección de errores de diseño y problemas de accesibilidad con LLMs.
  • Optimización del rendimiento del código HTML/CSS/JS.
  • Explicación de errores y sugerencia de correcciones mediante indicaciones de IA.

Diseño colaborativo y generación de contenido

  • Uso de IA para generar contenido de prueba, textos y marcadores de posición.
  • Trabajo en colaboración con diseñadores para co-crear bocetos (wireframes) y estilos.
  • Exportación de ideas generadas por IA a plantillas HTML utilizables.

Proyecto: Construcción de una aplicación web con estructura asistida por IA

  • Diseño de UI basado en una indicación de negocio.
  • Construcción de componentes e interacciones utilizando IA.
  • Ajuste final, pruebas y presentación del prototipo.

Resumen y próximos pasos

Requerimientos

  • Comprensión básica de HTML, CSS y JavaScript.
  • Familiaridad con frameworks front-end o sistemas de diseño.
  • Interés en aplicar la IA para acelerar los flujos de trabajo de UI/UX.

Público objetivo

  • Desarrolladores front-end.
  • Ingenieros de UX.
  • Diseñadores web y tecnólogos creativos.

Número de participantes


Precio por participante

Reseñas (2)

Próximos cursos

Categorías Relacionadas