Curso de Desenvolvimento Web

Primeiro fluxo completo com Git

Exercício prático — clone, commit e push via terminal
Nome: ___________________________
Turma: __________________________
Data: ___________________________
Neste exercício você vai reproduzir pelo terminal o mesmo fluxo que já conhece do GitHub Desktop — mas agora digitando cada comando. Siga os passos em ordem e preste atenção na saída do terminal a cada etapa.
Preparação da máquina
! Esta preparação só precisa ser feita em máquinas compartilhadas, como computadores do laboratório. Na sua máquina pessoal, se o Git e o GitHub já estiverem configurados com a sua conta, você não precisa se preocupar com esta limpeza inicial.
1
Remover as credenciais salvas do GitHub
Credenciais antigas podem fazer o Git autenticar com a conta errada. Vamos removê-las para que cada aluno autentique com a própria conta.
Windows: Painel de Controle → Gerenciador de Credenciais → Credenciais do Windows → localize entradas com "github" → remova todas.
2
Limpar as configurações globais do Git
Remove o nome e e-mail que possam estar salvos de uma configuração anterior.
# Remover nome e e-mail globais git config --global --unset user.name git config --global --unset user.email # Confirmar que foram removidos — o resultado deve vir vazio git config --global --list
Exercício
3
Clonar o repositório
Navegue até o Desktop e clone o repositório da aula.
cd ~/Desktop git clone https://github.com/Lagoas/TaskFlow.git
Logo após o clone, o GitHub pode abrir uma janela pedindo login. Entre com as suas credenciais do GitHub para autorizar o acesso ao repositório.
4
Entrar na pasta clonada
Depois de baixar o repositório, entre na pasta que foi clonada. A partir daqui, todos os comandos do Git devem ser executados dentro dessa pasta.
cd TaskFlow
Se o repositório tiver outro nome, use cd nome-do-repositório-que-foi-clonado. O comando cd muda o terminal para dentro da pasta baixada.
5
Configurar a autoria do commit
O Git precisa saber quem está fazendo o commit. Aqui estamos configurando as credenciais de autoria do Git no computador, e não as credenciais de login do GitHub. São duas coisas diferentes: o login do GitHub autentica sua conta; a autoria do Git grava nome e e-mail nos commits.
git config --global user.name "Seu Nome Completo" git config --global user.email "seu@email.com"
Atenção: use o e-mail cadastrado na sua conta do GitHub para que o commit apareça vinculado ao seu perfil.
6
Ver o estado atual do repositório
Antes de qualquer alteração, verifique o estado do repositório.
git status
O terminal deve mostrar: "nothing to commit, working tree clean" — o repositório local está idêntico ao remoto.
7
Fazer uma alteração em um arquivo
Abra o VS Code e carregue a pasta com os arquivos que foram baixados pelo git clone. Depois, altere o código HTML para inserir as suas preferências no card. Volte ao terminal quando terminar.
No VS Code, use File → Open Folder e selecione a pasta do repositório clonado, por exemplo TaskFlow.
8
Ver o que mudou
Execute o mesmo comando do passo anterior de verificação e compare o resultado.
git status
O arquivo modificado aparece agora em vermelho, na seção "Changes not staged for commit". Essa é a diferença em relação ao primeiro git status.
9
Adicionar o arquivo ao stage
O stage é a área de preparação do commit. Apenas os arquivos adicionados aqui entrarão no próximo commit.
git add nome-do-arquivo-que-você-atualizou # Confirme: o arquivo agora aparece em verde git status
O arquivo saiu de "not staged" (vermelho) e entrou em "Changes to be committed" (verde). Isso é o stage.
10
Fazer o commit
Registra as alterações do stage no histórico local do repositório. A mensagem deve descrever o que foi feito.
git commit -m "Minha primeira alteração via terminal"
O terminal confirma o commit exibindo o hash, o branch e os arquivos incluídos.
11
Atualizar com o remoto antes de enviar
Boa prática: sempre fazer pull antes do push para trazer eventuais alterações que outros fizeram no repositório.
git pull
Se não houver alterações no remoto, o terminal mostra: "Already up to date."
Se aparecer uma janela de merge: isso significa que há commits no repositório remoto que ainda não estavam no seu repositório local. O Git precisa misturar a branch remota com a branch local e pode abrir um editor de texto no terminal para pedir uma mensagem para o commit de merge. Esse commit de merge é comum. Para aceitar a mensagem padrão, digite ESC, depois :wq e pressione Enter. Nesse editor, w significa write (salvar) e q significa quit (sair).
12
Enviar para o repositório remoto
Envia os commits locais para o GitHub.
git push
O Git vai solicitar autenticação no GitHub. Como as credenciais foram removidas no Passo 1, cada aluno autentica com a própria conta.
13
Confirmar no GitHub
Abra o repositório no navegador e verifique que o commit aparece com o seu nome e avatar no histórico de commits.

O que observar no git status ao longo do exercício

Momento O que o git status mostra Estado
Após entrar na pasta e configurar autoria (Passo 6) nothing to commit, working tree clean limpo
Após editar o arquivo (Passo 8) arquivo aparece em vermelho — Changes not staged modificado
Após o git add (Passo 9) arquivo aparece em verde — Changes to be committed no stage
Após o git commit (Passo 10) nothing to commit, working tree clean limpo