Programa do Curso
Introdução à IA Generativa para Desenvolvimento Front-End
- O que é IA generativa no desenvolvimento de software?
- Visão geral das ferramentas: ChatGPT, GitHub Copilot, Codeium, etc.
- Benefícios e limitações da IA no desenvolvimento de UI
Geração de UI Baseada em Prompts
- Criando prompts para estrutura HTML e componentes
- Gerando e modificando estilos CSS com IA
- Usando IA para criar elementos interativos em JavaScript
Prototipagem de Layouts com Ferramentas Generativas
- Construindo páginas de destino e layouts multi-seção
- Prompts de design responsivo (Flexbox, Grid)
- Pré-visualizando e testando no CodePen ou em ferramentas similares
Componentização e Reutilização
- Gerando componentes de UI reutilizáveis (botões, cartões, formulários)
- Criando bibliotecas de componentes e sistemas de design com a ajuda da IA
- Usando IA em frameworks populares (React, Vue, Tailwind)
Revisão de Código e Depuração Assistida por IA
- Corrigindo bugs de layout e problemas de acessibilidade com LLMs
- Otimizando o desempenho do código HTML/CSS/JS
- Explicando erros e sugerindo correções via prompts de IA
Design Colaborativo e Geração de Conteúdo
- Usando IA para gerar conteúdo fictício, texto e placeholders
- Trabalhando com designers para co-criar wireframes e estilos
- Exportando ideias geradas por IA para modelos de HTML utilizáveis
Projeto: Construir um Aplicativo Web Scaffolding com IA
- Projetando UI baseada em prompt de negócios
- Construindo componentes e interações usando IA
- Aperfeiçoando, testando e apresentando o protótipo
Resumo e Próximos Passos
Requisitos
- Compreensão básica de HTML, CSS e JavaScript
- Familiaridade com frameworks front-end ou sistemas de design
- Interesse em aplicar IA para acelerar fluxos de trabalho de UI/UX
Público-Alvo
- Desenvolvedores front-end
- Engenheiros de UX
- Web designers e tecnólogos criativos
Testemunhos de Clientes (2)
Agora tenho conhecimento sobre a biblioteca Streamlit em Python e, com certeza, vou tentar usá-la para melhorar os aplicativos da minha equipe que são desenvolvidos no R Shiny.
Michal Maj - XL Catlin Services SE (AXA XL)
Curso - GitHub Copilot for Developers
Máquina Traduzida
Conhecimento do instrutor sobre o uso avançado de co-piloto e sessão prática suficiente e eficiente
Tan - ViTrox Technologies Sdn Bhd
Curso - Intermediate GitHub Copilot
Máquina Traduzida