You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+75-45Lines changed: 75 additions & 45 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,44 +1,74 @@
1
-
# Como usar o Git e Github na prática
2
-
3
-
## Início do vídeo
1
+
# Usando o Git e Github na prática
4
2
5
-
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
3
+
## Instalando o GIT
6
4
7
-
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.
### Verificando versão GIT e se o memsmo foi corretamente intalado
8
+
9
+
- Abra o prompt de comando (_cmd_)
10
+
<p>
11
+
Para acessar o prompt de comando, você pode pressionar ao mesmo tempo as teclas WINDOWS + R para abrir a janela "executar. Aí é só digitar CMD na barra de pesquisa e clicar em "Enter".
12
+
<br>
13
+
Outra opção nos é digitar CMD diretamente na barra de pesquisa, ao lado do botão Iniciar na barra de tarefas.
14
+
</p>
15
+
16
+
- Digite `git --version`
17
+
<p>
18
+
Se aparecer a versão e por que foi instalado corretamemte.
19
+
<br>
20
+
ex: `git version 2.31.1.windows.1`.
21
+
</p>
22
+
23
+
## Criando um novo projeto
24
+
25
+
- Crie uma nova pasta no PC
26
+
27
+
- Abra o VSCode nessa pasta
10
28
11
-
*[Link com os downloads](https://git-scm.com/downloads)
29
+
- Crie um novo arquivo `README.md`
30
+
<p>
31
+
<em>.md</em> é a exentção Markdown, que é uma linguem de marcação.
32
+
<br>
33
+
ex: `echo "#TituloDaPagina">> README.md`.
34
+
</p>
12
35
13
-
## Criar um projeto novo
36
+
- Escreva algo dentro dele
14
37
15
-
* Criar uma nova pasta no PC pra isso chamada `Git Tutorial`
38
+
ex: Usando o Git e Github na prática
16
39
17
-
* Abrir o VSCode nessa pasta
40
+
- Salve o arquivo
18
41
19
-
* Criar um novo arquivo `README.md`
42
+
### Usando o Git
20
43
21
-
* Escrever dentro dele `Olá, nesse projeto você aprenderá alguns comandos do Git`
44
+
- Abra o Git Bash que foi instalado na máquina, ou utilize o terminal do VSCode.
22
45
23
-
* Salva o arquivo
46
+
- Vá até o diretório da pasta
24
47
25
-
Agora então é hora de usarmos o Git
48
+
ex: `cd DiretórioDaPasta`
26
49
27
-
* Abre o Git Bash que foi instalado na máquina (pode ser pelo terminal do VSCode mesmo)
50
+
- Digite o comando `git init` para inicializar o repositório
28
51
29
-
*`git init` para inicializar o repositório
52
+
Foi criada uma pasta `.git` e é ali que todo acontece, então não apague-a!
30
53
31
-
Foi criada uma pastinha `.git` e é ali que toda a mágica acontece, então não apague
54
+
- Digite o comando `git add README.md` para colocar o arquivo na área de stagging
32
55
33
-
*`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
36
59
37
-
Esse `add` é necessário antes de darmos o commit de fato, mas por que isso? No final do vídeo explico para vocês
60
+
- Digite o comando `git status` para verificar o status do arquivo
61
+
Verifica quais os estados que os arquivos estão. Se existe algum arquivo modificado, adiciona ou removido
38
62
39
-
*`git commit -m "primeiro commit"` para de fato dar o commit no repositório
63
+
-`git commit -m "primeiro commit"` para de fato dar o commit no repositório
64
+
<p>
65
+
Os commits são as unidades estruturais de um cronograma de projeto Git. Podem ser considerados instantâneos ou marcos ao longo do cronograma de um projeto Git. São criados com o comando `git commi` para capturar o estado de um projeto naquele momento.
66
+
</p>
40
67
41
-
*`git branch -M "main"` para alterar o nome da branch principal de `master` para `main` (isso é uma boa prática atualmente recomendada)
68
+
-`git branch -M "main"` para alterar o nome da branch principal de `master` para `main` (isso é uma boa prática atualmente recomendada)
69
+
<p>
70
+
<em>Branch</em>, em tradução literal, significa “ramo”. No mundo da programação, ela tem o mesmo significado: uma branch é uma ramificação do seu projeto.
71
+
</p>
42
72
43
73
## Interfaces Git
44
74
@@ -48,7 +78,7 @@ Aqui eu vou mostrar pra vocês a usarem direto no Github.
48
78
49
79
## Repositório no Github
50
80
51
-
* Depois de você ter criado a sua conta na plataforma, você irá em `Criar novo repositório`
81
+
- Depois de você ter criado a sua conta na plataforma, você irá em `Criar novo repositório`
52
82
53
83
Você vai preencher com as informações do projeto, então dar o nome do repositório, colocar uma breve descrição e criar
54
84
@@ -60,13 +90,13 @@ Logo depois vai aparecer essa página um pouco cinza e confusa e com vários com
60
90
61
91
Lembra do conceito de `remote` que eu expliquei pra vocês no último vídeo? Nós iremos utilizá-lo agora
62
92
63
-
* 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 <link do repositório>`
93
+
- 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 <link do repositório>`
64
94
65
-
*`origin` é o nome utilizado para referenciar o nosso repositório
95
+
-`origin` é o nome utilizado para referenciar o nosso repositório
66
96
67
97
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
68
98
69
-
* Para isso precisaremos empurrar, enviar para lá com o `git push -u origin main`
99
+
- Para isso precisaremos empurrar, enviar para lá com o `git push -u origin main`
70
100
71
101
Agora se recarregarmos a página iremos ver o nosso arquivo aqui na plataforma!
72
102
@@ -75,13 +105,13 @@ Agora se recarregarmos a página iremos ver o nosso arquivo aqui na plataforma!
75
105
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é?
76
106
Primeira coisa que faremos então é alterar esse arquivo que já commitamos
77
107
78
-
* Adiciona mais uma frase no arquivo `Essa é uma alteração`
108
+
- Adiciona mais uma frase no arquivo `Essa é uma alteração`
79
109
80
-
* Além disso iremos criar um novo arquivo `Projeto.md`, onde escreveremos `Esse é o arquivo onde desenvolverei o meu projeto`
110
+
- Além disso iremos criar um novo arquivo `Projeto.md`, onde escreveremos `Esse é o arquivo onde desenvolverei o meu projeto`
81
111
82
-
* 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"`
112
+
- 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"`
83
113
84
-
* Lembrando que para alterar algo no nosso respositório do Github precisamos dar o push, então `git push origin main` (sem o -u)
114
+
- Lembrando que para alterar algo no nosso respositório do Github precisamos dar o push, então `git push origin main` (sem o -u)
85
115
86
116
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.
87
117
O verde com `+` e o vermelho com `-` mostra, os conteúdos que foram adicionados e editados dentro do código.
@@ -95,18 +125,18 @@ Até agora tudo o que fizemos de alterações e mandamos de commit, foi na nossa
95
125
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)
96
126
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.
97
127
<br>
98
-
Obs. *Lembrem que eu estou aqui editando um arquivo markdown, porém isso tudo vale para qualquer tipo de arquivo com qualquer extensão*
128
+
Obs. _Lembrem que eu estou aqui editando um arquivo markdown, porém isso tudo vale para qualquer tipo de arquivo com qualquer extensão_
99
129
100
-
* Nesse caso vamos adicionar um novo arquivo para desenvolver a nossa feature `Botão`
130
+
- Nesse caso vamos adicionar um novo arquivo para desenvolver a nossa feature `Botão`
101
131
102
-
* Então a primeira coisa que fazemos é `git checkout -b "novo-botao"`, assim criando uma branch para ele
103
-
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.
132
+
- Então a primeira coisa que fazemos é `git checkout -b "novo-botao"`, assim criando uma branch para ele
133
+
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.
104
134
105
-
* Vou então criar o arquivo, criar o `botão.md` "aqui eu crio o botão"
135
+
- Vou então criar o arquivo, criar o `botão.md` "aqui eu crio o botão"
106
136
107
-
* 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"`
137
+
- 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"`
108
138
109
-
* 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`
139
+
- 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`
110
140
111
141
Agora se olharmos o nosso Github, veremos que tem 2 branches, a `main` e a `botao`
112
142
@@ -120,11 +150,11 @@ Beleza! Agora desenvolvi tudo o que queria aqui na branch `botao`, como que junt
120
150
121
151
## Merge
122
152
123
-
* 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`
153
+
- 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`
124
154
125
155
Pronto, agora tudo o que tinha de alteração na branch `botao` juntou com a `main`
126
156
127
-
* Para finalizar então, vamos jogar lá no Github isso tudo com o `git push origin main`
157
+
- Para finalizar então, vamos jogar lá no Github isso tudo com o `git push origin main`
128
158
129
159
## Clone
130
160
@@ -134,17 +164,17 @@ Sempre que você entrar em um repositório, seja o seu ou o de qualquer outra pe
* Você irá copiar esse link e levar ele lá pro nosso terminal
167
+
- Você irá copiar esse link e levar ele lá pro nosso terminal
138
168
139
-
* O comando para puxar o projeto para a sua máquina é o `git clone https://github.com/rafaballerini/GitTutorial.git`
169
+
- O comando para puxar o projeto para a sua máquina é o `git clone https://github.com/rafaballerini/GitTutorial.git`
140
170
141
171
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á!
142
172
143
173
## Pull
144
174
145
175
E se eu fizer uma alteração no repositório, como vocês podem atualizar na máquina de vocês?
146
176
147
-
* 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
177
+
- 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
148
178
149
179
## Fork
150
180
@@ -158,11 +188,11 @@ Você só precisa apertar nesse botão dentro do repositório e TCHANAM! Ele apa
158
188
159
189
O último conceito que quero ensinar para vocês é o de Pull Request, vamos entender como ele funciona:
160
190
161
-
* 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
191
+
- 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
162
192
163
-
* 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
193
+
- 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
164
194
165
-
* Depois disso, você poderá salvar o projeto, dar o `git add .`, `git commit -m "validação de botões"` e `git push origin main`
195
+
- Depois disso, você poderá salvar o projeto, dar o `git add .`, `git commit -m "validação de botões"` e `git push origin main`
166
196
167
197
Quando você for olhar o seu Github, verá que existe uma mensagem parecida com a seguinte:
0 commit comments