Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rafaballerini/gittutorial

Tutorial de como usar o Git e Github na prática
https://github.com/rafaballerini/gittutorial

git git-commit git-tutorial github github-config

Last synced: 12 minutes ago
JSON representation

Tutorial de como usar o Git e Github na prática

Awesome Lists containing this project

README 

        
# Como usar o Git e Github na prática

 

## Início do vídeo



Oie gente sejam bem vindos a mais um vídeo aqui do canal, eu sou a Rafaella Ballerini e hoje eu vou mostrar pra vocês como utilizamos o GIT na prática



No [vídeo anterior](https://www.youtube.com/watch?v=DqTITcMq68k) eu expliquei os conceitos de alguns termos técnicos que utilizamos quando estamos usando o git, então [nesse vídeo](https://www.youtube.com/watch?v=UBAX-13g8OM) vou mostrar na prática como isso acontece.



## Instalando o GIT



* [Link com os downloads](https://git-scm.com/downloads)



## Criar um projeto novo



* Criar uma nova pasta no PC pra isso chamada `Git Tutorial`



* Abrir o VSCode nessa pasta



* Criar um novo arquivo `README.md`



* Escrever dentro dele `Olá, nesse projeto você aprenderá alguns comandos do Git`



* Salva o arquivo



Agora então é hora de usarmos o Git



* Abre o Git Bash que foi instalado na máquina (pode ser pelo terminal do VSCode mesmo)



* `git init` para inicializar o repositório



Foi criada uma pastinha `.git` e é ali que toda a mágica acontece, então não apague



* `git add README.md` para colocar o arquivo na área de stagging 






Esse `add` é necessário antes de darmos o commit de fato, mas por que isso? No final do vídeo explico para vocês



* `git commit -m "primeiro commit"` para de fato dar o commit no repositório



* `git branch -M "main"` para alterar o nome da branch principal de `master` para `main` (isso é uma boa prática atualmente recomendada)



## Interfaces Git



Beleza, recebemos a confirmação de que o commit aconteceu, mas isso tá um pouco abstrato ainda né?

Existem algumas [interfaces legais do git](https://git-scm.com/downloads/guis) que você pode fazer o download para poder visualizar de fato como está o projeto, o que foi alterado em cada commit, quando foi alterado etc.

Aqui eu vou mostrar pra vocês a usarem direto no Github.



## Repositório no Github



* Depois de você ter criado a sua conta na plataforma, você irá em `Criar novo repositório`



Você vai preencher com as informações do projeto, então dar o nome do repositório, colocar uma breve descrição e criar






Logo depois vai aparecer essa página um pouco cinza e confusa e com vários comandos (pode até perceber que alguns deles jpa usamos), mas o que você tem que fazer é bem simples, apenas copie o link que aparecer para você






Lembra do conceito de `remote` que eu expliquei pra vocês no último vídeo? Nós iremos utilizá-lo agora



* Para passar o commit do meu repositório local (da minha máquina) para um repositório na plataforma do Github, usamos o `git remote add origin `



* `origin` é o nome utilizado para referenciar o nosso repositório



Agora já temos o nosso repositório local conectado com o respositório do Github, porém o `commit` que damos na máquina não sobe automaticamente para a plataforma



* Para isso precisaremos empurrar, enviar para lá com o `git push -u origin main`



Agora se recarregarmos a página iremos ver o nosso arquivo aqui na plataforma!



## Alterando e adicionando arquivo



Beleza, agora que temos o nosso repositório no Github configurado direitinho, podemos usar e abusar do que o Git oferece, afinal é pra isso que estamos utilizando ele né?

Primeira coisa que faremos então é alterar esse arquivo que já commitamos



* Adiciona mais uma frase no arquivo `Essa é uma alteração`



* Além disso iremos criar um novo arquivo `Projeto.md`, onde escreveremos `Esse é o arquivo onde desenvolverei o meu projeto`



* Agora então precisamos subir essa alteração, pra isso seguiremos os mesmos passos de `git add .` (agora ponto `.` pois adiciona todos os arquivos) e `git commit -m "Primeira alteração"`



* Lembrando que para alterar algo no nosso respositório do Github precisamos dar o push, então `git push origin main` (sem o -u)



Se olharmos agora o nosso código no Github, ele terá sido alterado, e não só isso, se clicarmos no nome do `commit`, podemos ver exatamente as alterações que foram feitas nele.

O verde com `+` e o vermelho com `-` mostra, os conteúdos que foram adicionados e editados dentro do código.

Aqui nesse botão poderemos ver todos os commits já feitos anteriormente, então se clicarmos em algum deles, veremos exatamente o que havia sido alterado, além de claro, vermos o código como era. Incrível né?






## Branch



Até agora tudo o que fizemos de alterações e mandamos de commit, foi na nossa `main`, que é aquela linha do tempo principal.

Agora vou mostrar pra vocês como criamos uma branch e depois como que juntamos ela com o código que já está na `main` (lembrando que ela é uma linha cronológica adicional/alternativa a principal)

E outra, a branch pode ser criada tanto para quando você for fazer uma alteração em um arquivo, quando para adicionar outro arquivo dentro do projeto ou mesmo excluir.




Obs. *Lembrem que eu estou aqui editando um arquivo markdown, porém isso tudo vale para qualquer tipo de arquivo com qualquer extensão*



* Nesse caso vamos adicionar um novo arquivo para desenvolver a nossa feature `Botão`



* Então a primeira coisa que fazemos é `git checkout -b "novo-botao"`, assim criando uma branch para ele

Esse comando além de criar a branch já entra nela com o checkout, inclusive se olharmos agora aqui no meu VSCode, estamos dentro dela.



* Vou então criar o arquivo, criar o `botão.md` "aqui eu crio o botão"



* E agora fazemos o passo a passo que já sabemos, colocamos a nossa alteração em stagging com o `git add .` e commitamos com o `git commit -m "novo botão"`



* Para enviarmos agora que vai ser diferente. Vocês lembram que utilizávamos o `git push orgin main` né? Porém main era aquela branch principal. Agora então usaremos `git push origin botao`



Agora se olharmos o nosso Github, veremos que tem 2 branches, a `main` e a `botao`






Vamos supor que eu ainda não tivesse terminado de desenvolver o botão, eu poderia continuar tranquilamente na branch `botao` até terminar!



Mas Rafa, e se eu precisasse por algum motivo voltar naquela branch `main` e desenvolver a partir do que deixei lá? Sem problemas, a única coisa que você precisa fazer nesse caso é `git checkout main`, e pra voltar depois é só `git checkout botao` novamente



Beleza! Agora desenvolvi tudo o que queria aqui na branch `botao`, como que junto ela com a main sem problemas?



## Merge



* Agora o que precisamos fazer é ir para a nossa branch principal `git checkout main` e lá faremos o merge com a branch `botao` que criamos, com `git merge botao`



Pronto, agora tudo o que tinha de alteração na branch `botao` juntou com a `main`



* Para finalizar então, vamos jogar lá no Github isso tudo com o `git push origin main`



## Clone



Como vocês podem baixar meu código?



Sempre que você entrar em um repositório, seja o seu ou o de qualquer outra pessoa, terá esse botão `Code`, que quando você clica aparece um link:






* Você irá copiar esse link e levar ele lá pro nosso terminal



* O comando para puxar o projeto para a sua máquina é o `git clone https://github.com/rafaballerini/GitTutorial.git`



Não é necessário criar um repositório antes disso, como fizemos anteriormente com o `git init`. Dessa vez, basta abrir o terminal e clonar o projeto e tudo aparecerá!



## Pull



E se eu fizer uma alteração no repositório, como vocês podem atualizar na máquina de vocês?



* Basta vocês executarem o comando `git pull`, ele irá puxar todas as alterações feitas no repositório do Github para o seu repositório local



## Fork



Mas Rafa quando eu fiz o clone do seu repositório ele não apareceu no meu Github.

Existe a ferramenta `fork`, que é bem mais simples para fazer isso

Você só precisa apertar nesse botão dentro do repositório e TCHANAM! Ele aparece automaticamente lá na sua conta:






## Pull request



O último conceito que quero ensinar para vocês é o de Pull Request, vamos entender como ele funciona:



* Após você ter dado um fork no projeto e ele ter ido pra sua conta, você poderá alterar o projeto e adicionar as funcionalidades que deseja



* Você pode por exemplo dar um fork no meu repositório de `Formulário` para adicionar uma validação de campos ou qualquer outra coisa que acha válido



* Depois disso, você poderá salvar o projeto, dar o `git add .`, `git commit -m "validação de botões"` e `git push origin main`



Quando você for olhar o seu Github, verá que existe uma mensagem parecida com a seguinte:






Isso significa que a branch do seu repositório está 1 commit "na frente" da branch original



O que você deve perceber agora é esse botão que aparece em seguida:






Ele servirá para caso você deseje enviar para o dono do repositório original uma solicitação de pull, ou seja, fazer com que ele puxe as alterações que você fez no seu repositório para o repositório dele, original



Ao clicar nesse botão, você será direcionado para uma página que fará a avaliação se esse `pull request` terá conflitos ou não com o código no repositório original. Caso não tenha, bastão clicar no botão de `Create pull request`






Você irá colocar um nome intuitivo, que demonstre a funcionalidade adicionada e o ideal é que você também crie uma boa descrição do que desenvolveu, não somente explicando o que é, mas ensinando ao dono do repositório original a forma como ele poderá testar também



Depois disso, basta esperar para que o dono da branch original aceite o seu pull request



## Finalização



Existem diversas outras funcionalidades do Git e do Github, porém tenho certeza que com tudo isso que vocês viram hoje vocês já conseguem desenvolver um projeto de uma forma bem legal



Recomendo sempre vocês darem uma olhada na [documentação do Git](https://git-scm.com/doc), pois qualquer dúvida que apareça pode ser respondida por lá na explicação



**Não esqueçam de deixar o like e se inscrever no [canal do Youtube](https://youtube.com/RafaellaBallerini) ❤**



Até semana que vem, um beijo!