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

O desafio real de codificar com IA

Esta aula da série Vibe Coding apresenta um experimento prático sobre o uso de inteligência artificial na geração de código. O desenvolvedor experiente Victor Osório enfrenta um desafio concreto: criar um sistema de gestão de tickets utilizando IA como ferramenta auxiliar. Contrariamente ao que muitas promessas comerciais sugerem, o vídeo documenta as dificuldades reais, os erros gerados pela IA e as soluções implementadas por um profissional experiente. Esta abordagem oferece uma perspectiva honesta sobre as capacidades e limitações das ferramentas de geração automática de código, afastando-se do discurso marketing que frequentemente exagera a eficiência dessas soluções.

Arquitetura e design de tickets

O projeto foca na implementação de um sistema robusto de gestão de mudanças, com particular atenção à construção de uma interface de usuário responsiva e funcional. A arquitetura escolhida combina um backend Java Quarkus com um frontend Angular, tecnologias modernas que trabalham bem juntas em aplicações empresariais. O design do sistema de tickets requer decisões arquiteturais importantes: como estruturar os dados, como organizar os componentes, como garantir que a interface seja intuitiva e que o fluxo de trabalho dos usuários seja otimizado. Estas decisões não são triviais e tornam-se ainda mais complexas quando se introduz a geração de código por IA na equação.

Boas práticas e antipadrões

Um dos pontos centrais do vídeo é a discussão sobre boas práticas de desenvolvimento front-end, especialmente ao trabalhar com Angular. O código gerado por IA frequentemente viola princípios consolidados de arquitetura, modularização e separação de responsabilidades. Victor Osório demonstra exemplos de "code hell", situações onde o código gerado é funcionalmente correto mas tecnicamente problemático, criando débito técnico significativo. A discussão inclui como evitar armadilhas comuns, como estruturar componentes de forma reutilizável, como implementar binding de dados corretamente e como manter a codificação legível mesmo sob pressão de prazos.

Integração com ChartJS e visualização

O sistema de gestão de tickets inclui dashboards visuais que exibem métricas e dados em tempo real. ChartJS é utilizado para criar gráficos interativos que ajudam os usuários a compreender o estado do projeto rapidamente. A integração dessa biblioteca com Angular requer cuidado especial: é necessário sincronizar dados, atualizar gráficos dinamicamente e garantir que a performance não sofra com grandes volumes de informações. O vídeo demonstra como implementar essas funcionalidades de forma correta, evitando a abordagem ingênua que muitas ferramentas de IA sugerem.

Debugging e resolução de problemas

Uma das partes mais valiosas de uma live coding é observar como um desenvolvedor experiente identifica e corrige problemas. O vídeo inclui sessões reais de debugging onde erros gerados pelo código da IA são rastreados, analisados e solucionados. Este processo educativo mostra técnicas práticas: como usar as ferramentas de desenvolvedor do navegador, como ler logs de erro com inteligência, como isolar problemas em um sistema complexo. O aprendizado através dos erros é frequentemente mais valioso que aprender apenas as práticas corretas.

Decisões entre automação e controle manual

Um tema recorrente é o quando confiar na automação e quando tomar controle manual do desenvolvimento. A IA é excelente em tarefas repetitivas e em gerar boilerplate, mas falha regularmente em contextos específicos, em decisões arquiteturais e em otimizações sofisticadas. Victor Osório exemplifica situações onde blindly aceitar o código gerado causaria problemas subsequentes, e outras onde a geração automática economiza tempo real. Esta análise pragmática ajuda desenvolvedores a entender o papel correto da IA em seus fluxos de trabalho.

Contribuição e evolução do projeto

O projeto está disponível no GitHub, permitindo que a comunidade contribua, teste e ofereça sugestões. Este modelo open-source é importante porque transforma a live coding em um espaço de aprendizado colaborativo. Desenvolvedores podem examinar o código final, fazer fork, identificar melhorias e participar da evolução do sistema. A série Vibe Coding já conta com múltiplos episódios anteriores, cada um expandindo ou refatorando diferentes aspectos do sistema de gestão de mudanças, criando um corpo significativo de conhecimento sobre desenvolvimento prático com tecnologias modernas.

Contexto pedagógico e aplicabilidade prática

Esta aula é particularmente valiosa para desenvolvedores em transição digital que enfrentam pressão para adotar IA em seus workflows. Ao documentar tanto sucessos quanto fracassos, o vídeo oferece um mapa realista de como integrar ferramentas de IA mantendo qualidade técnica e arquitetura sólida. O aprendizado não é apenas sobre Angular, Java ou Quarkus, mas sobre como pensar criticamente sobre ferramentas, como avaliar código gerado e como manter padrões profissionais em um cenário tecnológico em constante evolução.