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
 14 Horas

Declaração de Clientes (1)

Próximas Formações Provisórias

Categorias Relacionadas