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

O que é desenvolvido nesta aula

Esta live da série Vibe Coding apresenta a implementação prática de um sistema de gestão de mudanças através de uma aplicação full-stack completa. O foco principal está na integração efetiva entre o frontend construído em Angular e o backend desenvolvido com Java e Quarkus, demonstrando como diferentes camadas de uma aplicação moderna devem se comunicar de forma harmoniosa. Victor Osório, do canal Computação Crítica, conduz os participantes por um processo real de desenvolvimento, mostrando não apenas o código funcionando, mas também os desafios encontrados durante a integração e como resolvê-los de forma prática.

Integração Angular e APIs Java

Um dos pontos centrais da aula é a demonstração de como corrigir erros comuns que surgem na comunicação entre Angular e APIs desenvolvidas em Java. A apresentação aborda desde questões básicas de conexão até problemas mais sofisticados de serialização de dados e tratamento de respostas HTTP. O instrutor mostra concretamente como configurar os serviços Angular para consumir endpoints do Quarkus, explicando os padrões de requisição e resposta que fazem essa integração funcionar perfeitamente. Além disso, a aula explora a importância de validações adequadas tanto no frontend quanto no backend, criando uma camada de segurança que protege a aplicação de dados inválidos.

Programação reativa com Observables

Um aspecto fundamental abordado é a implementação de services reativos em Angular utilizando Observables. A programação reativa permite que a aplicação responda automaticamente a mudanças de estado, criando uma experiência de usuário mais fluida e responsiva. Victor demonstra na prática como usar Observables para gerenciar fluxos de dados assincronos, implementando padrões como o subscribe e unsubscribe para evitar memory leaks. Também são discutidas técnicas avançadas como o uso de operadores RxJS que permitem transformar, filtrar e combinar streams de dados de forma elegante. Os resolvers do Angular também ganham destaque, mostrando como resolver dados antes de navegar para uma rota, garantindo que componentes sempre tenham acesso aos dados que precisam.

Boas práticas de código e padrões de design

Beyond técnicas específicas, a aula enfatiza a importância de seguir princípios de Clean Code e uma boa arquitetura de componentes. A componentização adequada em Angular permite reutilização de código, facilita testes e torna a manutenção muito mais simples. Victor compartilha dicas concretas sobre como estruturar componentes para que sejam verdadeiramente reutilizáveis, evitando dependências tightly-coupled que prejudicam a flexibilidade. O padrão de services é explorado em profundidade, mostrando como isolar a lógica de negócio dos componentes visuais. Também são discutidos padrões do lado do Java, como a estrutura de controllers, services e repositories que mantêm o código organizado e fácil de manter.

Inteligência artificial no fluxo de desenvolvimento

Um diferencial importante desta aula é a discussão aberta sobre o uso de ferramentas de IA como Cursor e DeepSeek no desenvolvimento diário. Victor reflete sobre como essas ferramentas estão transformando o workflow de programadores modernos, aumentando a produtividade sem necessariamente prejudicar o aprendizado técnico. A aula não vende ilusões, mas explora criticamente tanto os benefícios quanto os riscos de depender demais de assistentes de IA. Esse tipo de reflexão é raro em conteúdos técnicos e ajuda desenvolvedores a tomar decisões conscientes sobre que ferramentas adotar em seu fluxo de trabalho.

Reflexões sobre carreira e saúde mental em TI

Além da técnica pura, a live aborda questões importantes sobre escolhas tecnológicas, trajetória profissional e saúde mental na área de TI. Victor compartilha experiências pessoais que contextualizam as decisões técnicas não como escolhas abstratas, mas como parte de uma jornada profissional mais ampla. Essas conversas são especialmente valiosas para desenvolvedores em desenvolvimento de carreira que enfrentam dúvidas sobre qual tecnologia aprender, qual empresa escolher ou como lidar com a pressão constante de atualização na área. A perspectiva holística sobre desenvolvimento profissional complementa bem os aprendizados técnicos específicos.

Stack tecnológico e ferramentas

A aula foca em tecnologias modernas e muito relevantes no mercado atual: Angular para o frontend, com suporte do Angular Material para componentes de interface pré-construídos; Java com o framework Quarkus para o backend, que oferece excelente performance e tempo de startup reduzido; TypeScript para adicionar type-safety ao código JavaScript; e JPA para abstração de dados. Essas escolhas refletem as preferências de um desenvolvedor experiente que valoriza produtividade, performance e manutenibilidade. A aula também menciona validações robustas e tratamento de erros em ambas as camadas, garantindo que a aplicação seja resiliente e pronta para produção.

Público-alvo e aplicabilidade prática

Esta aula é especialmente recomendada para desenvolvedores que trabalham ou querem trabalhar com aplicações full-stack, integrando Angular no frontend com Java no backend. Também é valiosa para quem enfrenta desafios reais em manter sistemas grandes, pois apresenta soluções testadas em produção. Mesmo desenvolvedores que usam outras tecnologias no frontend ou backend podem se beneficiar dos padrões e princípios discutidos, que são transferíveis entre stacks diferentes. A duração de 61 minutos permite imersão profunda em tópicos práticos, sem deixar o conteúdo muito disperso.

Próximos passos na série

Esta é a décima nona aula da série Vibe Coding, que possui múltiplas continuações. Victor desenvolveu um repositório completo no GitHub (morpho-board) que acompanha toda a série, permitindo que interessados clonem o projeto e sigam os avanços iterativamente. A série é pensada como um aprendizado em camadas, onde cada aula introduce novos desafios e soluções, simulando o desenvolvimento real de uma aplicação complexa em ambiente profissional.