Guarde cada versão do trabalho com GitHub e Git

Imagine que o Git é a câmera que tira fotos do seu projeto sempre que você quer salvar uma versão ("agora a página está funcionando", "agora adicionei a seção de contato", "agora o site está pronto"). E o GitHub é o álbum de fotos online onde essas versões ficam guardadas em segurança: se seu computador estragar, você baixa tudo de volta. Como bônus, dá para mostrar o álbum a outras pessoas.

Para você, isso significa três garantias práticas: backup automático do trabalho, histórico de quem mudou o quê e quando, e a liberdade de voltar a qualquer versão anterior sem medo. É a mesma disciplina de versionamento que times de engenharia usam todos os dias, agora a seu favor. Suponha que a página da sua oficina saia do ar depois de uma alteração: com o histórico no GitHub, você volta para a versão da véspera sem refazer nada.

Vamos fazer 3 coisas: (A) criar a conta no GitHub pelo Chrome, (B) baixar e instalar o Git no Windows, (C) conectar os dois.

Na Parte A, você cria a conta no GitHub pelo Chrome

1. 01No Chrome, vá em github.com/signup
2. 02Digite o email (use o mesmo Gmail da sua conta Google) e clique em Continue.
3. 03Crie uma senha forte e clique em Continue.
4. 04Escolha um username (será seu nome público, algo como seunome ou seunome-dev). Clique em Continue.
5. 05Responda se quer receber emails de produto (sim ou não, tanto faz).
6. 06O GitHub pede uma verificação de que você é humano. Costuma ser um pequeno quebra-cabeça visual ou joguinho, e o formato muda de tempos em tempos: resolva o que aparecer e siga.
7. 07Você vai receber um código de 8 dígitos no email. Cole na tela e clique em Continue.
8. 08Na pergunta sobre plano, escolha Free (gratuito, suficiente para tudo que vamos fazer).

Parte B: baixe e instale o Git pelo Chrome.

1. 01No Chrome, vá em git-scm.com/downloads/win
2. 02O download começa automaticamente (não precisa clicar em nada).
3. 03Quando terminar, clique no nome do arquivo na barra de Downloads do Chrome (algo como Git-2.55.x-64-bit.exe; o número da versão muda com o tempo).
4. 04Se o Windows pedir confirmação, clique em Sim.

O instalador do Git tem muitas telas, mas basta seguir estas regras

1. 01Information (licença) → Next.
2. 02Select Destination Location → Next (não mude a pasta).
3. 03Select Components → Next (deixe como está).
4. 04Start Menu Folder → Next.
5. 05Choose default editor used by Git → na lista, escolha "Use Visual Studio Code as Git's default editor" → Next.
6. 06Adjusting the name of the initial branch → escolha "Override the default branch name for new repositories" e deixe o nome main → Next.
7. 07Adjusting your PATH environment → mantenha a opção do meio ("Git from the command line and also from 3rd-party software") → Next.
8. 08Todas as próximas telas → Next (aceite os padrões, são 6 ou 7 telas).
9. 09Para terminar → Install. Aguarde 1 a 2 minutos.
10. 10Desmarque "View Release Notes" e clique em Finish.

Falta a Parte C: conectar o Git ao GitHub pelo aplicativo visual.

A forma mais simples para quem está começando é usar o GitHub Desktop, um aplicativo gráfico oficial do GitHub que faz a conexão por você, sem precisar digitar comandos nem gerar chaves.

1. 01No Chrome, vá em desktop.github.com
2. 02Clique em Download for Windows (64bit).
3. 03Quando terminar, clique no arquivo GitHubDesktopSetup-x64.exe na barra de Downloads.
4. 04Ele instala sozinho e abre automaticamente.
5. 05Na tela inicial, clique em "Sign in to GitHub.com". O Chrome abre uma página pedindo autorização: clique em "Authorize desktop" e digite a senha do GitHub para confirmar.
6. 06Volte ao GitHub Desktop: ele vai pedir seu nome e email. Use os mesmos do Gmail e do GitHub. Clique em Finish.

Confira três sinais antes de avançar: seu username aparece em github.com no canto superior direito, o Git consta em Aplicativos instalados do Windows e o GitHub Desktop abre mostrando a sua conta. Os três presentes? Siga para a conta na Anthropic; faltou um, refaça só a parte correspondente.