Git e GitHub

01. O que é Git?

📖 Para que serve?

• Registrar alterações.
• Recuperar versões anteriores.
• Comparar modificações.
• Trabalhar em equipe.
• Criar ramificações do projeto.
• Manter um histórico do desenvolvimento.

index.html

02. O que é GitHub?

🌐 Git x GitHub

03. Instalando o Git

🌐 Site oficial

📝 Passo a passo

1. Acesse o site oficial do Git.
2. Escolha a versão correspondente ao seu sistema operacional.
3. Faça o download.
4. Execute o instalador.
5. Avance pelas etapas da instalação.
6. Mantenha as configurações padrão se não souber qual opção escolher.
7. Conclua a instalação.

04. Verificando se o Git foi Instalado

💻 Abra o terminal

No terminal, digite:

git --version

Depois pressione:

Enter

05. Criando uma Conta no GitHub

📝 Passo a passo

1. Acesse o site do GitHub.
2. Escolha a opção para criar uma conta.
3. Informe os dados solicitados.
4. Confirme seu endereço de e-mail quando solicitado.
5. Faça login.

06. Configurando seu Nome e E-mail no Git

👤 Configurando o nome

git config --global user.name "Seu Nome"

📧 Configurando o e-mail

git config --global user.email "seuemail@exemplo.com"

🔎 Conferindo a configuração

git config --global user.name


git config --global user.email

07. O que é um Repositório?

📦 Repositório local

É o repositório armazenado no seu computador.

☁️ Repositório remoto

É o repositório armazenado em um serviço remoto, como o GitHub.

COMPUTADOR
│
│ Git
▼
Repositório local
│
│ push
▼
GITHUB
│
▼
Repositório remoto 

08. Criando um Repositório com Git Init

📝 Passo a passo

1. Abra a pasta do projeto no VS Code.
2. Abra o terminal.
3. Confira se o terminal está localizado dentro da pasta correta.
4. Execute:

git init

09. Verificando o Status do Projeto

git status

🔎 O que podemos descobrir?

• Arquivos modificados.
• Arquivos novos.
• Arquivos preparados para commit.
• Informações sobre o estado do repositório.

git status

10. Preparando Arquivos com Git Add

📄 Adicionar um arquivo específico

git add index.html

📦 Adicionar todos os arquivos

git add .

Arquivo alterado
↓
git add
↓
Área de preparação
↓
git commit
↓
Histórico 

11. Criando um Commit

💻 Comando

git commit -m "Mensagem do commit"

📝 Exemplo

git commit -m "Criação da página inicial"

✅ Bons exemplos

git commit -m "Criação do formulário de cadastro"

git commit -m "Correção do menu principal"

git commit -m "Adição da página de contato"

git commit -m "alterações"

git commit -m "teste"

git commit -m "coisas"

12. Consultando o Histórico com Git Log

git log

13. Criando um Repositório no GitHub

📝 Passo a passo

1. Entre na sua conta do GitHub.
2. Procure a opção para criar um novo repositório.
3. Informe o nome do repositório.
4. Escolha se ele será público ou privado.
5. Crie o repositório.

14. Conectando o Projeto Local ao GitHub

💻 Comando

git remote add origin URL_DO_REPOSITORIO

📌 O que é origin?

🔎 Conferindo

git remote -v

Projeto no computador
│
│ origin
▼
Projeto no GitHub 

15. Entendendo Branch

🌳 Exemplo visual

main
│
├── desenvolvimento
│
└── nova-funcionalidade 

🔎 Descobrindo a branch atual

git branch

16. Enviando o Projeto para o GitHub — Push

💻 Comando comum

git push -u origin main

COMPUTADOR
│
│ git push
▼
GITHUB 

17. Atualizando o Projeto — Pull

git pull

🔄 Push x Pull

PUSH
Local → GitHub

PULL
GitHub → Local 

18. Clonando um Projeto — Git Clone

💻 Comando

git clone URL_DO_REPOSITORIO

📝 Quando utilizar?

• Quando entrar em um projeto existente.
• Quando quiser baixar um repositório para o computador.
• Quando começar a trabalhar em um projeto de outra pessoa.

GITHUB
│
│ git clone
▼
COMPUTADOR 

19. O Fluxo Básico de Trabalho com Git

🔄 Fluxo básico

1. Alterar arquivos
   ↓
2. git status
   ↓
3. git add .
   ↓
4. git commit -m "Mensagem"
   ↓
5. git push 

20. O que é README.md?

📄 Exemplo de conteúdo

# Meu Projeto
   
Projeto desenvolvido durante as aulas.

## Tecnologias

* HTML
* CSS
* JavaScript

## Autor

Nome do aluno

21. O que é .gitignore?

📄 Exemplo

node_modules/
.env
*.log

22. Git, GitHub, Commit, Push, Pull e Clone

git status
git add .
git commit -m "Mensagem"
git push 

23. Erros Comuns de Iniciantes

❌ "git não é reconhecido"

❌ Fiz alterações mas o Git não mostra nada

git status

❌ Fiz commit mas não apareceu no GitHub

git push

❌ Fiz push e deu erro

🏆 Desafio Final — Publique seu Primeiro Projeto

📋 Missão

1. Instale o Git.
2. Verifique a instalação com:

git --version

3. Configure seu nome.
4. Configure seu e-mail.
5. Crie uma pasta chamada: projeto-git
6. Abra a pasta no VS Code.
7. Crie um arquivo: index.html
8. Crie um arquivo: README.md
9. Inicialize o Git:

git init

10. Verifique o status:

git status

11. Adicione os arquivos:

git add .

12. Crie o primeiro commit:

git commit -m "Criação do projeto"

13. Crie um repositório no GitHub.
14. Conecte o repositório local ao remoto.
15. Envie o projeto utilizando:

git push

🔄 Segunda etapa do desafio

1. Altere o arquivo index.html.
2. Salve a alteração.
3. Execute:

git status

4. Prepare a alteração:

git add .

5. Crie um novo commit:

git commit -m "Atualização da página inicial"

6. Envie para o GitHub:

git push

✅ Checklist — Eu Aprendi Git e GitHub?

• Sei explicar o que é Git.
• Sei explicar o que é GitHub.
• Sei diferenciar Git de GitHub.
• Instalei o Git.
• Configurei meu nome e e-mail.
• Sei utilizar git init.
• Sei utilizar git status.
• Sei utilizar git add.
• Sei criar um commit.
• Sei consultar o histórico.
• Sei criar um repositório no GitHub.
• Sei conectar o projeto local ao GitHub.
• Sei utilizar git push.
• Sei explicar para que serve git pull.
• Sei explicar para que serve git clone.
• Entendo o conceito de branch.
• Sei para que serve o README.md.
• Sei para que serve o .gitignore.

🚀 Resumo dos Principais Comandos

git status
git add .
git commit -m "Mensagem"
git push