Vídeo Áudio

Desvendando o Git e o GitHub

Seja você um desenvolvedor experiente ou um iniciante, o Git e o GitHub são ferramentas essenciais e indispensáveis para qualquer desenvolvedor que deseja trabalhar em projetos colaborativos e manter um histórico preciso das mudanças no código. Eles são como um sistema nervoso para projetos de software, garantindo que tudo funcione como esperado e que o progresso seja acompanhado de perto.

O que é Git?

O Git é um sistema de controle de versão que registra todas as alterações feitas em seus arquivos, permitindo que você retorne a qualquer momento no passado, compare versões, colabore com outros desenvolvedores e muito mais. Ele permite que você:

O que é GitHub?

O GitHub é um site que hospeda repositórios Git, tornando o trabalho em equipe muito mais fácil. É como um repositório online onde você pode compartilhar seu código, colaborar com outros desenvolvedores, receber feedback e até mesmo contribuir para projetos open source.. Você pode usar o GitHub para:

Git e GitHub: Uma Introdução Completa

Como usar o Git

Configuração

  1. Instale o Git: Baixe e instale o Git em seu sistema operacional: https://git-scm.com/downloads
  2. Configure o Git: Abra o terminal e execute os seguintes comandos para configurar o Git com seu nome e email:
  3. Verifique a configuração: Execute o comando git config --list para verificar se a configuração foi aplicada corretamente.

Comandos básicos do Git para dominar

Aqui estão os comandos do Git e suas descrições:

Comando Descrição Exemplo
git init Inicializa um novo repositório Git no diretório atual. git init
git clone Cria uma cópia local de um repositório Git remoto. git clone https://github.com/user/repo.git
git branch Cria um novo branch. git branch feature
git checkout Troca para um branch existente. git checkout feature
git status Exibe o estado atual do repositório, mostrando os arquivos modificados, adicionados e não rastreados. git status
git diff Mostra as diferenças entre os arquivos modificados e suas versões originais. git diff
git add Adiciona um arquivo ao staging area. git add index.html
git commit -m "" Salva as alterações no staging area em um novo commit. git commit -m "Adicionou a página inicial"
git push Envia os commits locais para o repositório remoto. git push origin main
git pull Baixa os commits do repositório remoto e mescla-os com o branch local. git pull origin main
git revert Cria um novo commit que desfaz as alterações de um commit específico. git revert 1234567
git merge Mescla as alterações de um branch específico no branch atual. git merge feature
git stash Salva as alterações locais não rastreadas no staging area, para que você possa trocar de branch. git stash
git rm Remove um arquivo do repositório. git rm style.css
git config Configura opções do Git. git config --global core.editor "vim"
git reset Move o HEAD para um commit específico, descartando as alterações posteriores. git reset HEAD~1
git remote add Adiciona um repositório remoto ao repositório local. git remote add origin https://github.com/user/repo.git
git fetch Baixa os commits do repositório remoto, sem mesclá-los no branch local. git fetch origin
git show Exibe informações sobre um commit específico. git show 1234567
git help Obtém ajuda sobre um comando do Git. git help status
git rebase Reescreve o histórico de commits do branch atual, aplicando as alterações do branch de destino. git rebase feature
git blame Mostra quem fez cada alteração em um arquivo. git blame index.html
git tag Cria uma tag para um commit específico. git tag v1.0 1234567

Como usar o GitHub

Configuração

  1. Crie uma conta no GitHub: Visite https://github.com/ e crie uma conta gratuita.
  2. Crie um repositório: Acesse o seu perfil do GitHub e clique em "New repository" para criar um novo repositório.
  3. Conecte seu repositório local:

Recursos do GitHub

O GitHub oferece vários recursos para gerenciar seus projetos:

Exemplo prático: Criando um site simples utilizando HTML com Git e GitHub

1º Iniciando um novo repositório Git

  1. Abra o terminal e navegue até o diretório onde você deseja criar o projeto.
  2. Execute o comando git init para inicializar um novo repositório Git.

2º Criando a página HTML inicial

  1. Crie um novo arquivo chamado `index.html` no diretório do projeto.
  2. Adicione o seguinte código HTML ao arquivo:

    <!DOCTYPE html>
    <html lang="pt-BR">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Título da Página</title>
    </head>
    <body>
        <h1>Olá, mundo!</h1>
        <p>Este é um exemplo para o código HTML.</p>
    </body>
    </html>
        

3º Adicionando o arquivo ao repositório

  1. Execute o comando git add index.html para adicionar o arquivo ao staging area.
  2. Execute o comando git commit -m "Adicionou a página inicial" para salvar a alteração no repositório.

4º Criando um repositório no GitHub

  1. Acesse o seu perfil do GitHub e clique em "New repository".
  2. Digite um nome para o repositório (ex: "meu-site-simples") e uma descrição breve.
  3. Deixe a opção "Initialize this repository with a README" marcada.
  4. Clique em "Create repository".

5º Conectando o repositório local ao GitHub

  1. Execute o comando git remote add origin para adicionar o repositório remoto.
  2. Execute o comando git push -u origin main para enviar os commits locais para o repositório remoto.

6º Adicionando conteúdo ao site

  1. Crie um novo arquivo chamado `sobre.html` no diretório do projeto.
  2. Adicione o seguinte código HTML ao arquivo:

    <!DOCTYPE html>
    <html lang="pt-BR">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Título da Página</title>
    </head>
    <body>
    <p>Esse é apenas um exemplo de site em HTML para demonstração.</p>
    <p>Utilize as informações para criar o seu próprio site!</p>
    </body>
    </html>
        

git add sobre.html
git commit -m "Adicionou a página sobre"
git push origin main

7º Visualizando o site online

  1. Acesse o repositório no GitHub e clique no botão "Code".
  2. Copie o link do repositório.
  3. Abra o link em um navegador web e você poderá visualizar o site online.

Conclusão

Esse documento teve o objetivo de apresentar como funciona, e como faz o uso do sistema de controle de versões Git [https://git- scm.com/ ] e do repositório GitHub [https://github.com/].

Lembrando que este é apenas um guia introdutório. Existem muitas outras funcionalidades e recursos disponíveis no Git e no GitHub, sendo interassante explorar a documentação oficial e os tutoriais online para aprender mais sobre essas ferramentas e como usá-las para otimizar o desenvolvimento.

- Por Raissa Nunes (2024.1.08.021) e Ana Flávia Freiria (2024.1.08.001)