cerebro-vip INEMA.CLUB
inícioINEMA.DEV Desenvolvimento

Material introdutório sobre Git e GitHub, cobrindo conceitos…

INEMA.DEV Desenvolvimento · 2025-07-29 · ~3 min · ver no Telegram ↗

INEMA

Resumo completo introdutória sobre GitHub:

Introdução

  • Essa é a parte 1 da série.

Problema abordado: versionamento

  • Usa como exemplo a edição de textos no Google Docs, onde versões são salvas como “V1”, “V2” manualmente.
  • Isso é chamado de versionamento.
  • No desenvolvimento de software, o processo é mais complexo, pois há muitos arquivos e mudanças frequentes.

O que é Git e GitHub

  • Git: tecnologia de controle de versão criada para lidar com essas mudanças complexas.
  • GitHub: plataforma online que hospeda projetos usando Git.
  • Funciona como um “Google Drive para código”, mas com controle de versão sofisticado.

Diferenças entre Google Drive e GitHub

  • No Google Drive, mudanças aparecem automaticamente; no GitHub, é necessário empurrar (push) as mudanças.
  • No GitHub, cada mudança feita vira um commit, com descrição, autor, data e lista detalhada de alterações (diff view).

Como funciona na prática

  • Mostra um projeto chamado Neon Pong criado na plataforma Lovable.
  • Explica que o projeto contém diversos arquivos e pastas (não é apenas um único arquivo como um texto).
  • Demonstra como sincronizar o projeto do Lovable com o GitHub usando o botão “Sync to GitHub”.
  • Após sincronizar, o projeto vira um repositório no GitHub (ex: "Retro Pong Rager").

Componentes do GitHub apresentados

  1. Repositório: local onde está todo o código e histórico de mudanças.
  2. Branch: permite que diferentes pessoas trabalhem em diferentes versões ao mesmo tempo (ex: “main” é a branch padrão).
  3. Commit: cada mudança feita no código é salva com uma identificação única (hash), autor, descrição e detalhes do que foi alterado.
  4. Diff view: mostra linha por linha o que foi adicionado (em verde) ou removido (em vermelho).
  5. Interface do GitHub:
  • Aba "Code": visualiza o estado atual do projeto.
  • Aba "Commits": histórico de mudanças.
  • Aba "Settings": onde convida colaboradores e configura o repositório.

Importância e funcionamento

  • O versionamento com Git permite entender o que mudou, quem mudou e por quê.
  • Fundamental para colaboração e rastreamento de erros.
  • O processo de push e pull é manual, ao contrário do Google Docs.

Próximos passos

  • No próximo vídeo, vai ensinar como importar o projeto para o Cursor e sincronizar os três ambientes: Lovable, GitHub e Cursor.

Tópicos abordados com exemplos e explicações:

  1. Versionamento manual
  • Exemplo: "Important Doc V1", "V2", etc.
  1. Problema do versionamento em software
  • Exemplo: Adicionar um jogador em um jogo de Pong altera vários arquivos.
  1. O que é Git e GitHub
  • Git = tecnologia
  • GitHub = hospedagem + controle de versão
  1. Repositório no GitHub
  • Exemplo: Retro Pong Rager
  1. Sync Lovable → GitHub
  • Botão: “Sync to GitHub”
  • Resultado: projeto é copiado inteiro para GitHub
  1. Branch
  • Exemplo: “main”, futuras branches para diferentes tarefas
  1. Commit
  • Exemplo: Commit com hash 4753F34, autor lovable dev bot, mensagem “Create Pong application”
  1. Diff view
  • Verde: linhas adicionadas
  • Vermelho: linhas removidas
  1. Acesso e colaboração
  • GitHub permite projetos públicos ou privados
  • Convite por email ou organização
  1. Limitações e diferença para Google Drive
  • GitHub não atualiza automaticamente, requer push
  • Histórico e comparação de versões é mais sofisticado

Basico Curso e GitHub - Parte 1

1

Recursos

🔒 Fonte (ChatGPT) — acesso privado

↑ voltar ao topo · ver no Telegram ↗