Git
Voltar para: Games com Phaser + Reactjs
1. O que é Git?
O Git é um sistema de controle de versão utilizado para acompanhar alterações em arquivos, principalmente código-fonte. Ele permite registrar mudanças ao longo do tempo, voltar a versões anteriores e colaborar com outras pessoas no mesmo projeto.
Ele foi criado por Linus Torvalds em 2005 para gerenciar o desenvolvimento do kernel Linux.
Em termos simples
Imagine que você esteja escrevendo um livro.
Sem Git:
livro-final.doc
livro-final-agora-vai.doc
livro-final-mesmo.doc
livro-final-versao-certa.doc
Com Git:
Versão 1 - início
Versão 2 - corrigido capítulo 1
Versão 3 - adicionada conclusão
Versão 4 - revisão final
Cada mudança é registrada automaticamente.
2. O que é Versionamento de Código?
Definição
Versionamento de código é o processo de registrar e controlar mudanças em arquivos ao longo do tempo.
Isso permite:
- voltar a versões anteriores
- comparar mudanças
- colaborar com equipes
- manter histórico de alterações
Exemplo prático
Imagine um arquivo chamado:
calculadora.js
Versão 1
function soma(a, b){
return a + b;
}
Versão 2
function soma(a, b){
return Number(a) + Number(b);
}
O Git salva essas mudanças.
Assim você pode:
- saber quem alterou
- quando alterou
- por que alterou
3. O que é um Repositório
Um repositório é o local onde o Git guarda todo o histórico do projeto.
Existem dois tipos:
Repositório Local
Fica no seu computador.
C:\projetos\meu-site
Repositório Remoto
Fica na internet.
Exemplos:
- GitHub
- GitLab
- Bitbucket
4. Onde baixar o Git (site oficial)
Download oficial:
👉 Git
Site oficial:
Esse site detecta automaticamente seu sistema operacional.
5. Como instalar o Git
🪟 Instalação no Windows
Passo 1
Baixe:
O download inicia automaticamente.
Passo 2
Execute o instalador:
Git-x.x.x-64-bit.exe
Passo 3
Clique em:
Next
Next
Next
Install
As opções padrão funcionam para a maioria dos usuários.
Passo 4
Depois de instalar você terá:
- Git Bash
- Git CMD
- Git GUI
Passo 5
Abra o Git Bash
Ele funciona como um terminal Linux dentro do Windows.
🍎 Instalação no MacOS
Existem três maneiras.
Método 1 (mais simples)
Abra o Terminal e digite:
git --version
Se não estiver instalado, o sistema perguntará se deseja instalar.
Método 2 (instalador oficial)
Baixe:
Execute o instalador.
Método 3 (Homebrew)
Se usar Homebrew:
brew install git
🐧 Instalação no Linux
O Git normalmente já vem instalado.
Teste:
git --version
Ubuntu / Debian
sudo apt update
sudo apt install git
Fedora
sudo dnf install git
Arch Linux
sudo pacman -S git
6. Verificando se o Git foi instalado
Execute no terminal:
git --version
Resultado esperado:
git version 2.xx.x
7. Primeira configuração do Git
Após instalar, precisamos configurar nome e email.
Essas informações aparecem no histórico do projeto.
Execute:
git config --global user.name "Seu Nome"
git config --global user.email "seu@email.com"
Exemplo:
git config --global user.name "David Almeida"
git config --global user.email "david@email.com"
O Git associa essas informações aos commits.
8. Estrutura básica do Git
Git possui 3 áreas principais.
Working Directory
↓
Staging Area
↓
Repository
Working Directory
Arquivos que você está editando.
Staging Area
Arquivos preparados para salvar no histórico.
Repository
Histórico final do projeto.
9. Primeiro projeto com Git
Vamos criar um projeto simples.
Passo 1 — criar pasta
meu-projeto
Passo 2 — abrir terminal na pasta
No Git Bash:
cd caminho/da/pasta/meu-projeto
Passo 3 — iniciar repositório
git init
Isso cria a pasta oculta:
.git
Ela contém todo o histórico.
Passo 4 — criar arquivo
Crie:
index.html
Exemplo:
<h1>Meu primeiro projeto Git</h1>
Passo 5 — verificar status
git status
Resultado:
index.html untracked
10. Primeiro Commit
Passo 1 — adicionar arquivo
git add index.html
ou
git add .
Passo 2 — salvar versão
git commit -m "primeira versão do projeto"
Agora o Git salvou a versão.
11. Histórico de versões
Para ver histórico:
git log
Exemplo:
commit 34a7c3
Author: David
Date: ...primeira versão do projeto
12. Clonar projetos
Você pode baixar projetos usando:
git clone URL
Exemplo:
git clone https://github.com/user/projeto.git
Isso copia o projeto inteiro.
13. Principais comandos do Git
| comando | função |
|---|---|
| git init | iniciar repositório |
| git add | adicionar arquivos |
| git commit | salvar versão |
| git status | ver estado |
| git log | ver histórico |
| git clone | baixar projeto |
| git pull | atualizar projeto |
| git push | enviar mudanças |
14. Fluxo de trabalho básico
Fluxo típico:
editar arquivos
↓
git add
↓
git commit
↓
git push
15. Git vs GitHub
Muita gente confunde.
Git
Ferramenta de versionamento.
GitHub
Plataforma online para hospedar repositórios.
16. Criando conta no GitHub
1 Acesse:
2 Clique:
Sign up
3 Preencha:
- username
- password
4 Confirme email.
17. Criando repositório no GitHub
No GitHub clique:
New repository
Preencha:
nome: meu-projeto
Clique:
Create repository
18. Conectando Git ao GitHub
Dentro da pasta do projeto:
git remote add origin https://github.com/user/repositorio.git
Enviar código:
git push -u origin main
19. Estrutura típica de projeto com Git
meu-projeto
│
├─ src
│ ├─ app.js
│
├─ index.html
│
└─ .git
20. Arquivo .gitignore
Serve para ignorar arquivos.
Exemplo:
node_modules
.env
dist
21. Vantagens do Git
✔ histórico completo
✔ trabalho em equipe
✔ backup de código
✔ revert mudanças
✔ múltiplas versões
22. Exemplo real de workflow
Equipe com 3 devs.
Dev1 → cria feature
Dev2 → corrige bug
Dev3 → melhora interface
Git organiza tudo.
23. Conceitos importantes
Commit
Registro de mudança.
Branch
Ramificação do projeto.
Merge
Unir branches.
24. Exemplo de Branch
Criar branch:
git branch nova-funcao
Trocar para ela:
git checkout nova-funcao
25. Voltando versões antigas
git checkout ID_DO_COMMIT
Conclusão
Git é uma ferramenta essencial para qualquer desenvolvedor.
Ele permite:
- controlar versões
- colaborar com equipes
- manter histórico seguro do código
Praticamente todo projeto profissional usa Git.