├── img ├── arrow-down.png ├── fork.png └── pull.png ├── index.html └── styles.css /img/arrow-down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/guilhermeonrails/manual-do-git-e-github/a456673702e7e557df0ef6e2622b7f1adebdf14f/img/arrow-down.png -------------------------------------------------------------------------------- /img/fork.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/guilhermeonrails/manual-do-git-e-github/a456673702e7e557df0ef6e2622b7f1adebdf14f/img/fork.png -------------------------------------------------------------------------------- /img/pull.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/guilhermeonrails/manual-do-git-e-github/a456673702e7e557df0ef6e2622b7f1adebdf14f/img/pull.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Guia prático Git 7 | 8 | 9 | 10 | 11 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |

23 | Um guia prático para começar com git, sem complicações! 24 |

25 |

26 | por: Gui Lima 27 |
créditos para: 28 | @beatrizmouradev, 29 | @loresgarcia, 30 | @luanalvesdev, 31 | @monicahillman
32 | @nayannebatista, 33 | @neiltonseguins e 34 | @renangenito. 35 | 36 |

por favor informe problemas em: 37 | GitHub 38 |

39 | imagem de uma flecha para baixo 40 |
41 |
42 |
43 |
44 |

Instalação

45 |

46 | O Git pode ser instalado nos seguintes sistemas operacionais: Windows, 47 | Linux e MacOS. Links abaixo: 48 |

49 | 52 | 58 | 61 |
62 |
63 | 64 |
65 |
66 |

GitHub

67 |

68 | Plataforma de hospedagem e compartilhamento de código que realiza o 69 | controle de versão por meio do Git. O Github permite que os usuários 70 | colaborem em conjunto em um projeto, façam modificações e registrem o 71 | seu progresso. 72 |

73 | 74 |
75 |
76 | 77 |
78 |
79 |

Adicionando alterações

80 |

81 | Quando desejar adicionar alterações você deve antes de tudo adicionar 82 | o arquivo ou os arquivos modificados. 83 |

84 |

git add nomeDoArquivo

85 |

ou

86 |

87 |

git add .

88 |

89 | Depois de adicionar os arquivos eles precisam ser "etiquetados" e você 90 | pode fazer isso realizando um commit: 91 |

92 | 93 |

94 |

git commit -m "mensagem de commit"

95 |
96 |
97 | 98 |
99 |
100 |

Log

101 |

102 | Exibe os registros ou históricos de commit. 103 |

104 |

git log

105 |
106 |
107 | 108 |
109 |
110 |

Clonando um repositório

111 |

Use para obter a cópia de um repositório Git existente, criando um clone local dos arquivos

112 |

git clone link-do-repositorio

113 |
114 |
115 | 116 |
117 |
118 |

Restore

119 |

120 | Restaura os arquivos das árvores de trabalho para serem idênticos aos 121 | do commit atual. 122 |

123 |

git restore

124 |

125 | Use para obter a cópia de um repositório Git existente, criando uma 126 | cópia local dos arquivos 127 |

128 |
129 |
130 | 131 |
132 |
133 |

git push

134 |

135 | Para enviar as alterações para o repositório remoto, é preciso usar o 136 | comando: 137 |

138 |

git push origin suaBranch

139 |

140 | Você pode escolher a branch que quiser no seu projeto 141 |

142 |

143 |

144 | Se você não clonou nenhum repositório e deseja enviar suas alterações 145 | para um servidor remoto, precisa adicioná-lo antes com 146 |

147 |

git remote add origin servidorRemoto

148 |

149 | Agora você pode enviar suas alterações para um servidor remoto 150 |

151 |
152 |
153 | 154 | 155 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0%; 4 | } 5 | 6 | :root { 7 | --principal: #5f9ea0; 8 | --secundaria: #eefdff; 9 | } 10 | 11 | body { 12 | height: 100vh; 13 | } 14 | 15 | .container { 16 | height: 100%; 17 | text-align: center; 18 | padding:2em; 19 | font-family: 'Inconsolata', monospace; 20 | font-weight: 400; 21 | font-size: 30px; 22 | display: flex; 23 | justify-content: center; 24 | align-items: center; 25 | } 26 | 27 | .arrow__img { 28 | margin-top: 1em; 29 | } 30 | 31 | .texto__titulo { 32 | font-size: 70px; 33 | font-weight: 700; 34 | } 35 | 36 | .texto__descricao { 37 | margin: 1em 0; 38 | } 39 | .texto__descricao__creditos{ 40 | color: rgb(128, 128, 128); 41 | } 42 | .texto__descricao__creditos a{ 43 | text-decoration: none; 44 | color: #000 45 | } 46 | 47 | .texto__descricao__creditos a:hover{ 48 | text-decoration: underline; 49 | cursor: pointer; 50 | } 51 | .texto__codigo { 52 | background-color: black; 53 | color: white; 54 | border-radius: 12px; 55 | margin-top: 1em; 56 | padding: 0.2em 0.5em; 57 | display: inline-block; 58 | } 59 | 60 | .texto__img { 61 | height: 200px; 62 | } 63 | 64 | .primeiro { 65 | background-color: var(--secundaria); 66 | } 67 | 68 | .segundo { 69 | background-color: var(--principal); 70 | } 71 | 72 | .link{ 73 | font-size: 40px; 74 | background-color: #063141; 75 | padding: .3em; 76 | border-radius: 20px; 77 | margin: .5em 0; 78 | text-align: center; 79 | } 80 | 81 | .link a{ 82 | text-decoration: none; 83 | color: #FFF; 84 | } 85 | .link a:hover{ 86 | text-decoration: underline; 87 | } 88 | 89 | --------------------------------------------------------------------------------