Vídeos
Migrando um Sistema Delphi Legado para Electron, React e Web com Claude Code
Monorepo JavaScript: Organizando a Migração do Meu App Delphi | Ep. 09
Monorepo JavaScript na prática: organizo a migração do meu sistema Delphi para compartilhar código entre o app desktop Electron e a futura versão web. No episódio anterior, criei a base do app Electron com React. Agora é hora de preparar o projeto para crescer: o mesmo sistema vai ter uma versão desktop e uma versão web, e as duas precisam usar as mesmas regras e os mesmos componentes, sem copiar e colar código. Começo explicando o que é um monorepo e por que ele é a base para compartilhar código entre desktop e web. Depois, com a ajuda do Claude Code, configuro os npm workspaces e reorganizo o projeto em duas partes: apps, onde ficam o app desktop e a futura versão web, e packages, onde ficam os pacotes compartilhados. Os dois pacotes criados são o core, que guarda as regras de negócio em JavaScript puro, sem depender de tela nenhuma, e o ui, com os componentes visuais em React. Para provar que a estrutura funciona, crio um componente compartilhado de teste e uso ele dentro do app Electron. No final, atualizo o CLAUDE.md, as skills e os revisores para a nova estrutura de projeto Electron React, e aposento a pasta de rascunhos que vinha desde os primeiros episódios. Se você quer entender como criar um monorepo com npm workspaces, como compartilhar código entre Electron e web ou como migrar um sistema Delphi para JavaScript, este vídeo mostra tudo na prática, num projeto real. ⏱️ Capítulos 00:00 Introdução: por que um monorepo JavaScript 01:31 Reorganizando o monorepo com npm workspaces e Claude Code 12:28 Conferindo a nova estrutura: apps e packages 17:24 Criando um componente React compartilhado 21:41 Testando o componente compartilhado no app Electron ⏮️ Episódio anterior – Ep. 08: Electron JS e React, a base do novo app https://youtu.be/RkeKlJ36mRY ⏭️ Próximo episódio – Ep. 10: Identidade visual e design system em CSS [LINK DO EP. 10] 📺 Playlist completa – Migrando um sistema Delphi legado para Electron e Web com IA: https://youtube.com/playlist?list=PLaT9XzIK8HZ8&si=HVOKebghehO64ixP 🔔 Se inscreva no canal e ative o sininho para acompanhar a série! 📲 Me acompanhe também: Instagram: https://www.instagram.com/vagner.oliveira.dev TikTok: https://www.tiktok.com/@vagner.oliveira.dev GitHub: https://github.com/vagnerso Blog: https://vagnerdev.com #Monorepo #JavaScript #ElectronJS #React #Delphi
Criando o App Electron + React que Vai Substituir Meu Sistema Delphi | Ep. 08
Electron JS na prática: começo a migrar meu sistema Delphi legado para um app desktop com JavaScript e React, criado do zero com Vite e a ajuda da IA. Este episódio abre a fase 2 da série em que estou migrando meu sistema Delphi legado de finanças pessoais para desktop e web. Depois de documentar tudo e preparar a IA nos episódios anteriores, chegou a hora de construir a base do novo app. Começo explicando, com ilustrações, o que é o Electron e o que é o React, e como os dois trabalham juntos. Você vai entender os três pedaços de todo app Electron: o processo main, que conversa com o sistema operacional, o renderer, onde fica a tela em React, e o preload, a ponte segura entre os dois. Depois mostro a arquitetura planejada para o projeto: um app desktop agora, um app web depois, e partes compartilhadas entre eles. Um código, dois apps. Na parte prática, crio o monorepo e o app Electron + React com um template baseado em Vite, abro o app pela primeira vez e explico a estrutura de pastas (apps/desktop com main, preload e renderer). Por fim, atualizo o CLAUDE.md e as skills do Claude Code para a nova estrutura, para a IA continuar seguindo o padrão do projeto. Se você quer saber como criar app desktop com JavaScript, está procurando um tutorial de Electron com React ou pensa em migrar um sistema Delphi para a web, este vídeo é para você. ⏱️ Capítulos 00:00 Introdução: começa a fase 2 da migração 02:55 Arquitetura: um código, dois apps (desktop e web) 05:03 Como funciona um app Electron: main, renderer e preload 08:12 Criando a estrutura de pastas dos apps 12:48 Criando o monorepo 15:05 Instalando Electron, React e Vite 21:49 Executando o app Electron pela primeira vez ⏮️ Episódio anterior – Ep. 07: Migrando uma tela Delphi para React com revisor de telas https://youtu.be/e1O2r3oZSS0?si=rvVepPIW8e2MeVTi ⏭️ Próximo episódio – Ep. 09: Monorepo e pacotes compartilhados (core e ui) https://youtu.be/VaCiH-DL34o 📺 Playlist completa – Migrando um sistema Delphi legado para Electron e Web com IA: https://youtube.com/playlist?list=PLaT9XzIK8HZ8&si=HVOKebghehO64ixP 🔔 Se inscreva no canal e ative o sininho para acompanhar a série! 📲 Me acompanhe também: Instagram: https://www.instagram.com/vagner.oliveira.dev TikTok: https://www.tiktok.com/@vagner.oliveira.dev GitHub: https://github.com/vagnerso Blog: https://vagnerdev.com #ElectronJS #React #JavaScript #ClaudeCode #Delphi
Migrei uma Tela Delphi para React com Claude Code (Antes e Depois) | Ep. 07
🖥️ Episódio 7 da série: Migrando um sistema Delphi legado para Electron e Web com IA! Neste episódio, a primeira tela do sistema ganha vida em React! Começo explicando por que decidi criar um segundo revisor, especializado em telas: revisar uma interface exige critérios diferentes de revisar uma regra de negócio. Então crio o subagente "revisor-de-tela", com acesso apenas de leitura, que compara a tela migrada com a documentação e com o form Delphi original — campos, ações, validações, navegação e se alguma regra de negócio ficou presa dentro do componente. Depois instalo React + Vite, migro uma tela Delphi para React usando a skill de conversão de forms, rodo no navegador, comparo lado a lado com o sistema original rodando e valido o resultado com o novo revisor. 💡 Uma tela migrada não precisa só "ficar bonita": ela precisa ter os mesmos campos, ações e validações da original — e as regras de negócio fora do componente. 👀 No próximo episódio: fim da fase 1 e início da fase 2. No Ep. 08 começamos a planejar a nova arquitetura do sistema: monorepo, pacotes compartilhados entre desktop e web, e a estrutura do projeto com Electron. ⏱️ Capítulos 00:00 Introdução 02:40 Criando o subagente revisor de telas 07:00 O que é React e o que é Vite 09:00 Instalando React e Vite 09:31 Migrando uma tela com a skill de conversão de forms Delphi 24:25 Rodando no navegador a tela convertida em React 28:40 Revisando a tela migrada com o subagente revisor de telas ▶️ Episódios anteriores: Ep. 01 – Apresentação e plano da série: https://youtu.be/gUU5tD_UXO8?si=RohSgqaT3jvN8dDfEp. 02 – A IA lê o projeto Delphi sem o Delphi instalado: https://youtu.be/8tBQiIgy9V8?si=xsdwHI3ShbRnysjb Ep. 03 – Mapeando e documentando o banco de dados: https://youtu.be/KBzPDw7ZD6s?si=7WkXh9eeIENXzVQh Ep. 04 – Documentando as telas e regras de negócio: https://youtu.be/fRjwaRlZqh4?si=lh_3AF6HUXOlRMRH Ep. 05 – CLAUDE.md e skills da migração: https://youtu.be/9FLcb2XrYOk?si=SVRQQRyhB4XIVcQu Ep. 06 – Subagente revisor de regras: https://youtu.be/4nRr0-8Vm2E 📺 Playlist completa da série: https://youtube.com/playlist?list=PLaT9XzIK8HZ8&si=HVOKebghehO64ixP 🔔 Se inscreva no canal e ative o sininho para acompanhar a série! 📲 Me acompanhe também: Instagram: https://www.instagram.com/vagner.oliveira.dev TikTok: https://www.tiktok.com/@vagner.oliveira.dev GitHub: https://github.com/vagnerso Blog: https://vagnerdev.com #Delphi #React #ClaudeCode #Vite #IA #JavaScript #SistemaLegado #Programação
Criei um Subagente no Claude Code que Achou Erros na Minha Migração | Ep. 06
🔍 Episódio 6 da série: Migrando um sistema Delphi legado para Electron e Web com IA! Neste episódio, explico a diferença entre skill e subagente no Claude Code e crio o subagente "revisor-de-regras": um revisor independente, com acesso apenas de leitura, que compara o código migrado com as regras de negócio documentadas e com o código Delphi original. Depois preparo o ambiente com Node e Vitest e faço o primeiro teste do fluxo completo: migro uma regra de negócio para JavaScript usando a skill, rodo os testes e o revisor aprova. Em seguida, coloco um erro de propósito na regra… e o revisor encontra a divergência. 💡 Separar quem escreve o código de quem revisa é uma das formas mais simples de deixar o trabalho com IA mais confiável. 👀 No próximo episódio: vamos testar o conversor de forms, transformando uma tela Delphi em um componente React! ⏱️ Capítulos 00:00 Introdução 01:58 Skill x Subagente 03:46 Criando o subagente revisor 11:50 Como chamar o subagente 13:28 Simulando a migração de uma regra de negócio 15:05 Relatório e explicação da revisão do agente revisor ▶️ Episódios anteriores: Ep. 01 – Apresentação e plano da série: https://youtu.be/gUU5tD_UXO8?si=GlkcOYcMsj2JSbDR Ep. 02 – A IA lê o projeto Delphi sem o Delphi instalado: https://youtu.be/8tBQiIgy9V8?si=vWTGsREuiEz5ZONv Ep. 03 – Mapeando e documentando o banco de dados: https://youtu.be/KBzPDw7ZD6s?si=hnS58mIgF1npDcHE Ep. 04 – Documentando as telas e regras de negócio: https://youtu.be/fRjwaRlZqh4?si=O-t3Mhr7LEjBobuV Ep. 05 – CLAUDE.md e skills da migração: https://youtu.be/9FLcb2XrYOk?si=JWVNY3K9_QFGwDKs 📺 Playlist completa da série: https://youtube.com/playlist?list=PLaT9XzIK8HZ8&si=HVOKebghehO64ixP 🔔 Se inscreva no canal e ative o sininho para acompanhar a série! 📲 Me acompanhe também: Instagram: https://www.instagram.com/vagner.oliveira.dev TikTok: https://www.tiktok.com/@vagner.oliveira.dev GitHub: https://github.com/vagnerso Blog: https://vagnerdev.com #ClaudeCode #IA #Delphi
CLAUDE.md e Skills: Como Ensinei o Claude Code a Migrar Meu Sistema Delphi | Ep. 05
🧠 Episódio 5 da série: Migrando um sistema Delphi legado para Electron e Web com IA! Neste episódio, preparo a IA para fazer a migração do jeito certo. Primeiro crio o CLAUDE.md, o arquivo de instruções do projeto que o Claude lê em toda sessão, com o contexto do sistema, links para a documentação, regras invioláveis, glossário e a stack de destino. Depois crio as skills que vão guiar a migração: ⚡ Conversão de tipos do legado: datas, valores e booleanos ⚡ Conversão de forms Delphi para componentes React com CSS ⚡ Migração das regras de negócio para JavaScript, com testes Também aproveito para limpar da documentação as referências a uma tela de importação antiga, um teste esquecido no projeto, e corrijo a sintaxe das skills depois de revisar o que foi criado. 💡 Com instruções e skills bem definidas, a IA deixa de improvisar e passa a seguir o padrão do projeto. 👀 No próximo episódio: vamos criar o subagente revisor de regras e fazer o primeiro teste do fluxo completo, convertendo uma tela e migrando uma regra! ⏱️ Capítulos 00:00 Introdução 01:40 Criando o CLAUDE.md 06:30 Conferindo o arquivo CLAUDE.md 12:00 Criando as skills da migração 18:00 Removendo da documentação a rotina de importação 22:00 Verificando as skills criadas 27:51 Corrigindo a sintaxe das skills 30:00 Próximo episódio ▶️ Episódios anteriores: Ep. 01 – Apresentação e plano da série: https://youtu.be/gUU5tD_UXO8?si=fUEqFrcOUAHWhJE3 Ep. 02 – A IA lê o projeto Delphi sem o Delphi instalado: https://youtu.be/8tBQiIgy9V8?si=bKNUAbMfUCMY6gb9 Ep. 03 – Mapeando e documentando o banco de dados: https://youtu.be/KBzPDw7ZD6s?si=_L1_ylCIzMBNnblo Ep. 04 – Documentando as telas e regras de negócio: https://www.youtube.com/watch?v=fRjwaRlZqh4&list=PLaT9XzIK8HZ8&index=4 📺 Playlist completa da série: https://youtube.com/playlist?list=PLaT9XzIK8HZ8&si=HVOKebghehO64ixP 🔔 Se inscreva no canal e ative o sininho para acompanhar a série! 📲 Me acompanhe também: Instagram: https://www.instagram.com/vagner.oliveira.dev TikTok: https://www.tiktok.com/@vagner.oliveira.dev GitHub: https://github.com/vagnerso Blog: https://vagnerdev.com #ClaudeCode #Delphi #IA #React #JavaScript #Electron #SistemaLegado #Programação
A IA Entendeu Meu Sistema Delphi? Validei Telas e Regras com Claude Code | Ep. 04
🧩 Episódio 4 da série: Migrando um sistema Delphi legado para Electron e Web com IA! Neste episódio, coloco o Claude para documentar as telas e as regras de negócio do meu sistema de finanças pessoais feito em Delphi. A IA analisa os forms e o código Delphi, mapeia cada tela e a navegação entre elas, identifica as regras de negócio — cálculos, validações e valores padrão — e cria um glossário do domínio. Depois, abro o sistema rodando e confiro na prática as regras que ficaram em dúvida. 💡 Em sistemas legados, as regras mais importantes costumam estar espalhadas pelo código. Documentar isso antes de migrar é o que garante que a nova versão vai funcionar igual à antiga. 👀 No próximo episódio: vamos criar os agents e skills que vão guiar a IA durante a migração! ⏱️ Capítulos 00:00 Introdução 01:30 A IA analisando os forms do Delphi 03:00 A IA analisando os forms do Delphi 03:00 Mapa das telas e da navegação 11:00 Regras de negócio: cálculos, validações e valores padrão 15:20 Conferindo a documentação da herança visual dos formulários 21:00 Conferindo a documentação das telas 27:00 Conferindo a documentação das regras de negócio 34:00 Próximo episódio ▶️ Episódios anteriores: Ep. 01 – Apresentação e plano da série: https://youtu.be/8tBQiIgy9V8?si=9oz6EIjNOXeFRHAt Ep. 02 – A IA lê o projeto Delphi sem o Delphi instalado: https://youtu.be/gUU5tD_UXO8?si=0Q5RgtpjYRB5PHmN Ep. 03 – Mapeando e documentando o banco de dados: https://youtu.be/KBzPDw7ZD6s 📺 Playlist completa da série: https://youtube.com/playlist?list=PLaT9XzIK8HZ8&si=HVOKebghehO64ixP 🔔 Se inscreva no canal e ative o sininho para acompanhar a série! 📲 Me acompanhe também: Instagram: https://www.instagram.com/vagner.oliveira.dev TikTok: https://www.tiktok.com/@vagner.oliveira.dev GitHub: https://github.com/vagnerso Blog: https://vagnerdev.com #Delphi #IA #SistemaLegado #ClaudeCode #RegrasDeNegocio #Documentacao #Electron #Programação
Documentando um Banco SQLite Legado Com IA (Diagrama ER) Ep. 03
🗄️ Episódio 3 da série: Migrando um sistema Delphi legado para Electron e Web com IA! Antes de migrar qualquer sistema, é preciso entender os dados. Neste episódio, coloco o Claude para mapear e documentar o banco de dados SQLite do meu sistema de finanças pessoais feito em Delphi. A IA extrai o schema do banco, cruza as informações com o código Delphi para descobrir relacionamentos que não estavam declarados, investiga como datas, valores e campos booleanos foram gravados e, no final, gera a documentação completa com um diagrama ER em Mermaid. 💡 Em sistemas legados, muitas regras e ligações entre tabelas só existem no código, e não no banco. Entender isso agora evita muita dor de cabeça na migração. 👀 No próximo episódio: vamos mapear as telas e as regras de negócio do sistema! ⏱️ Capítulos 00:00 Introdução 00:25 Extraindo o schema do banco SQLite 01:25 Cruzando o banco com o código Delphi 04:00 Gerando o arquivo de documentação do banco 05:30 Analisando o arquivo que foi gerado 06:15 Verificando o diagrama ER em Mermaid 08:00 Conferindo a documentação 14:50 Próximo episódio ▶️ Episódios anteriores: Ep. 01 – Apresentação e plano da série: https://youtu.be/gUU5tD_UXO8?si=lBR7nVK9g-2So11k Ep. 02 – A IA lê o projeto Delphi sem o Delphi instalado: https://youtu.be/Ik5qq0jrdaY?si=R4J74yEQGmne-Wlg 📺 Playlist completa da série: https://youtube.com/playlist?list=PLaT9XzIK8HZ8&si=HVOKebghehO64ixP 🔔 Se inscreva no canal e ative o sininho para acompanhar a série! 📲 Me acompanhe também: Instagram: https://www.instagram.com/vagner.oliveira.dev TikTok: https://www.tiktok.com/@vagner.oliveira.dev GitHub: https://github.com/vagnerso Blog: https://vagnerdev.com #Delphi #SQLite #IA #ClaudeCode #BancoDeDados #Mermaid #SistemaLegado #Programação
Claude Code Leu Meu Projeto Delphi Sem o Delphi Instalado | Ep. 02
🤖 Episódio 2 da série: Migrando um sistema Delphi legado para Electron e Web com IA! Neste episódio, abro o projeto do meu sistema de finanças pessoais no VS Code, sem instalar o Delphi ou o RAD Studio, e coloco a IA para ler o código-fonte pela primeira vez. Usando o Claude Code for VS Code, a IA analisa o projeto inteiro para entender e mapear o sistema: estrutura, telas, banco de dados SQLite e regras de negócio. Depois confiro a análise que ela entregou e, no final, o Claude cria o README do projeto. Também instalo o Delphi Support for VS Code, para trabalhar melhor com os arquivos Pascal direto no editor. 💡 Esse é o primeiro passo de qualquer migração: entender o sistema antes de mudar qualquer coisa. 👀 No próximo episódio: vamos documentar o banco de dados em detalhe! ⏱️ Capítulos 00:00 Introdução 01:20 Abrindo o projeto Delphi no VS Code 01:30 Conhecendo o Claude Code for VS Code 02:40 Colocando a IA para ler o projeto 05:40 Conferindo a análise da IA 12:45 Instalando o Delphi Support for VS Code 18:00 Criando o README do projeto 20:00 Próximo episódio ▶️ Assista o Ep. 01 (apresentação e plano da série): https://youtu.be/gUU5tD_UXO8 📺 Playlist completa da série: https://youtube.com/playlist?list=PLaT9XzIK8HZ8&si=HVOKebghehO64ixP 🔔 Se inscreva no canal e ative o sininho para acompanhar a série! 📲 Me acompanhe também: Instagram: https://www.instagram.com/vagner.oliveira.dev TikTok: https://www.tiktok.com/@vagner.oliveira.dev GitHub: https://github.com/vagnerso Blog: https://vagnerdev.com #Delphi #ClaudeCode #IA #VSCode #SistemaLegado #Electron #Programação #Claude
De Delphi VCL Para Electron e Web: Migrando Com IA | Ep. 01
🚀 Começa a série: Migrando um sistema Delphi legado para Electron e Web com IA! Neste primeiro episódio, apresento o sistema de finanças pessoais que desenvolvi em Delphi VCL e que uso de verdade no dia a dia. Faço um tour pelas telas, conto por que decidi modernizar esse app e explico o plano completo da série. 🗺️ O plano: 1️⃣ Migrar o sistema para desktop com Electron (React, JavaScript e CSS) 2️⃣ Criar a versão web do sistema 3️⃣ Manter a mesma identidade visual nas duas versões 🤖 Tudo com a ajuda da IA (Claude) em cada etapa do processo A ideia é mostrar, na prática, como a IA pode ajudar a entender, documentar e modernizar um sistema legado real, sem perder o que já funciona. 👀 No próximo episódio: a IA vai ler o projeto Delphi pela primeira vez, sem o Delphi instalado! ⏱️ Capítulos 00:00 Introdução 00:40 Sobre a série 01:30 Por que modernizar esse sistema 03:00 Tour pelo sistema em Delphi VCL 07:00 O plano: desktop com Electron 08:45 Depois: a versão web 09:45 Como a IA vai ajudar em todo o processo 10:45 O que vem no próximo episódio 📺 Playlist completa da série: https://youtube.com/playlist?list=PLaT9XzIK8HZ8&si=HVOKebghehO64ixP 🔔 Se inscreva no canal e ative o sininho para acompanhar cada episódio! 📲 Me acompanhe também: Instagram: https://www.instagram.com/vagner.oliveira.dev TikTok: https://www.tiktok.com/@vagner.oliveira.dev GitHub: https://github.com/vagnerso Blog: https://vagnerdev.com #Delphi #Electron #IA #React #JavaScript #Claude #SistemaLegado #Programação
Design System com Claude Code: Migrando o Visual do Delphi | Ep. 10
Design system com Claude Code: transformo as cores e fontes do meu app Delphi em design tokens CSS, para o Electron e a web terem a mesma identidade. Nesta série, estou migrando meu app pessoal de finanças, feito em Delphi VCL com SQLite, para um app desktop em Electron + React e depois para a web, usando o Claude Code em cada etapa. Você não precisa ter visto os episódios anteriores para acompanhar este. Começo explicando o que é um design system e por que ele é a base para o desktop e a web terem o mesmo visual. A decisão deste episódio é manter fidelidade ao app original: primeiro migrar fiel, depois modernizar. Com a ajuda do Claude, faço um inventário das cores e fontes usadas nos forms do Delphi (.dfm), transformo tudo em design tokens com variáveis CSS e confiro o resultado no executável rodando. Depois coloco o app Electron lado a lado com o app Delphi para comparar. No final, atualizo o CLAUDE.md, a skill de conversão de forms e o revisor de telas para usarem sempre os tokens. Se você quer entender como criar um design system do zero, usar design tokens no CSS ou migrar um sistema Delphi para Electron mantendo a identidade visual, este vídeo mostra tudo na prática. ⏱️ Capítulos 00:00 Introdução 00:59 O que é um design system 05:49 Inventário de cores e fontes do Delphi com o Claude Code 14:45 Conferindo os design tokens criados 18:00 Rodando o app Electron com os tokens 19:14 Electron vs Delphi lado a lado ⏮️ Episódio anterior (Ep. 09): Monorepo JavaScript com Claude Code https://youtu.be/VaCiH-DL34o?si=QxQ43tnmya0UC7_O ⏭️ Próximo episódio (Ep. 11): Componentes base e catálogo visual com Storybook https://youtu.be/RbloRhbSVCY 📺 Playlist completa: https://youtube.com/playlist?list=PLaT9XzIK8HZ8&si=dD5OFOlIyM1kDzzs 📝 Blog: https://vagnerdev.com 📸 Instagram: https://www.instagram.com/vagner.oliveira.dev 🎵 TikTok: https://www.tiktok.com/@vagner.oliveira.dev 🐙 GitHub: https://github.com/vagnerso #DesignSystem #ClaudeCode #Delphi
Desenvolvimento com IA | Programação, Automação e Projetos Práticos
Como Criar um Agente de IA para Revisar Código
🤖 Desenvolvimento com IA na prática! Neste vídeo, continuo o desenvolvimento do Monitor PC, um aplicativo criado com Electron + JavaScript, e avanço mais um passo na utilização de Inteligência Artificial durante o desenvolvimento. Desta vez, vamos criar um agente de IA para revisão de código, capaz de analisar o código do projeto e verificar se determinadas convenções e padrões de desenvolvimento estão sendo seguidos. A ideia é utilizar a IA não apenas para gerar código, mas também como uma ferramenta de apoio para analisar, revisar e melhorar a qualidade do código. 🚀 Durante o vídeo, você vai acompanhar: 🔹 Como funciona a ideia de um agente revisor de código 🔹 Como definir convenções que queremos verificar 🔹 Como fornecer contexto para a IA 🔹 Como estruturar o processo de revisão 🔹 Como integrar o agente ao projeto Monitor PC 🔹 Como utilizar IA para apoiar o desenvolvimento de software 🔹 Como automatizar parte do processo de revisão de código 💡 Esse tipo de abordagem também está ganhando espaço em fluxos modernos de desenvolvimento, especialmente com o crescimento dos agentes de programação e ferramentas de revisão de código assistidas por IA. 💻 Código-fonte do Monitor PC no GitHub: https://github.com/vagnerso/pc-monitor 🌐 Meu blog: https://vagnerdev.com/ 📲 Minhas redes sociais: ▶️ YouTube: https://www.youtube.com/@vagnerdevprogramacao 📸 Instagram: https://www.instagram.com/vagner.oliveira.dev/ 🎵 TikTok: https://www.tiktok.com/@vagner.oliveira.dev 📘 Facebook: https://www.facebook.com/profile.php?id=61578527586032 👍 Gostou do conteúdo? Inscreva-se no canal e acompanhe os próximos vídeos sobre programação, Inteligência Artificial, Electron, JavaScript e desenvolvimento de software! #InteligenciaArtificial #IA #ProgramacaoComIA #DesenvolvimentoComIA #CodeReview #CodeReviewer #RevisaoDeCodigo #AgenteDeIA #AgentesDeIA #AIAgents #AIProgramming #AICoding #Electron #ElectronJS #JavaScript #Programacao #DesenvolvimentoDeSoftware #IAParaProgramadores #Coding #VagnerDev
Como Usar Instructions no Claude para Programar Melhor
🤖 Desenvolvimento com IA na prática! Neste vídeo, vamos continuar o desenvolvimento do Monitor PC, um aplicativo desktop criado com Electron + JavaScript, utilizando o Claude como ferramenta de apoio ao desenvolvimento. Desta vez, vamos explorar um recurso muito importante para trabalhar melhor com Inteligência Artificial: as Instructions. Você vai entender como criar instruções para fornecer mais contexto à IA, estabelecer regras para o projeto e orientar melhor as respostas e o código gerado durante o desenvolvimento. 💡 A ideia é mostrar, na prática, como podemos utilizar a IA de forma mais estruturada, indo além de simplesmente fazer perguntas e copiar respostas. 🚀 Neste vídeo você vai acompanhar: • O que são Instructions • Como criar Instructions para um projeto • Como fornecer contexto para a IA • Como definir regras e padrões para o desenvolvimento • Aplicando Instructions no projeto Monitor PC • Desenvolvimento assistido por Inteligência Artificial 💻 Projeto Monitor PC — Código-fonte no GitHub: https://github.com/vagnerso/pc-monitor 📲 Minhas redes sociais: ▶️ YouTube: https://www.youtube.com/@vagnerdevprogramacao 📸 Instagram: https://www.instagram.com/vagner.oliveira.dev/ 🎵 TikTok: https://www.tiktok.com/@vagner.oliveira.dev 📘 Facebook: https://www.facebook.com/profile.php?id=61578527586032 👍 Gostou do conteúdo? Inscreva-se no canal e acompanhe os próximos vídeos sobre programação, Inteligência Artificial e desenvolvimento de software! #InteligenciaArtificial #IA #Claude #ClaudeAI #ProgramacaoComIA #DesenvolvimentoComIA #Electron #JavaScript #ElectronJS #Programacao #DesenvolvimentoDeSoftware #AIProgramming #AIDev #Coding #Programador #Tecnologia #DesenvolvimentoAssistidoPorIA #IAParaProgramadores #VagnerDicasDeProgramacao #MonitorPC
Conceitos Básicos de Programação
Operadores na Programação: Conceito e Exemplos
Nesta aula da série Conceitos Básicos de Programação, vamos entender o que são operadores e como eles são utilizados para realizar operações em variáveis e valores. Você vai aprender sobre operadores aritméticos, relacionais e lógicos, com exemplos claros para iniciantes. 📲 Acompanhe dicas e conteúdos exclusivos nas redes sociais: Instagram: https://www.instagram.com/vagner.oliveira.dev/ TikTok: https://www.tiktok.com/@vagner.oliveira.dev/ Facebook: https://www.facebook.com/profile.php?id=61578527586032 #Programacao #ProgramacaoParaIniciantes #Delphi #DelphiBrasil #Operadores #OperadoresNaProgramacao #ConceitosBasicos #CursoDeProgramacao #DelphiTips #VagnerDicasDeProgramacao #RADStudio #AprenderProgramar #DelphiRAD #DelphiParaIniciantes #ProgramadorIniciante #ProgramacaoSimples #DelphiTutorial #OperadoresDelphi #LinguagemPascal #EstudarProgramacao
O que São Variáveis?
📝 Descrição do Vídeo: Neste vídeo da série Conceitos Básicos de Programação, você vai aprender de forma simples e prática o que são variáveis, como elas funcionam e por que são tão importantes na hora de escrever qualquer código. 💡 Se você está começando a programar e quer entender os fundamentos de forma clara, esse vídeo é pra você! 📲 Me siga nas redes sociais para mais dicas e aulas exclusivas: Instagram: https://www.instagram.com/vagner.oliveira.dev/ TikTok: https://www.tiktok.com/@vagner.oliveira.dev #Variaveis #ProgramacaoParaIniciantes #ConceitosBasicos #AprenderProgramar #ProgramacaoFacil #LogicaDeProgramacao #Variavel #OqueSaoVariaveis #DelphiParaIniciantes #DicasDeProgramacao #CursoDeProgramacao #DevIniciante #EstudoDeProgramacao #ComeceAProgramar #Delphi #TutorialDeProgramacao #VagnerDicasDeProgramacao #VariaveisExplicadas #ProgramarDoZero #AprendizadoDigital
Linguagens de Programação: O Que São e Para Que Servem?
Neste vídeo, você vai entender o que são as linguagens de programação, como elas funcionam e qual a importância delas no mundo do desenvolvimento de software. Descubra também como escolher uma linguagem para começar a programar! 💡 Conteúdo essencial para iniciantes que querem compreender o funcionamento das linguagens e dar os primeiros passos na programação. 📲 Me siga nas redes sociais para mais conteúdos e dicas exclusivas! 🔗 Links das Redes Sociais: ✅ Instagram: https://www.instagram.com/vagner.oliveira.dev/ ✅ TikTok: https://www.tiktok.com/@vagner.oliveira.dev ✅ GitHub: https://github.com/vagnerso #LinguagensDeProgramacao #ProgramacaoParaIniciantes #IntroducaoAProgramacao #ConceitosDeProgramacao #ComoEscolherLinguagem #ProgramarDoZero #CursoDeProgramacao #AprenderProgramacao #DesenvolvimentoDeSoftware #LogicaDeProgramacao #TutorialDeProgramacao #AulaDeProgramacao #EstudosDeProgramacao #VidaDeProgramador #ComecandoNaProgramacao #ComoProgramar #TiposDeLinguagens #LinguagensMaisUsadas #DevIniciante #VagnerDicasDeProgramacao
Dicas e Truques de Delphi
Use Generics no Delphi e Evite Código Repetido!
Nesta aula, você vai aprender como criar e utilizar classes genéricas no Delphi, um recurso poderoso da programação orientada a objetos que permite escrever código reutilizável, flexível e muito mais organizado. As classes genéricas (Generics) ajudam a reduzir duplicação de código e facilitam a manutenção de projetos maiores, sendo muito usadas em listas, repositórios, serviços e arquiteturas modernas. 📌 Aula prática, direta ao ponto e ideal para quem quer evoluir no Delphi! 📦 Código-fonte e exemplos disponíveis no GitHub: 🔗 https://github.com/vagnerso/Delphi_Dicas_e_Truques 📲 Acompanhe mais conteúdos nas minhas redes sociais: ▶️ YouTube: https://www.youtube.com/@vagnerdevprogramacao 📸 Instagram: https://www.instagram.com/vagner.oliveira.dev/ 🎵 TikTok: https://www.tiktok.com/@vagner.oliveira.dev 📘 Facebook: https://www.facebook.com/profile.php?id=61578527586032 #Delphi #GenericsDelphi #ClassesGenericas #ProgramacaoDelphi #DelphiBrasil #RADStudio #DelphiAvancado #DelphiOO #CursoDelphi #VagnerDicasDeProgramacao #DelphiTips #DelphiCode #DelphiProdutividade #DelphiParaIniciantes
Dicionário de Dados no Delphi – Aprenda o Básico Rápido!
Nesta aula, você vai aprender o que é e para que serve o Dicionário de Dados no Delphi, entendendo sua estrutura, funcionamento e vantagens dentro do RAD Studio. O Dicionário de Dados é uma poderosa ferramenta que permite padronizar campos, validar entradas, reutilizar configurações e aumentar significativamente a produtividade no desenvolvimento de aplicações Delphi. Vou mostrar como criar, configurar e aplicar um Data Dictionary, tudo explicado de forma simples, prática e rápida. 📌 Ideal para quem quer melhorar o uso de componentes de dados e construir aplicações mais organizadas e profissionais. 📦 Código-fonte e materiais da aula disponíveis no GitHub: 🔗 https://github.com/vagnerso/Delphi_Dicas_e_Truques 📲 Acompanhe mais conteúdos nas minhas redes sociais: Instagram: https://www.instagram.com/vagner.oliveira.dev/ TikTok: https://www.tiktok.com/@vagner.oliveira.dev/ Facebook: https://www.facebook.com/profile.php?id=61578527586032 #Delphi #RADStudio #DicionarioDeDados #DataDictionary #ProgramacaoDelphi #DelphiBrasil #BancoDeDadosDelphi #CursoDelphi #DelphiRAD #DelphiParaIniciantes #VagnerDicasDeProgramacao #DelphiProdutividade #DelphiCode #DelphiTips
Delphi: Como Criar uma Classe Singleton na Prática!
Nesta aula, você vai aprender como criar uma classe Singleton no Delphi, um dos padrões de projeto mais conhecidos da programação orientada a objetos. O padrão Singleton garante que apenas uma instância de uma classe exista durante toda a execução do seu programa — ideal para classes de configuração, logs, conexão com banco de dados e muito mais! Você vai ver como implementar o Singleton de forma simples, elegante e 100% em Delphi, sem complicação. 📦 Código-fonte completo disponível no GitHub: 🔗 https://github.com/vagnerso/Delphi_Dicas_e_Truques/tree/main/AppExemploSingleton 📲 Acompanhe mais dicas e conteúdos exclusivos nas minhas redes sociais: Instagram: https://www.instagram.com/vagner.oliveira.dev/ TikTok: https://www.tiktok.com/@vagner.oliveira.dev/ Facebook: https://www.facebook.com/profile.php?id=61578527586032 #Delphi #Singleton #PadraoDeProjeto #ProgramacaoDelphi #DelphiBrasil #RADStudio #DelphiAvancado #CursoDelphi #VagnerDicasDeProgramacao #DelphiOO #DesignPatterns #DelphiTips #DelphiCode #DelphiPuro #DelphiProdutividade #DelphiParaIniciantes #PadrõesDeProjeto #DelphiRAD #DelphiDev #DesenvolvimentoDelphi
Explorando a Programação: Tudo o Que Você Precisa Saber Para Começar
Mitos Sobre Programação Que Estão te Impedindo de Começar
🚀 Será que você está acreditando em MITOS que estão te impedindo de começar na programação? 🛑 Muitas pessoas deixam de aprender a programar por acreditarem em mentiras como "programação é só para gênios" ou "preciso ser bom em matemática". Mas será que isso é verdade? 🤔 Neste vídeo da série "Explorando a Programação: Tudo o Que Você Precisa Saber Para Começar.", vamos quebrar os maiores mitos e mostrar que programar pode ser para QUALQUER PESSOA! Assista até o final e descubra a verdade! 📲 Me siga para mais dicas de programação! 📌 Instagram: https://www.instagram.com/vagner.oliveira.dev/ 📌 TikTok: https://www.tiktok.com/@vagner.oliveira.dev 📢 Comenta aqui: Qual mito sobre programação você já acreditou? 👇 #programação #deviniciante #aprendaprogramar #comoprogramar #desenvolvimentoweb #códigofonte #lógica #desenvolvimento #codandodozero #mentorias
Curso de Delphi Básico
Funções de Data e Hora no Delphi: Aprenda a Usá-las Corretamente!
📌 Aprenda a Manipular Data e Hora no Delphi de Forma Simples e Eficiente! Nesta aula do Curso de Delphi Básico, vamos explorar as principais funções para trabalhar com data e hora no Delphi. Você aprenderá a usar funções essenciais, como: ✅ Now – Obtém a data e hora atuais ✅ Date – Obtém apenas a data atual ✅ Time – Obtém apenas a hora atual ✅ FormatDateTime – Formata datas e horas conforme necessário ✅ EncodeDateTime / DecodeDateTime – Criam e extraem datas e horários específicos ✅ DayOfWeek / DayOfTheMonth / DayOfTheYear – Obtêm informações específicas sobre datas ✅ DaysBetween – Calcula a diferença de dias entre duas datas ✅ IncDay / IncMonth / IncYear / IncHour – Adicionam ou subtraem dias, meses, anos ou horas 📊 Com essas funções, você poderá exibir, formatar e calcular diferenças entre datas e horários com precisão no Delphi! 🎥 Assista agora e aprenda a manipular datas e horários no Delphi: 📒 Código-Fonte da aula: https://github.com/vagnerso/Curso_Delphi_Basico/tree/main/Aula-32-DataHora 🔗 Links úteis: 📌 Playlist completa do curso: https://www.youtube.com/watch?v=9ibRxsnsd5s&list=PLR5z6BlKN4FlgRakY9EOUe4oCSKJoykNh&index=26&t=0s 📌 Documentação oficial do Delphi: https://docwiki.embarcadero.com/ 📍 Acompanhe mais conteúdos e dicas de programação nas minhas redes sociais! 📌 Instagram: https://www.instagram.com/vagner.oliveira.dev/ 📌 TikTok: https://www.tiktok.com/@vagner.oliveira.dev 🚀 Não perca nenhuma aula! Inscreva-se no canal e ative o sininho para receber notificações dos próximos vídeos! #Delphi #Programação #CursoDeDelphi #DataNoDelphi #HoraNoDelphi #DateTimeDelphi #FormatDateTime #NowDelphi #DicasDeDelphi #DelphiBásico
Arredondamento de Números no Delphi: Tudo o que Você Precisa Saber!
📌 Aprenda a Arredondar Números no Delphi com Facilidade! Nesta aula do Curso de Delphi Básico, você vai aprender tudo sobre arredondamento de números no Delphi! Vamos explorar as principais funções para manipulação de números, incluindo: ✅ Round – Arredonda para o inteiro mais próximo ✅ Trunc – Corta a parte decimal, sem arredondar ✅ Floor – Arredonda sempre para baixo ✅ Ceil – Arredonda sempre para cima ✅ RoundTo – Arredondamento bancário para cálculos precisos ✅ SimpleRoundTo – Arredondamento tradicional fácil de usar 📊 Entenda as diferenças e saiba quando usar cada uma dessas funções para obter resultados precisos e confiáveis nos seus projetos! 🎥 Assista agora e domine o arredondamento no Delphi: 🔗 Links úteis: 📌 Playlist completa do curso: https://www.youtube.com/watch?v=9ibRxsnsd5s&list=PLR5z6BlKN4FlgRakY9EOUe4oCSKJoykNh&index=26&t=0s 📌 Documentação oficial do Delphi: https://docwiki.embarcadero.com/ 📒 Código-Fonte da aula: https://github.com/vagnerso/Curso_Delphi_Basico/tree/main/Aula-31-Arredondamentos 📍 Me siga nas redes sociais para mais dicas de programação! 📌 Instagram: https://www.instagram.com/vagner.oliveira.dev/ 📌 TikTok: https://www.tiktok.com/@vagner.oliveira.dev #Delphi #Programação #CursoDeDelphi #ArredondamentoNoDelphi #RoundDelphi #TruncDelphi #FloorDelphi #RoundToDelphi #SimpleRoundTo #DelphiBásico
Delphi - Aulas para iniciantes
Nosso primeiro programa feito em Delphi
Neste vídeo mostro como fazer um aplicativo muito simples em Delphi para exibir uma mensagem na tela. O objetivo é mostrar o ambiente de desenvolvimento e como é feito um aplicativo, de forma bem simples e superficial, para quem está querendo iniciar na área de programação.