ANÚNCIO

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

Aprenda a implementar um sistema de gestão de mudanças com Vibe Coding, melhorando a UI do Kanban e implementando transições de estado.

⏱ 40min 👁 74 visualizações 📅 julho 23, 2025

Resumo

O que é Vibe Coding

Vibe Coding é uma metodologia de desenvolvimento onde o programador trabalha em conjunto com ferramentas de inteligência artificial, como o Cursor, para acelerar a codificação. Nesta oitava aula da série sobre implementação de um sistema de gestão de mudanças, o foco recai sobre a utilização dessa abordagem para refinar a interface visual de uma página Kanban e implementar a lógica de transição de estados entre tickets. A série completa demonstra como IA e desenvolvimento humano podem trabalhar em sinergia para construir aplicações práticas e funcionais.

A página Kanban e seus desafios

Na fase atual do projeto morpho-board, o sistema já exibe uma página de Kanban que mostra os tickets de forma organizada. No entanto, essa página necessita de melhorias visuais significativas para se tornar uma interface polida e profissional. Além das questões estéticas, é fundamental implementar a funcionalidade de mudança de estado dos tickets, permitindo que eles transitem entre diferentes colunas do Kanban conforme o progresso do trabalho. Essa é uma das funcionalidades mais críticas de um sistema de gestão de mudanças, pois permite rastrear o ciclo de vida completo de cada ticket desde sua criação até sua resolução.

O Cursor e seus limites

O Cursor é uma ferramenta poderosa de IA para desenvolvimento, mas como o instrutor comenta com humor, ele pode ser "preguiçoso". Isso significa que às vezes a IA não implementa todas as sugestões da forma mais robusta ou não éxplora todas as possibilidades de otimização. O desenvolvedor precisa estar atento, revisar o código gerado e, quando necessário, fazer ajustes manuais para garantir que a solução final atenda completamente aos requisitos. Essa interação entre a sugestão da IA e a revisão humana é exatamente o espírito do Vibe Coding: não é automação total, mas uma colaboração inteligente.

Stack tecnológico do projeto

O projeto morpho-board utiliza Quarkus como framework backend, Maven como gerenciador de dependências e Java como linguagem principal. Essa combinação oferece uma base sólida para construir uma aplicação web moderna, com Quarkus fornecendo performance otimizada para microsserviços e aplicações nativas. O código-fonte do projeto está disponível no repositório GitHub (https://github.com/vepo/morpho-board), permitindo que qualquer interessado clone, análise e contribua para o desenvolvimento. A branch VIBE-CODER-007 contém especificamente o código gerado durante esta aula.

Implementação da transição de estados

A mudança de estado de um ticket é uma operação central em qualquer sistema de gestão de mudanças. Tecnicamente, isso envolve capturar eventos de interação do usuário (como drag-and-drop ou cliques em botões), validar a transição de estado conforme as regras de negócio, atualizar o estado no backend e refletir essa mudança na interface visual. Durante a aula, o desenvolvedor trabalha com o Cursor para gerar essa lógica, mas precisará fazer refinamentos para garantir que todas as validações e transições sejam tratadas corretamente. A série completa (com 11 episódios) dedica muita atenção a esse aspecto, mostrando iterações sucessivas de melhorias.

O polimento visual da interface

Alem da funcionalidade, o aspecto visual de um Kanban é fundamental para a experiência do usuário. O layout das colunas, a apresentação dos cards de tickets, as cores, espaçamentos e feedback visual ao interagir com os elementos precisam ser cuidadosamente desenhados. Essa aula enfatiza a importância de não apenas implementar a lógica, mas também investir tempo em deixar a interface intuitiva e agradável. O Vibe Coding permite iterar rapidamente entre mudanças de estilo e funcionalidade, testando diferentes abordagens com ajuda da IA antes de consolidar a melhor solução.

Contexto da série e próximas etapas

Esta é apenas a oitava de onze aulas da série Vibe Coding sobre gestão de mudanças. Cada episódio constrói sobre o anterior, adicionando camadas de funcionalidade e sofisticação ao sistema. Além dessa série principal, há também conteúdo complementar como "Deploy de Sexta: Criando página de autenticação no Quarkus + Angular", que aborda outros aspectos da aplicação. O repositório GitHub mantém o histórico completo dessas mudanças, facilitando o acompanhamento da evolução do projeto e permitindo que aprendizes entendam não apenas o resultado final, mas também o processo iterativo de desenvolvimento.

Comunidade e suporte

O canal Computação Crítica, mantido por Victor Osório, oferece conteúdo aprofundado sobre desenvolvimento de software, especialmente focado em Java, Quarkus e metodologias modernas. O convite para se tornar membro do canal (https://www.youtube.com/channel/UC6g6eok10NJGYgenHO-0Oew/join) oferece aos espectadores a oportunidade de acessar conteúdo exclusivo e apoiar o criador. A comunidade ao redor dessa série é ativa, com muitos desenvolvedores aprendendo e compartilhando suas próprias implementações baseadas no morpho-board.

O que você vai aprender

  • Implementar uma página Kanban funcional para gestão de tickets
  • Aplicar Vibe Coding para acelerar o desenvolvimento com assistência de IA
  • Criar transições de estado entre tickets em um sistema de gestão de mudanças
  • Polir a interface visual de um componente de Kanban
  • Trabalhar com Quarkus, Maven e Java em um projeto real

Conceitos abordados

Tecnologias utilizadas

Capítulos 8 marcações

  1. Introdução à aula 8 e contexto do projeto
  2. Revisão da página Kanban existente
  3. Identificando problemas visuais e funcionais
  4. Configurando o Cursor para as tarefas
  5. Implementando a mudança de estado de tickets
  6. Refinamentos e ajustes manuais necessários
  7. Melhorias visuais do componente Kanban
  8. Testes e conclusões da aula

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.