
1 - Mão na massa
🧩 Exercícios Práticos com Branches e Merges
🎯 Objetivo: Aprender a trabalhar com diferentes versões de um projeto usando branches e praticar a união (merge) dessas versões.
📦 Pré-requisitos: Ter o Git instalado e configurado.
🟢 Exercício 1 – Criando e alternando entre branches
Crie uma pasta chamada
meu-site
.Dentro da pasta, crie um arquivo
index.html
com um<h1>
escrito "Bem-vindo".Abra o Git Bash nessa pasta e execute:
git init git add . git commit -m "Página inicial criada"
Crie uma branch chamada
pagina-sobre
:git checkout -b pagina-sobre
Crie um arquivo
sobre.html
com um<h1>
escrito "Sobre Mim".Salve, adicione e faça commit:
git add . git commit -m "Criei a página Sobre"
✅ Meta: Criar uma nova branch, editar conteúdo separado e salvar.
🔁 Exercício 2 – Fazendo merge no projeto principal
Volte para a branch principal:
git checkout main
Una a branch
pagina-sobre
com amain
:git merge pagina-sobre
Veja se o arquivo
sobre.html
agora está na branchmain
.
✅ Meta: Aprender a juntar duas linhas de trabalho.
🧨 Exercício 3 – Criando conflito proposital
Na branch
main
, editeindex.html
e mude o título para:<h1>Bem-vindo ao meu site pessoal!</h1>
Faça commit:
git add . git commit -m "Atualizei título do index na main"
Agora vá para uma nova branch chamada
melhorias-visuais
:git checkout -b melhorias-visuais
Edite
index.html
de novo, mudando o título para:<h1>Site do João - Página Inicial</h1>
Faça commit:
git add . git commit -m "Outra versão do título na branch melhorias"
Volte para
main
e tente fazer merge:git checkout main git merge melhorias-visuais
🧨 O Git vai gerar um conflito.
✅ Meta: Vivenciar um conflito real.
🧹 Exercício 4 – Resolvendo conflito
Abra o arquivo
index.html
no editor. Você verá algo como:<<<<<<< HEAD <h1>Bem-vindo ao meu site pessoal!</h1> ======= <h1>Site do João - Página Inicial</h1> >>>>>>> melhorias-visuais
Escolha uma das versões ou escreva uma terceira. Exemplo:
<h1>Bem-vindo ao site do João!</h1>
Salve e finalize com:
git add index.html git commit -m "Resolvido conflito de merge no título"
✅ Meta: Resolver conflitos manualmente.
🧼 Exercício 5 – Limpeza final
Apague a branch
pagina-sobre
(já foi mesclada):git branch -d pagina-sobre
Liste as branches restantes:
git branch
✅ Meta: Manter o projeto limpo e organizado.
📣 Desafio bônus (para fixar de verdade)
Monte um projeto fictício chamado portfólio-dev
. Use as branches:
main
→ versão oficialcurriculo
→ conteúdo do currículoprojetos
→ lista de projetoscontato
→ formulário de contato
Simule trabalhar em cada uma e depois faça os merges, um por um.
Last updated