Desvendando o Git & GitHub

- Introdução a diversos tópicos relacionado ao Git e GitHub:
----- Conceitos de Controle de Versão
----- Controle de versão com o Git
----- Como usar o GitHub
----- Como usar o SourceTree para trabalhar com Git e GitHub

- Exemplos práticos de uso do Git para controle de versão

- Como trabalhar em equipe com o Git
----- Evitando conflitos
----- Resolvendo conflitos

- Workflow típico de uso do Git para consulta rápida

- Tutoriais diversos de como utilizar o Git

Transcript

1. Git & GitHub Rodrigo Bernardino (rbbernardino@gmail.com) Desvendando
2. Escreva uma Redação • O que você fez nas férias?
3. Escreva uma Redação • Do que você precisa?
4. Escreva uma Redação • Quais os passos a seguir? 1. Sentar 2. Escrever 1x 3. Entregar 4. Falta algo?
5. Escreva uma Redação • Quais os passos a seguir? ◦ Sentar ◦ Escrever ◦ Revisar ◦ Entregar • Razão: escolhas N vezes
6. Escreva uma Redação • Quais os passos a seguir? ◦ Sentar ◦ Escrever ◦ Revisar ◦ Entregar ◦ <img varios papeis> N vezes
7. Escreva uma Redação • Manter versões antigas • Lembrar palavra • Lembrar frase • Porque ◦ Muitas formas de dizer ◦ Muitos caminhos diferentes
8. Bob e seu Chapéu • Era uma vez um designer feliz...
9. Bob e seu Chapéu • Trabalha em Equipe • Pedido: Personagem
10. Bob e seu Chapéu • Bob
11. Bob e seu Chapéu • Equipe: chapéu?
12. Bob e seu Chapéu • Bob com chapéu!
13. Bob e seu Chapéu • Bob com chapéu!
14. Bob e seu Chapéu • Bob com chapéu • Rejeitado → Apagado!
15. Bob e seu Chapéu • O tempo passa….
16. Bob e seu Chapéu • O tempo passa…. e Bob muda pra verde!
17. Bob e seu Chapéu • Equipe: cadê aquele chapéu?
18. Bob e seu Chapéu • Equipe: cadê aquele chapéu? • Você: joguei fora!
19. Programando Sem Limites Controle de versão
20. Programando Sem Limites 1. Escreve 2. Testa a. Erro b. OK! 3. Prox Passo a. Escreve, testa, etc. Controle de versão
21. Programando Sem Limites • Código antigo • Apaga Controle de versão
22. Programando Sem Limites • Cria Y • Y funciona • Modifica X • X funciona Controle de versão
23. Programando Sem Limites • Cria Y • Y funciona • Modifica X • X funciona • Y dá erro • Não sei onde mexi! Controle de versão
24. Programando Sem Limites • Programando em Equipe Controle de versão
25. Programando Sem Limites • Programando em Equipe Controle de versão
26. Programando Sem Limites • Prog. A: “dono” do arquivo X • Prog. B: “dono” do arquivo Y Controle de versão 1. A: altera arquivo X a. altera um pouco de Y b. X funciona, Y dá erro 2. B: percebe erro em Y
27. Programando Sem Limites • Prog. A: “dono” do arquivo X • Prog. B: “dono” do arquivo Y Controle de versão 1. A: altera arquivo X a. altera um pouco de Y b. X funciona, Y dá erro 2. B: percebe erro em Y a. Não consegue resolver
28. Programando Sem Limites • Prog. A: “dono” do arquivo X • Prog. B: “dono” do arquivo Y Controle de versão 1. A: altera arquivo X a. altera um pouco de Y b. X funciona, Y dá erro 2. B: percebe erro em Y a. Não consegue resolver b. A viajou
29. Programando Sem Limites • Prog. A: “dono” do arquivo X • Prog. B: “dono” do arquivo Y Controle de versão 1. A: altera arquivo X a. altera um pouco de Y b. X funciona, Y dá erro 2. B: percebe erro em Y a. Não consegue resolver b. A viajou c. se mata?
30. Programando Sem Limites • Prog. A: “dono” do arquivo X • Prog. B: “dono” do arquivo Y Controle de versão 1. A: altera arquivo X a. altera um pouco de Y b. X funciona, Y dá erro 2. B: percebe erro em Y a. Não consegue resolver b. A viajou c. se mata Usa o Git!
31. Resumindo... • Você vai errar!
32. • Você vai errar muito até acertar! Resumindo...
33. Voltando Atrás... • Algumas vezes você já acertou sem ver
34. Ta, e onde entra o Git? • Só mais uma coisa... • Você já instalou? • SourceTree ◦ Todas as funcionalidades ◦ Interface gráfica ◦ Bonito e intuitivo ◦ Servidores: GitHub, BitBucket... ◦ https://www.sourcetreeapp.com/
35. Mas afinal, o que é Git? • Sistema de Controle de Versão (VCS) ◦ Histórico de alterações • Distribuído (D-VCS) • Colaborativo • +GitHub → Social coding
36. Afinal, o que é Git? • Sistema de Controle de Versão (VCS) ◦ Histórico de alterações • Distribuído (D-VCS) • Colaborativo • +GitHub → Social coding
37. Controle de Versão • Histórico de Revisões … ou Versões • Registro de Alterações
38. Controle de Versão: Dropbox • Free: 30 dias de histórico • Todo e qualquer arquivo • Plano pago: 1 ano de histórico
39. Controle de Versão: Dropbox
40. Controle de Versão: Google Drive • Free: ◦ max 200 versões permanentes ◦ max 100 versões (automático) ◦ deleta versões extra a cada 30 dias • Todo e qualquer arquivo • Detalhamento para Docs
41. Controle de Versão: Google Drive
42. Controle de Versão: Google Drive
43. Controle de Versão: Google Drive
44. Controle de Versão: Git • Detalhes para textos ◦ código fonte, .txt, etc.
45. Git: Conceitos • Repositório (repository - repo) 1. Grupo de arquivos ▪ Organizado por pastas ▪ Representa um projeto
46. Git: Conceitos • Repositório (repository - repo) 1. Grupo de arquivos ▪ Organizado por pastas ▪ Representa um projeto 2. Histórico de Revisões
48. 1. 1. Cadastro - http://github.com 2. Software - http://desktop.github.com 3. GitHub → Criar repo local - “testeGit” 4. Criar 3 arquivos - (.txt + .jpg + .zip) 5. Verificar mudanças locais 6. Criar repositório público (“Publish”) 7. Verificar mudanças remotas Meu primeiro repo
49. Git: Conceitos • Repositório (repository - repo) ◦ Grupo de arquivos ◦ Organizado por pastas ◦ Representa um projeto ◦ Histórico de Revisões ▪ Indexado (biblioteca)
50. Git: Conceitos (Indexar)
51. Git: Conceitos • Repositório (repository) ◦ Grupo de arquivos ◦ Organizado por pastas ◦ Representa um projeto ◦ Histórico de Revisões ▪ Indexado (biblioteca) ▪ .git
52. Git: Conceitos • Revisão (revision) ◦ Versão ◦ Projeto inteiro ▪ Mudei só 1 arquivo ▪ Mudei vários arquivos • Visualizar histórico ◦ Arquivo ◦ Projeto ◦ Quem, Quando, Onde e Porque alterou
53. Git: Conceitos • Revisão e Tamanho do Projeto ◦ Projeto inteiro ◦ Cópias do inalterado? ◦ Tamanho?
54. Git: Conceitos (invisível ao usuário) • Revisão e Tamanho do Projeto
55. Migração: SVN → Git (invisível ao usuário)
56. Git: Repositórios • Remotos (remote) ◦ Nuvem ◦ GitHub ◦ Cópia dos arquivos • Locais (local) ◦ Onde as mudanças ocorrem ◦ Recebe mudanças (pull - puxar) ◦ Envia mudanças (push - empurrar) 1. Arquivos locais com Versão Atual 2. Histórico de revisões (Versões Anteriores) a. Projeto inteiro b. Logo, cada arquivo
57. Git: Repositórios • Remotos (remote) ◦ Nuvem ◦ GitHub ◦ Cópia dos arquivos • Locais (local) ◦ Onde as mudanças ocorrem ◦ Recebe mudanças (pull - puxar) ◦ Envia mudanças (push - empurrar) 1. Arquivos locais com Versão Atual 2. Histórico de revisões (Versões Anteriores) a. Projeto inteiro b. Logo, cada arquivo
58. Git: Repositórios • Remotos (remote) ◦ Nuvem ◦ GitHub ◦ Cópia do repo local • Locais (local) ◦ Onde as mudanças ocorrem ◦ Sync: atualiza c/ mudanças ▪ Recebe do remoto ▪ Envia para remoto
59. Git: Criando Revisão • Transações (tradicional) Caixa Eletrônico Central (banco) Efetuando Transação R$ 100 → R$ 20 Trans: - R$ 80 << apenas isso >> Sync -50 +10 -30 ... Novo: - R$ 80 << tudo >>
60. Git: Criando Revisão • Repositório Efetuando Transação gabinete
61. Git: Criando Revisão (repositório) Rmt repositório Arquivos / Pastas cópia da versão atual versão atual todas as versões
62. Git: Criando Revisão 1. Altera Arquivo Rmt cópia atual
63. Git: Criando Revisão 2. Prepara Revisão Rmt
64. Git: Criando Revisão 3. Salva Versão (commit) Rmt cópia v. atual
65. Git: Criando Revisão Controle Local Rmt
66. Git: Criando Revisão Controle Distribuído Rmt
67. Git: Criando Revisão 4. Sincronizando (Remoto) Rmt
68. Git: Criando Revisão 4. Sincronizando (Remoto) Rmt Alterações?
69. Git: Criando Revisão 4. Sincronizando (Remoto) Rmt
70. Git: Criando Revisão 4. Sincronizando (Remoto) Rmt
71. Git: Conceitos • Commit ◦ cria revisão ◦ altera repo local • Escolha ◦ O que “commitar” ◦ Checkbox • Push / Empurrar / Enviar ◦ Aplica no repo remoto
72. GitHub: Servidor de Repo’s • Nas nuvens • Social • repo: Público ou Privado
73. Explorando o GitHub (Site) 1. Perfil 2. Dashboard 3. Seus repo (próprios, colaborador, watching) 4. Criar pelo site 5. Navegar pelos arquivos 6. Navegar pelas versões 7. Adicionar contribuidor
74. Explorando o SourceTree • Clone / New • Commit • Discard • Push / Pull • Tag • Stash • Log / History • Checkout • • • • • • • • Clonar / Novo Commit Descartar Enviar / Puxar Etiqueta Esconder Log / Histórico Cheque
75. Colaborativo 1. Me digam seus username (evento fb) 2. Clone do meu repo aulaGit 3. Add como contribuidores 4. Abra arquivo_de_texto.txt 5. Alguém muda linha 6. 6. Todos atualizam 2.
76. Merge Manual 1. Pessoa A altera arquivo (Linha 7) 2. Pessoa B altera mesmo arquivo (Linha 11) 3. A: commita 4. B: tenta Puxar → Erro! 5. Copia arquivo modificado (pra fora) 6. Puxar → Ver mudanças → Altera linha 11 3.
77. Merge automático 1. Pessoa A altera arquivo X a. Acrescenta: “mudei arquivo X!” 2. Pessoa B altera arquivo Y 3. A: commita 4. B: tenta Puxar → nova bolinha / revisão! a. Ver mudança do outro em X b. Commita suas mudanças 5. C: verifica X e Y (puxar) 4.
78. A B Rmt Commit Simultâneo 5.
79. 1. A modifica X → commita 2. B modifica Y → commita 3. A modifica Z → commita 4. C modifica W → commita 5. A -- Envia → remoto (1o a enviar) 6. B -- Envia → remoto 7. C -- Envia → remoto Commit Simultâneo 5.
80. Git: Regras para uso Básico 1. Uma pessoa por arquivo 2. “Puxar” antes de alterar 3. Alterar normalmente… 4. “Puxar” depois de alterar, antes do commit 5. Sempre fazer commit ao terminar 6. Sempre fazer “Enviar” após commitar a. A → arq. X b. B → arq. Y c. B --?-- X → (avisa A)
81. Git: 1 Arquivo, N Pessoas 1. “Puxar” antes de alterar 2. Alterar normalmente... 3. “Esconder” antes de puxar 4. “Puxar” mais uma vez… 5. Conflitos? Edite manualmente 6. Fazer commit 7. “Enviar” Apenas Texto • Código fonte • .txt
82. Git: Workflow Básico 1. Sentar na frente do PC 2. Puxar 3. Desenhar, programar, musicar(o.õ?) 4. Acabei meu trabalho! =) 5. Puxar novamente! 6. Commit 7. Enviar
83. Tags
84. Parte 1: FIM!
85. Parte 2 Git: Indo Mais Fundo
86. .gitignore • Extensões de arquivos irrelevantes ◦ Arquivos temporários ◦ Configurações do usuário • Templates ◦ Windows / Linux / Mac ◦ C++ ◦ Java ◦ etc...
87. Branches
88. Mais detalhes • Git pro (livro online gratuito - pt-br também!) ◦ https://git-scm.com/book/pt-br/v1 • Try it! ◦ https://try.github.io/levels/1/challenges/4 • Breve introdução para não programadores ◦ http://blog.scottlowe.org/2015/01/14/non-programmer- git-intro/ • Guia breve, mas detalha principais conceitos ◦ http://rogerdudler.github.io/git-guide/
89. FIM! Rodrigo Bernardino (rbbernardino@gmail.com)