Page cover

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

  1. Crie uma pasta chamada meu-site.

  2. Dentro da pasta, crie um arquivo index.html com um <h1> escrito "Bem-vindo".

  3. Abra o Git Bash nessa pasta e execute:

    git init
    git add .
    git commit -m "Página inicial criada"
  4. Crie uma branch chamada pagina-sobre:

    git checkout -b pagina-sobre
  5. Crie um arquivo sobre.html com um <h1> escrito "Sobre Mim".

  6. 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

  1. Volte para a branch principal:

    git checkout main
  2. Una a branch pagina-sobre com a main:

    git merge pagina-sobre
  3. Veja se o arquivo sobre.html agora está na branch main.

Meta: Aprender a juntar duas linhas de trabalho.


🧨 Exercício 3 – Criando conflito proposital

  1. Na branch main, edite index.html e mude o título para:

    <h1>Bem-vindo ao meu site pessoal!</h1>
  2. Faça commit:

    git add .
    git commit -m "Atualizei título do index na main"
  3. Agora vá para uma nova branch chamada melhorias-visuais:

    git checkout -b melhorias-visuais
  4. Edite index.html de novo, mudando o título para:

    <h1>Site do João - Página Inicial</h1>
  5. Faça commit:

    git add .
    git commit -m "Outra versão do título na branch melhorias"
  6. 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

  1. 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
  2. Escolha uma das versões ou escreva uma terceira. Exemplo:

    <h1>Bem-vindo ao site do João!</h1>
  3. 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

  1. Apague a branch pagina-sobre (já foi mesclada):

    git branch -d pagina-sobre
  2. 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 oficial

  • curriculo → conteúdo do currículo

  • projetos → lista de projetos

  • contato → formulário de contato

Simule trabalhar em cada uma e depois faça os merges, um por um.

Last updated