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 prompts
- Creación de prompts para la estructura HTML y los componentes
- Generación y modificación de estilos CSS con IA
- Uso de IA para crear la estructura base de elementos interactivos en JavaScript
Prototipado de diseños con herramientas generativas
- Creación de páginas de aterrizaje (landing pages) y diseños de múltiples secciones
- Prompts para diseño responsivo (Flexbox, Grid)
- Previsualización 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 marcos de trabajo populares (React, Vue, Tailwind)
Revisión y depuración de código 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 soluciones mediante prompts de IA
Diseño colaborativo y generación de contenido
- Uso de IA para generar contenido de prueba, textos y espacios reservados (placeholders)
- Trabajo conjunto con diseñadores para cocrear wireframes y estilos
- Exportación de ideas generadas por IA en plantillas HTML utilizables
Proyecto: Construir una aplicación web estructurada con IA
- Diseño de la UI basado en un prompt de negocio
- Construcción de componentes e interacciones utilizando IA
- Acabado, prueba y presentación del prototipo
Resumen y próximos pasos
Requerimientos
- Comprensión básica de HTML, CSS y JavaScript
- Familiaridad con marcos de trabajo front-end o sistemas de diseño
- Interés en aplicar IA para agilizar los flujos de trabajo de UI/UX
Público objetivo
- Desarrolladores front-end
- Ingenieros de UX
- Diseñadores web y tecnólogos creativos
Formación Corporativa a Medida
Soluciones de formación diseñadas exclusivamente para empresas.
- Contenido personalizado: Adaptamos el temario y los ejercicios prácticos a los objetivos y necesidades reales del proyecto.
- Calendario flexible: Fechas y horarios adaptados a la agenda de su equipo.
- Modalidad: Online (en directo), In-company (en sus oficinas) o Híbrida.
Precio por grupo privado (formación online) desde 2900 € + IVA*
Contáctenos para obtener un presupuesto exacto y conocer nuestras promociones actuales
Reseñas (2)
La práctica estuvo muy interactiva y aplicable al negocio.
Jorge Boscan - Chevron Global Technology Services Company
Curso - Advanced GitHub Copilot & AI for Projects and Infrastructure
Adquirí conocimientos sobre la biblioteca Streamlit de Python y, con seguridad, intentaré utilizarla para mejorar las aplicaciones de mi equipo que se desarrollan en R Shiny.
Michal Maj - XL Catlin Services SE (AXA XL)
Curso - GitHub Copilot for Developers
Traducción Automática
