Frontend Academy · Aula

Ramificação: branch checkout merge

Crie ramificações para funcionalidades, alterne entre elas, mescle-as novamente em main e resolva conflitos simples de mesclagem.

Ramificação: branch checkout merge é uma aula grátis de Frontend Academy no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Frontend Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Frontend Academy inclui 4 aulas no total.

Por que usar ramificações?

As ramificações permitem que várias funcionalidades e correções de erros sejam desenvolvidas em paralelo sem interferirem umas nas outras. A ramificação principal (ou mestre) permanece estável, enquanto o trabalho em andamento fica nas ramificações de funcionalidades.

Listando e criando ramificações

git branch lista as ramificações. git branch name cria uma nova ramificação. A nova ramificação começa a partir da confirmação atual.

git branch             # list all branches
git branch feature/auth # create a new branch
git branch -d feature/auth # delete merged branch

Alternando entre ramificações

git checkout branchname alterna para uma ramificação existente. git checkout -b branchname cria uma ramificação e alterna para ela em uma única etapa. A alternativa moderna é: git switch.

git checkout main           # switch to main
git checkout feature/auth   # switch to existing branch
git checkout -b hotfix/nav  # create + switch

# Modern (git 2.23+):
git switch main
git switch -c feature/auth

Fluxo de trabalho típico com ramificações

1) Mude para a ramificação principal. 2) Baixe as alterações mais recentes. 3) Crie uma ramificação de funcionalidade. 4) Faça confirmações. 5) Mescle de volta na ramificação principal. 6) Exclua a ramificação de funcionalidade.

git switch main
git pull
git switch -c feature/dark-mode
# ... make commits ...
git switch main
git merge feature/dark-mode
git branch -d feature/dark-mode

Mesclando ramificações

git merge branchname incorpora as alterações da ramificação indicada à ramificação atual. O Git tenta fazer a mesclagem automaticamente. A mesclagem de avanço rápido ocorre quando há um histórico sem divergências.

git switch main
git merge feature/auth
# Fast-forward: no merge commit if history is linear

Confirmações de mesclagem

Quando as duas ramificações divergem, o Git cria uma confirmação de mesclagem que tem duas confirmações pai. Isso preserva o histórico completo das duas linhas de desenvolvimento.

Conflitos de mesclagem

Quando o mesmo arquivo foi alterado nas duas ramificações, o Git não consegue fazer a mesclagem automaticamente e marca o conflito. Você edita o arquivo para resolvê-lo e depois cria uma confirmação.

<<<<<<< HEAD
const COLOR = 'blue';
=======
const COLOR = 'red';
>>>>>>> feature/theming

// After resolving:
const COLOR = 'navy'; // your decision

git add styles.css
git commit

git rebase — Histórico linear

git rebase main reproduz as confirmações da sua ramificação sobre a ramificação principal mais recente, criando um histórico linear sem confirmações de mesclagem. Use-o em ramificações de funcionalidades antes de mesclá-las; evite reorganizar ramificações compartilhadas.

git switch feature/auth
git rebase main  # replay commits on top of current main

HEAD — Onde você está

HEAD é um ponteiro para a ponta da ramificação atual (ou para uma confirmação específica no estado de HEAD desanexado). git log mostra a posição de HEAD. HEAD~1 é a confirmação anterior, e HEAD~3 está três confirmações atrás.

Armazenando trabalho em andamento

git stash salva as alterações não confirmadas e reverte para uma árvore de trabalho limpa. Use-o quando precisar alternar entre ramificações sem confirmar trabalho incompleto. git stash pop restaura as alterações.

git stash           # save WIP
git switch hotfix/urgent
# ... fix and commit ...
git switch feature/auth
git stash pop       # restore WIP

Convenções de nomenclatura de ramificações

Padrões comuns: feature/feature-name, fix/bug-description, hotfix/critical-fix, chore/dependency-update. Uma nomenclatura consistente torna a lista de ramificações mais legível.

Verificação rápida

Qual comando cria uma nova ramificação e alterna para ela em uma única etapa?

Recapitulação: ramificações do Git

git branch cria ramificações. git checkout/switch navega entre elas. git merge integra alterações. Resolva conflitos editando blocos de marcadores. git stash salva WIP. git rebase cria um histórico linear. Use ramificações de funcionalidades para todo trabalho novo; mantenha a principal estável. Exclua as ramificações mescladas para manter a lista organizada.

Perguntas Frequentes

A aula “Ramificação: branch checkout merge” é grátis?

Sim — o texto completo de “Ramificação: branch checkout merge” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Frontend Academy, atualize para CoddyKit PRO. O curso de Frontend Academy inclui 4 aulas no total.

O que vou aprender em “Ramificação: branch checkout merge”?

Crie ramificações para funcionalidades, alterne entre elas, mescle-as novamente em main e resolva conflitos simples de mesclagem. Você pratica Frontend Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Frontend Academy?

Nenhuma experiência prévia é necessária. Frontend Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.

Quanto tempo leva a aula “Ramificação: branch checkout merge”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Frontend Academy?

Sim. Cada aula de Frontend Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

← Voltar para Frontend Academy