Temario del curso
Introducción a la IA generativa para el desarrollo front-end
- ¿Qué es la IA generativa en el desarrollo de software?
- Panorama de herramientas: ChatGPT, GitHub Copilot, Codeium, etc.
- Beneficios y limitaciones de la IA en el desarrollo de interfaces
Generación de UI basada en instrucciones
- Elaboración de instrucciones para estructuras HTML y componentes
- Generación y modificación de estilos CSS con IA
- Uso de IA para estructurar elementos interactivos en JavaScript
Prototipado de diseños con herramientas generativas
- Construcción de páginas de aterrizaje y diseños de múltiples secciones
- Instrucciones para diseño responsivo (Flexbox, Grid)
- Vista previa y prueba en CodePen o herramientas similares
Componentización y reutilización
- Generación de componentes de interfaz de usuario 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 modelos de lenguaje grande (LLMs)
- Optimización del rendimiento del código HTML/CSS/JS
- Explicación de errores y sugerencia de correcciones mediante instrucciones de IA
Diseño colaborativo y generación de contenido
- Uso de IA para generar contenido ficticio, texto y marcadores de posición
- Trabajo con diseñadores para co-crear wireframes y estilos
- Exportación de ideas generadas por IA a plantillas HTML utilizables
Proyecto: Construcción de una aplicación web estructurada por IA
- Diseño de la interfaz basado en una instrucción empresarial
- Construcción de componentes e interacciones utilizando IA
- Pulido, prueba y presentación del prototipo
Resumen y próximos pasos
Requerimientos
- Conocimiento básico 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 UX
- Diseñadores web y tecnólogos creativos
Testimonios (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