Temario del curso
Introducción a la IA Generativa para el Desarrollo Front-End
- ¿Qué es la IA generativa en el desarrollo de software?
- Visión general de las herramientas: ChatGPT, GitHub Copilot, Codeium, etc.
- Beneficios y limitaciones de la IA en el desarrollo de UI
Generación de UI Basada en Prompts
- Crear prompts para la estructura HTML y componentes
- Generar y modificar estilos CSS con IA
- Usar IA para crear elementos interactivos en JavaScript
Prototipado de Diseños con Herramientas Generativas
- Construir páginas de destino y diseños multi-sección
- Prompts de diseño responsivo (Flexbox, Grid)
- Previsualización y prueba en CodePen u otras herramientas similares
Componentización y Reutilización
- Generar componentes de UI reutilizables (botones, tarjetas, formularios)
- Crear bibliotecas de componentes y sistemas de diseño con la ayuda de IA
- Usar IA en frameworks populares (React, Vue, Tailwind)
Revisión y Depuración Asistida por IA del Código
- Corregir errores de diseño y problemas de accesibilidad con LLMs (Modelos de Lenguaje Grande)
- Optimizar el rendimiento del código HTML/CSS/JS
- Explicar errores y sugerir soluciones a través de prompts de IA
Diseño Colaborativo y Generación de Contenido
- Usar IA para generar contenido ficticio, texto y marcadores de posición
- Trabajar con diseñadores para co-crear bocetos y estilos
- Exportar ideas generadas por IA a plantillas HTML utilizables
Proyecto: Construir una Aplicación Web Scaffoldeada por AI
- Diseñar UI basada en un prompt de negocio
- Construir componentes y interacciones utilizando IA
- Pulir, probar y presentar el prototipo
Resumen y Próximos Pasos
Requerimientos
- Conocimientos básicos de HTML, CSS y JavaScript
- Familiaridad con frameworks front-end o sistemas de diseño
- Interés en aplicar IA para acelerar los flujos de trabajo de UI/UX
Audiencia
- Desarrolladores front-end
- Ingenieros UX
- Diseñadores web y tecnólogos creativos
Testimonios (2)
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
Conocimientos del conferencista sobre el uso avanzado de copiloto y sesión práctica suficiente y eficiente
Tan - ViTrox Technologies Sdn Bhd
Curso - Intermediate GitHub Copilot
Traducción Automática