Article image
Luiz Café
Luiz Café28/05/2025 12:55
Compartilhe

Desvendando a Magia do GitHub Copilot: o Alvo Dumbledore dos Assistentes de Codificação

  • #Azure
  • #GitHub Copilot

Olá, comunidade da DIO!

Uma das minhas sagas favoritas é Harry Potter, eu acompanhei ela completa, seja em livros, filmes, fanfics, páginas e grupos em redes sociais. Eu sou fã declarado dessa história escrita por J.K Rowling.

No entanto, enquanto enfrento um bug e outro ao escrever meus códigos, eu percebi que o assistente de codificação Github Copliot me lembra muito Alvo Dumbledore, um dos professores e mentores mais sábios da saga.

Sabe qual o motivo? É simples, ele sempre ajudou o Harry e outros bruxos a se tornar melhores e é exatamente isso que o Github Copilot faz, porém ele quer transformar os desenvolvedores em verdadeiros bruxos dos códigos, aumentando sua produtividade e também construindo soluções cada vez melhores!

Quer saber como? Então, não deixa de ler este artigo até o final para desvendar a magia do GitHub Copilot e se tornar um programador melhor.

Está pronto para lançar seus primeiros feitiços, quero dizer códigos, com ajuda do Copilot?

Então, vamos lá!

Neste artigo você encontra:

  • O que é GitHub Copilot e qual a mágica por trás dele?
  • Despertando a Magia da Produtividade com GitHub Copilot;
  • Aplicações Práticas;
  • Tutorias X Copilots: Qual a Melhor Escolha;
  • Todo Mundo erra: Os perigos de confiar demais na IA;
  • Considerações Finais.

Desvendando a Magia do GitHub Copilot: O que é e como ele funciona?

image

Imagine que você, ao completar 11 anos de idade, seja convocado para aprender programação na melhor escola que se tem notícia, e que seus pais, eram programadores de renome. Porém, infelizmente eles morreram e você está sobre a guarda dos seus tios. Após esse triste acontecimento, você sempre demonstrou habilidades fora do normal com programação e computadores.

No entanto, assim como no mundo da magia, programar pode ser visto como bruxaria ou uma coisa de outro mundo, seus familiares podem até mesmo ter receio pelo seu destino, no entanto, você decidiu seguir a caminhada e aprender a programar, assim como seus pais. Ao chegar lá você conhece outros programadores iguais a você e é apresentado ao mundo mágico, conhecendo professores que podem te ajudar.

Um deles é nada mais nada menos que Alvo Dumbledore, que assim como no mundo mágico de Harry Potter pode te ajudar a realizar diversas tarefas, que a princípio podem parecer complexas, mas como uma passe de mágica, se tornam fáceis e rápidas. Assim, como Dumbledore o GitHub Copilot, pode ser definido como um mentor de programação, o seu melhor amigo de codificação, ele foi criado pela parceria entre o GitHub e a OpenAI, com base no modelo de codificação conhecido como CodeX, com a capacidade de ir gerando o código, enquanto você está digitando.

O Copilot pode te guiar pelo universo mágico da programação e em Harry Potter quem ocupa essa função com maestria é Alvo Dumbledore, ele é o GitHub Copilot em estado puro,veja na tabela abaixo, alguns motivos:

Tabela 1: Semelhanças Entre Alvo Dumbledore e o GitHub Copilot

image

Fonte: elaborado pelo autor.

Na tabela acima, podemos ver que Dumbledore e o GitHub Copilot são duas figuras importantes tanto no mundo da magia como no universo da programação, cada um deles são vistos como uma maneira de auxiliar aqueles que estão no início de suas carreiras a desenvolver seus projetos com autonomia, porém, valorizando a colaboração e o trabalho em equipe de cada um. Assim, avançar neste mundo fica uma tarefa mais fácil, valorizando a individualidade de cada um, respeitando suas escolhas e habilidades, para que seja possível alcançar o que se deseja ao criar feitiços ou escrever códigos.

Resumo do Funcionamento do Copilot

Na imagem abaixo, temos um pequeno resumo do funcionamento do assitente de códificação:

image

Fonte: Eureka.co. Disponível em: <https://www.edureka.co/blog/github-copilot-benefits/>. Acesso em: 28/05/2025

Nesta imagem podemos ver o funcionamento do GitHub Copilot. Nela podemos observar 5 pilares fundamentais de seu funcionamento:

  • Compreensão do Contexto: o Copilot tentará ler seu código para buscar identificar qual a intenção por trás dele e assim propor uma solução. É como Dumbledore faz quando Harry e outros alunos fazem perguntas difíceis;
  • Geração do Código: após ele entender o contexto, aí sim, ele fará as sugestões de código, de acordo com o que você pediu. Geralmente é usado o modelo GPT para gerar as respostas. Da mesma forma, Dumbledore pode consultar livros para indicar as melhores soluções para os problemas de seus alunos;
  • Integração com uma IDE: Para que o Copilot funcione direitinho, ele precisa estar dentro de uma IDE, como o Visual Studio Code, assim ele consegue visualizar seu código e fazer uma sugestão mais eficaz. Da mesma forma acontece em Harry Potter, que é proibido usar magia fora do mundo bruxo, o Copilot precisa de um ambiente para funcionar melhor;
  • Aprendizado com Código Público: tudo que o Copilot sabe ele aprendeu com bilhões de códigos que estão públicos em repositórios do GitHub. Ele analisa estes dados, reconhece padrões e aprende com eles para entregar a melhor resposta possível. Da mesma forma Dumbledore, estudou por diversos anos até se tornar o Diretor de Hogwarts. Para chegar lá foram anos de muito estudo;
  • Adaptação: o mundo da programação é dinâmico, dessa forma é preciso sempre estar adaptando o modelo para entregar as melhores respostas que for possível. Tudo isso para tentar entender qual o estilo de cada programador e qual o seu objetivo final com aquele projeto que está desenvolvendo. Em Harry Potter, podemos observar isso, já que cada bruxo tem o seu jeito único de lutar e também um patrono diferente, mostrando que cada um é único.

Esse é o funcionamento do GitHub Copilot de maneira básica. Agora vamos para o próximo passo que é colocar a mão na massa!

Despertando a Magia da Produtividade Com GitHub Copilot

Para criar projetos pessoais, principalmente para iniciantes, podem ser um grande desafio, porém com a ajuda do GitHub Copilot, tudo pode ficar mais fácil. Assim como Dumbledore, que era gentil e atencioso com os alunos que o procuravam para tirar dúvidas, o Copilot pode fazer o mesmo processo. Por exemplo, imagine que você é um Desenvolvedor Front-End e deseja construir um site simples, com uma ajudinha do assistente de programação isso é possível, veja o que você vai precisar para fazer isso:

  • Primeiro, é preciso ter a IDE Visual Studio Code instalado em sua máquina;
  • Você também precisa ter uma conta no GitHub;
  • Abra o VS Code;
  • Também é possível utilizar uma extensão do Copilot, que está disponível na aba de Extensões do VS Code, basta ir até extenções e digitar "GitHub Copilot"
  • Faça Login no seu GitHub e aceite os termos para poder usar;
  • Pronto agora você já pode codar com a ajuda do Copilot!
  • Lembre-se: usuários free tem um limite de uso, por isso não deixe de verificar para não ter surpresas;

Após seguir esse passo a passo, você já está apto para usufrir dos benefícios da magia do Copilot para gerar códigos mais rápido.

Exemplos:

Você pode pedir ao Copilot para escrever uma página HTML Completa, neste caso, vamos utilizar a temática de Harry Potter, veja o resultado:

Prompt:

//Uma estrutura HTML completa com a temática de Harry Potter

Após esse comando, ele irá perguntar se você “aceita” a sugestão apresentada, se estiver de acordo clique em “accept”. Veja o resultado:

image

O GitHub Copilot entregou uma estrutura completa, porém ele fez o site sem separar HTML do CSS, o que pode não ser considerado uma boa prática, pois dificulta a organização do código. É como misturar feitiços, pode até dar certo, porém os resultados nem sempre serão os esperados. Para consertar isso, podemos utilizar outro prompt:

//Separe os arquivos em um documento em um index.html e outro em styles.css

image

Após esse comando o código fica mais organizado, seguindo as boas práticas de programação, separando HTML e CSS.

Poderíamos evoluir ainda mais o projeto, adicionando interatividade a ele com Javascript:

//Poderia adicionar maior interatividade ao projeto, criando um arquivo script.js para criar um menu interativo com curiosidades sobre as 4 casas de harry potter?

image

Resultado do Código Final HTML, o nome do arquivo é "index.html:

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bem-vindo a Hogwarts</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header>
      <h1>Hogwarts: Escola de Magia e Bruxaria</h1>
  </header>
  <nav>
      <a href="#casas">Casas</a>
      <a href="#personagens">Personagens</a>
      <a href="#magia">Magia</a>
  </nav>
  <main>
      <section id="casas">
          <h2>Casas de Hogwarts</h2>
          <ul>
              <li><strong>Grifinória</strong> - Coragem, bravura e determinação.</li>
              <li><strong>Sonserina</strong> - Ambição, astúcia e liderança.</li>
              <li><strong>Lufa-Lufa</strong> - Lealdade, paciência e justiça.</li>
              <li><strong>Corvinal</strong> - Inteligência, criatividade e sabedoria.</li>
          </ul>
      </section>
      <section id="personagens">
          <h2>Personagens Principais</h2>
          <ul>
              <li>Harry Potter</li>
              <li>Hermione Granger</li>
              <li>Rony Weasley</li>
              <li>Alvo Dumbledore</li>
              <li>Severo Snape</li>
          </ul>
      </section>
      <section id="magia">
          <h2>Feitiços Famosos</h2>
          <ul>
              <li><strong>Expecto Patronum</strong> - Afasta Dementadores.</li>
              <li><strong>Expelliarmus</strong> - Desarma o oponente.</li>
              <li><strong>Lumos</strong> - Produz luz na ponta da varinha.</li>
              <li><strong>Wingardium Leviosa</strong> - Faz objetos levitarem.</li>
          </ul>
      </section>
      <section id="curiosidades">
          <h2>Curiosidades das Casas</h2>
          <div id="curiosidades-menu">
              <button data-casa="grifinoria">Grifinória</button>
              <button data-casa="sonserina">Sonserina</button>
              <button data-casa="lufalufa">Lufa-Lufa</button>
              <button data-casa="corvinal">Corvinal</button>
          </div>
          <div id="curiosidade-texto" style="margin-top:1rem; min-height:60px;"></div>
      </section>
  </main>
  <footer>
      &copy; 2025 Mundo Mágico de Harry Potter. Feito por fãs para fãs.
  </footer>
  <script src="script.js"></script>
</body>
</html>

Resultado final do Código CSS, cujo nome do arquivo é "styles.css":

body {
  background: url('https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1500&q=80') no-repeat center center fixed;
  background-size: cover;
  color: #f5deb3;
  font-family: 'Georgia', serif;
  margin: 0;
  padding: 0;
}
header {
  background: rgba(34, 34, 34, 0.85);
  padding: 2rem 0;
  text-align: center;
  border-bottom: 4px solid #ae8625;
}
header h1 {
  font-family: 'Harry P', 'Georgia', serif;
  font-size: 3rem;
  letter-spacing: 2px;
  margin: 0;
}
nav {
  background: rgba(0,0,0,0.7);
  padding: 1rem 0;
  text-align: center;
}
nav a {
  color: #ae8625;
  text-decoration: none;
  margin: 0 1.5rem;
  font-weight: bold;
  font-size: 1.1rem;
  transition: color 0.3s;
}

E por fim, temos o arquivo: "script.js":

const curiosidades = {
  grifinoria: "A Grifinória valoriza coragem e bravura. Seu animal símbolo é o leão e suas cores são vermelho e dourado. O chapéu seletor foi fundado por Godrico Gryffindor.",
  sonserina: "A Sonserina é conhecida por sua astúcia e ambição. Seu animal símbolo é a serpente e suas cores são verde e prata. Fundada por Salazar Slytherin.",
  lufalufa: "A Lufa-Lufa preza pela lealdade e paciência. Seu animal símbolo é o texugo e suas cores são amarelo e preto. Fundada por Helga Hufflepuff.",
  corvinal: "A Corvinal valoriza inteligência e criatividade. Seu animal símbolo é a águia e suas cores são azul e bronze. Fundada por Rowena Ravenclaw."
};


document.getElementById('curiosidades-menu').addEventListener('click', function(e) {
  if (e.target.tagName === 'BUTTON') {
      const casa = e.target.getAttribute('data-casa');
      document.getElementById('curiosidade-texto').textContent = curiosidades[casa];
  }
});

E como o site ficou, utilizando HTML, CSS e JavaScript:

image

Como você viu temos um site responsivo, construído em minutos, com a ajuda do GitHub Copilot, parece magia, não é mesmo? Esse é o poder da IA ajudando profissionais a se tornar mais produtivos com um passe de mágica.

Tutoriais X GitHub Copilot

Agora que você conheceu um pouco da capacidade do GitHub Copilot, talvez você se pergunte: o que é melhor: assistir um tutorial ou usar o GitHub Copilot para programar. A resposta vai depender de como você deseja aprender. No entanto, como este artigo é sobre o Copilot, confira algumas vantagens de se utilizar o GitHub Copilot para aprender programação:

  • Assim, como Dumbledore o Copilot te ensina de maneira contextual, com foco em resolver problemas reais
  • O aprendizado do Copilot atende as boas práticas de código limpo e responsivo e, além disso, os frameworks mais modernos do mercado;
  • Dumbledore incentivava o aprendizado na prática e o Copilot faz a mesma coisa, você vai criando o seu projeto e aprende ao mesmo tempo, proporcionando um ganho real de produtividade.

Esses são apenas alguns dos motivos para utilizar o GitHub Copilot ao invés de procupar por um tutorial que pode estar desatualizado. Por isso, pesquise bastante para verificar se quem está ensinando segue as boas práticas e quer realmente te preparar para ser um profissional melhor. Você pode sempre contar com o Copilot.

Cuidados com o Uso de IA em Programação

image

Agora que você já avançou bastante em seus conhecimentos de programação, com a ajuda do assistente de codificação, pode ficar uma dúvida aberta em sua mente: Se o Copilot consegue fazer tudo isso tão rápido, eu não preciso mais aprender programação, basta pedir o que eu quero e pronto, meus projetos serão construídos com poucos comandos. Algumas pessoas maldosas como o Lord Voldemort, podem te convencer disso, porém, você pode estar sendo enganado, pois assim como Dumbledore, o GitHub Copilot também pode cometer erros. Dessa forma, fique bem atento, pois:

  • Programar vai muito além dos códigos: é preciso estar atento, principalmente as brechas de segurança, que inevitavelmente podem acontecer, para não tornar seus projetos vulneráveis para ataques de cibercriminosos, que são como os dementadores de Harry Potter, é preciso ficar atento;
  • Cuidado com os Bugs: para iniciantes pode ser difícil detectar algum bug que está escondido, como se estivesse utilizando a capa de invisibilidade. Por isso é preciso sempre revisar o código escrito pela IA para evitar erros, que possam comprometer a qualidade do seu código;
  • Qualidade e manutenção do código: nem sempre a IA vai entregar o melhor código ou seguir boas práticas. Isso pode dificultar sua manutenção e assim, prejudicar a sua reutilização. É como um bruxo que conjura um feitiço com as palavras erradas, apresentando resultados inesperados e pouco eficientes;
  • Dificuldade em entender o contexto por trás do projeto: apesar de avanços significativos nessa parte, pode acontecer do Copilot não entender todo o contexto do projeto. Assim, ele pode criar soluções que não condiz com a realidade que foi pedida. Dessa forma os humanos precisam entender as regras de negócio para aplicar uma solução coerente ao projeto. Podemos ter como exemplo, quando Harry Potter, no filme: Harry Potter e o Enigma do Príncipe ele começa a utilizar o livro de Severo Snape e seguir à risca o que está escrito no livro, sem saber sobre as consequências, os feitiços até funcionavam, porém como Harry não entendia o que estava fazendo, teve consequências. Ao usar Sectumsempra contra Draco Malfoy, um dos seus rivais, ele acabou ferindo o bruxo gravemente, fazendo com que Snape, tivesse que usar um feitiço de cura para salvar Draco.
  • Depedência e Ilusão: se você confiar demais no Copilot, pode perder uma das habilidades fundamentais para todo programador que é o pensamento lógico e resolução de problemas complexos. Essa dependência excessiva pode te tornar um profissional menos qualificado e ainda passar a ilusão de saber. Assim como Dumbledore alertou Harry quando ele estava olhando para o Espelho de Ojesed, no Filme Harry Potter e a Pedra Filosofal, em que esse espelho mostra o que as pessoas mais desejam, sendo um perigo real para quem os observa, assim como o Copilot pode passar a ilusão que não precisamos mais estudar, e que já somos programadores prontos para resolver qualquer problema de código;

Esses são alguns exemplos de que, apesar do Copilot proporcionar um aumento real na produtividade, ainda se faz necessário, ter um toque humano na programação, para que os projetos não sejam apenas cópias, ou desconsidere partes importantes como o contexto, as regras de negócios e principalmente a segurança. É preciso estar atento a esses fatores para que você realmente evolua na sua carreira, sem passar uma imagem equivocada que já está pronto para lidar com qualquer desafio.

Dessa forma é sempre preciso ter mentores experientes e outros profissionais para te ajudar na revisão do código, assim como Harry não estava sozinho, ele tinha principalmente Hermione e Rony ao seu lado para ajudar sempre que fosse necessário, colaboração e trabalho em equipe são essenciais.

Considerações Finais

Após a leitura deste artigo, você entendeu melhor a magia por trás do GitHub Copilot e como ele possui semelhanças com Alvo Dumbledore da épica Saga de Harry Potter.

Aprendeu como utilizar o Copilot para gerar um projeto simples de criação de uma página em HTML, CSS e JavaScript com a temática de Harry Potter e além disso, entendeu os riscos de confiar cegamente nas respostas do Copilot.

O segredo para conviver com a IA é sem dúvidas, se lembrar de que ele é apenas um assistente de programação e não deve trabalhar sozinho e sim, em parceria com os desenvolvedores para criar soluções robustas e escaláveis, em menor tempo.

Por fim, o Copilot pode ser entendido como seu mentor invisível para te ajudar a encontrar soluções, assim como Dumbledore estava lá para Harry, ajudando-o a se tornar um bruxo cada vez melhor.

E você está pronto para conhecer a magia do Copilot? Então, não perca tempo! Comece hoje mesmo a utilizar e ver a diferença que ele faz em seus códigos e projetos! Não se esqueça de comentar e compartilhar esse artigo com seus colegas programadores e transformar a tarefa de programação em uma aventura mágica empolgante!

Bons estudos!

Referências

AMAZON WEB SERVICES. O que é um ambiente de desenvolvimento integrado (IDE)? Disponível em: https://aws.amazon.com/pt/what-is/ide. Acesso em: 28 maio 2025.

CODE VISUAL STUDIO. Code editing. Redefined. Disponível em: https://code.visualstudio.com/. Acesso em: 28 maio 2025.

EDUREKA. GitHub Copilot Benefits: What It Is and Why You Should Use It? Disponível em: https://www.edureka.co/blog/github-copilot-benefits/. Acesso em: 28 maio 2025.

GITHUB. GitHub Copilot. Disponível em: https://github.com/features/copilot. Acesso em: 28 maio 2025.

MICROSOFT. Get started with the future of coding: GitHub Copilot. Disponível em: https://learn.microsoft.com/pt-br/shows/github-copilot-series/get-started-with-the-future-of-coding-github-copilot. Acesso em: 28 maio 2025.

ROWLING, J. K.Harry Potter e o enigma do príncipe. 1. ed. São Paulo: Rocco, 2005

ROWLING, J. K.Harry Potter e a pedra filosofal. 1. ed. São Paulo: Rocco, 2000.

ROWLING, J. K.Harry Potter e o prisioneiro de Azkaban. 1. ed. São Paulo: Rocco, 2001.

Compartilhe
Comentários (1)
DIO Community
DIO Community - 29/05/2025 14:34

Excelente, Luiz! Seu artigo é uma analogia brilhante e super criativa entre o GitHub Copilot e Alvo Dumbledore, de Harry Potter. É fascinante como você transformou a explicação técnica da ferramenta em uma jornada mágica, mostrando o poder da IA em nos ajudar a codificar o futuro!

Considerando que "o Copilot pode ser entendido como seu mentor invisível", qual você diria que é o maior feitiço, ou seja, a funcionalidade mais "mágica" do Copilot que mais te surpreendeu e impulsionou sua produtividade?