ANÚNCIO

Aula 26 – Vibe Coding: Implementando um sistema de Gestão de Mudancas

Aprenda a implementar um sistema de gestão de mudanças com IA e Angular, vendo erros reais e boas práticas de arquitetura.

⏱ 1h 14min 👁 122 visualizações 📅 outubro 3, 2025

Resumo

O desafio real de codificar com IA

Neste episódio da série Vibe Coding, Victor Osório enfrenta um desafio prático: construir um sistema de gestão de tickets utilizando geração de código assistida por IA. O vídeo funciona como um estudo de caso ao vivo, mostrando tanto os benefícios quanto as armadilhas de depender de ferramentas de IA para gerar código em produção. Em vez de apresentar um tutorial convencional, a abordagem é imersiva e educativa, permitindo que desenvolvedores entendam como um profissional experiente navega pelos erros e toma decisões arquiteturais em tempo real.

Arquitetura front-end e integração Angular

O projeto utiliza Angular como framework principal para a construção do dashboard de gestão de mudanças. Durante o desenvolvimento, o canal discute as particularidades de componentes Angular, estado da aplicação e comunicação com APIs REST. A integração visual inclui gráficos criados com Chart.js, uma biblioteca JavaScript popular para visualização de dados. Victor demonstra como estruturar componentes reutilizáveis e manter a arquitetura escalável, evitando o que ele chama de "code hell" — aquele estado onde o código fica desorganizado, duplicado e difícil de manter. Essas práticas são especialmente relevantes quando se trabalha com código gerado automaticamente, que pode não seguir os padrões do projeto.

Quando não confiar na automatização

Um dos maiores aprendizados do vídeo é reconhecer os limites da geração de código por IA. Nem toda sugestão de ferramentas de IA é apropriada para o contexto do projeto, e fazer escolhas críticas exige conhecimento humano. Victor ilustra situações onde o código gerado não se alinha com a arquitetura geral, não segue padrões de nomenclatura ou traz problemas de performance. Entender essas nuances é crucial para manter a qualidade do software enquanto se aproveita a produtividade que a IA oferece. O vídeo enfatiza que IA é uma ferramenta de assistência, não de substituição do julgamento do desenvolvedor.

Debugging e resolução de problemas

Com 75 minutos de conteúdo, uma porção significativa do vídeo é dedicada ao debugging — o processo de identificar e corrigir erros. Erros reais surgem durante o desenvolvimento, seja em lógica de negócio, integração de APIs ou renderização no front-end. O público pode acompanhar como Victor utiliza ferramentas de desenvolvimento do navegador, logs e análise crítica para rastrear bugs. Essa abordagem transparente sobre falhas é mais educativa do que tutoriais que mostram apenas o "caminho feliz", pois reflete a realidade do desenvolvimento de software profissional.

Gestão de mudanças e versionamento

O sistema implementado é um gestor de tickets, um padrão comum em organizações que precisam rastrear solicitações de mudança, correções e novas funcionalidades. A plataforma permite que equipes acompanhem o status de cada ticket, atribuam prioridades e colaborem em resoluções. Implementar isso com qualidade exige pensar em fluxos de estado, permissões, auditoria e notificações — todos aspectos abordados durante a série de episódios. Este vídeo específico (aula 26) é parte de uma jornada contínua, construindo incrementalmente sobre conceitos e código desenvolvido em episódios anteriores.

Stack técnico e boas práticas

O projeto combina tecnologias modernas: Angular no front-end, Quarkus e Jakarta EE no back-end, com suporte a APIs REST e possibilidade de implementação de Server-Sent Events para atualizações em tempo real. Boas práticas como separação de responsabilidades, componentização, logging adequado e testes são frequentemente discutidas ao longo da série. O repositório GitHub do projeto (morpho-board) está aberto para contribuições, permitindo que a comunidade participe da evolução do código. Isso transforma o vídeo em um ponto de partida para aprendizado colaborativo.

Transparência e aprendizado com falhas

A proposta do Vibe Coding é radicalmente diferente da maioria dos tutoriais: mostra o desenvolvimento real, com erros, decisões revistas e momentos de frustração. Essa transparência é extremamente valiosa para desenvolvedores em formação, pois desmitifica o processo de desenvolvimento profissional e demonstra que até desenvolvedores experientes enfrentam desafios. Ao comentar suas decisões, explicar por que certos caminhos não funcionaram e corrigir rumos, Victor oferece um modelo mental sobre como abordar problemas complexos no desenvolvimento de software moderno.

O que você vai aprender

  • Estruturar um sistema de gestão de tickets com Angular e arquitetura escalável
  • Identificar quando confiar e quando questionar código gerado por IA
  • Integrar visualizações com Chart.js em dashboards profissionais
  • Debugar problemas em aplicações front-end usando ferramentas do navegador
  • Implementar boas práticas e evitar "code hell" em projetos reais

Conceitos abordados

Tecnologias utilizadas

Capítulos 7 marcações

  1. Introdução ao desafio com IA
  2. Arquitetura do projeto de gestão de tickets
  3. Implementação de componentes Angular
  4. Integração com Chart.js para visualizações
  5. Erros reais e debugging de código gerado
  6. Discussão sobre boas práticas e decisões arquiteturais
  7. Refinamento final e lições aprendidas

Próximo vídeo sugerido

Avaliações

Avaliação dos alunos 0.0
0 avaliações
Avalie esta aula

Ajude outros alunos a entenderem se esta aula foi útil.

Ainda não há avaliações. Seja o primeiro a avaliar esta aula.