Primeiros Passos no Git e GitHub

Catarina Rinaldi
4 min readMar 1, 2022

--

Inspirada pela Jessica Mayara Curti no LinkedIn, resolvi postar aqui uma cola/explicação mais do que simplificada sobre os primeiros dias usando o git e o GitHub 🐙🐈

Imagem com instruções para pessoas iniciantes usarem o git e github com 8 passos. Na parte debaixo tem uma caixa representando o git add, um entregador com a caixa fechada representando o git commit -m e uma casa representando o git push
GitHub mais “Facin” — um guia iniciante

Eu fiz essas anotações pra eu poder lembrar como fazia pra subir alguma coisa no meu GitHub, logo nos primeiros dias do bootcamp da Generation Brasil. Agora parece distante, já que usei tanto esses comandos que agora difícil são os muito outros comandos existentes. Mas é fácil lembrar que outra pessoa pode estar onde eu estava e precisar entender algo muito fora do nosso cotidiano.

Primeiro eu tive uma noção básica das diferenças do GitHub (rede social/plataforma de hospedagem de códigos) e do git bash (terminal de comandos do Windows que recebe comandos). Apesar de um monte de gente falar apenas “git” e ficar confuso, são duas coisas diferentes.

Depois, o segundo passo: tenha um repositório (como se fosse uma pasta mesmo) criado no GituHub, e se for seu primeiro commit, vai ter tudo explicado passo a passo lá mesmo de como colocar o conteúdo que você quer do seu computador lá pro GitHub.

Nas próximas vezes que tiver que atualizar o código no GitHub, a minha sugestão é fazer assim como está na imagem. Nas primeiras vezes eu dava mais “git status” pra ver o que tava acontecendo do que qualquer outro comando, e depois a gente vai pegando o jeitinho de quando é necessário ver o status do que está rolando.

Vou destrinchar o passo a passo da imagem um pouco mais:

1Pra ficar mais fácil de achar sua pasta dentro do git bash, sem ter que dar mais comandos, o jeito mais simples é realmente dar o botão direito em cima ou dentro da pasta que está interligada ao seu repositório, assim, o terminal de comandos vai entender que você está fazendo modificações lá dentro.

2 git status é só pra ver como estão as coisas, ele vai te mostrar o que foi modificado, o que foi excluído ou adicionado nessa pasta.

3 git add . é o comando que adiciona tudo o que foi modificado ou acrescentado na sua pasta

4 um git status pra ver que realmente as modificações foram adicionadas, e se continua tudo bem 😅

5 git commit -m “@eu [Adicionando xyz] — aqui você estará “comitando” as mudanças, e mais pra baixo do texto vou explicar um pouco mais o que isso significa. No bootcamp da Generation foi dado um modelo legal de commit que é um @ com o seu usuário do GitHub, e entre colchetes [ ] você coloca o que está acrescentando ou mudando, como “Arrumando bugs”, ou “Acrescentando tela inicial”.

6aqui a gente dá ainda mais um git status, só pra não perder o costume, rs.

7 o git push é o comando que realmente vai “empurrar” as suas modificações pro GitHub, assim que você der esse comando, vai ver que dando um F5 lá no seu repositório do GitHub suas modificações já vão estar “no ar”.

8 eeee mais um git status, aquele só pra garantir que a gente não fez nenhuma cagada, sabe? rs 💩

Pra entender o que estava acontecendo em cada um desses momentos, eu levei um tempo, porque eu sempre quero que as coisas façam sentido, e não reproduzir algo sem entender o que está acontecendo, então com a ajuda do Cesar Vizentini, que teve a paciência de me explicar tudo tim tim por tim tim, eu fiz essa imagem acima, que vou tentar explicar pra vocês:

Se imagine num contexto de ter que fazer uma entrega pra alguém:

1git add = você está enchendo uma caixa com o que você quer enviar;

2 — git commit = você está satisfeito com como você ajeitou as coisas dentro da caixa, então você fecha ela com durex e entrega pro carteiro;

3 — git push = o carteiro faz a entrega do seu pacote pro destinatário.

Caso não tenha ficado muito claro, no git add você está colocando na caixa as modificações do seu código.

No git commit, você está enviando essas modificações pra um mundo entre o seu computador e a internet, as modificações estão na mão do carteiro.

E por fim, você com o git push, faz com que o carteiro entregue suas modificações de código para o GitHub, seu código agora está na internet.

Essa analogia funcionou muito bem pra mim, e talvez não funcione 100% pra você que está começando, mas espero ter ajudado de alguma forma. Na analogia, nós meio que somos tanto o remetente, quanto o carteiro e o destinatário, hahah, mas eu acho que fica bem visual se pensarmos assim. 💌

E também essa explicação é pra quem, assim como eu, nunca tinha visto isso, nunca teve uma conta no GitHub ou tinha visto a cara de um terminal, e esses primeiros passos parecem assustadores e grandes, mas depois viram coisa do dia a dia da gente.

E fim! Espero ter ajudado alguém por aí! 👋🏻 DFTBA

--

--

Catarina Rinaldi

Estudante de Desenvolvimento Web Front-end • Entusiasta de UI, UX e Design • Ex-cozinheira, atual amante de inventar comidinhas em casa