Branches e Workflow Profissional

Primeiro vamos entender o conceito e os comandos. Depois, vamos aplicar tudo isso em um cenário real de empresa com o projeto Ping Pong.

1. O Conceito de Multiverso (Branches)

Imagine que o código principal (`main`) é a versão oficial do jogo que está na loja. Se você mexer nela e errar uma vírgula, o jogo para de funcionar para todos.

As Branches (ramificações) permitem criar uma cópia exata do projeto em uma linha do tempo paralela. Lá você pode mudar cores e códigos. Se ficar bom, juntamos com a oficial. Se ficar ruim, apagamos a branch.

Conceito de Branch

🚫 Regra de Ouro

Nunca trabalhe diretamente na branch main. Sempre crie uma branch nova para cada tarefa.

2. Padrões e Comandos

Nomenclatura de Branches:
No mercado, usamos nomes descritivos:

feature/nome-da-tarefa

Padrão de Commits (Conventional Commits):
Não escreva mensagens aleatórias. Use prefixos:

  • feat: Para nova funcionalidade (Ex: feat: adiciona botão azul).
  • fix: Para correção de erro (Ex: fix: arruma link quebrado).
  • docs: Para documentação.
  • style: Para formatação (espaços, ponto e vírgula).

Como criar e trocar de Branch?
O Git moderno possui o comando switch, mas você ainda verá muito o comando antigo checkout. Ambos funcionam:

🆕 Moderno (Recomendado)

git switch -c nome-da-branch
*O "-c" cria e já troca para a branch.

👴 Clássico

git checkout -b nome-da-branch
*O "-b" faz a mesma coisa.

Hora do Desafio: O Projeto Ping Pong

Agora vamos simular o dia a dia de uma empresa de tecnologia. Temos um jogo de Ping Pong que precisa de ajustes. Você é o novo desenvolvedor da equipe.

Link do Repositório: https://github.com/jonielmendes/pingpong

Repositório Ping Pong

Passo 1: Escolha sua Tarefa (Kanban)

Todo time organizado usa um quadro de tarefas. Abaixo está o nosso. Escolha uma tarefa da coluna "Ready" (ex: "Mudar cor da bola" ou "Alterar cor das raquetes").

Quadro de Tarefas

Passo 2: Executando a Tarefa

Para este desafio, vamos usar a extensão do Git no VS Code para clonar o seu Fork (a cópia que você fez antes):

  1. Pegar o Link do SEU Fork:

    Vá no GitHub, entre no repositório pingpong que está no seu perfil (aquele que você deu Fork antes). Clique no botão verde Code e copie o link.

  2. Clonar no VS Code:

    Não precisa decorar comandos agora! Vamos usar a interface:

    • Abra o VS Code. Na tela inicial, clique em Clone Git Repository... (ou aperte F1 e digite "Clone").
    • Cole o link do seu repositório e dê Enter.
    • Quando aparecer o aviso, clique em Open para abrir o projeto.
  3. Abrir o Terminal:

    Como o projeto já está aberto, agora vamos abrir o terminal para criar a branch. Vá no menu superior Terminal -> New Terminal.

  4. Criar sua Branch (Substitua pelo nome do seu card): 
    git switch -c feature/NOME-DA-SUA-TAREFA
  5. Codar: Abra o VS Code, edite o arquivo style.css ou script.js e faça a mudança visual.
  6. Salvar (Commit): 
    git add .
git commit -m "feat: escreva aqui o que voce fez"
  7. Enviar (Push): 
    git push origin feature/NOME-DA-SUA-TAREFA

    Se tudo der certo, sua branch aparecerá no GitHub pronta para ser aprovada!

  8. Voltar para a Main: 
    git switch main

Próximos Passos...

Na próxima etapa, você vai conhecer o Markdown. Vamos aprender os métodos dessa linguagem de marcação para criar arquivos README e documentações personalizadas que são totalmente compatíveis com o GitHub.