Iniciando Git e GitHub Desktop no Windows

Iniciando Git com GitHub Desktop no Windows

Pré-requisto, ter estas alicações instaladas em sua máquina e uma conta criada no https://github.com/ 

Diferença entre Git e GitHub.

Git

É um software de controle de versão (VCS).

GitHub

É uma plataforma de rede social para programadores que também é um repositório remoto.

Criando um Repositório Local

A imagem abaixo mostra algumas diferenças.

Executar o GitHub Desktop e selecionar a opção "Create a New Repository on your hard drive" conforme imagem abaixo.

Preencher as informações conforme imagem abaixo:

Nos campos:

Name -  um nome para o repositório: Evento-Adverso-com-Metamap-e-Twitter-com-Portugues-Brasil

Local path - foi colocado em um diretório desse projeto já existente, anteriormente criado conforme imagem abaixo.

Descriprion: Uma descrição do que se trata o projeto. Detecção de Evento Adverso utilizando a ferramenta Metamap extraindo mensagens do Twitter na língua portuguesa do Brasil.

O nome dos diretórios não precisam ser iguais.

Após selecionar a opção "Create repository" é criado o repositório conforme imagem abaixo:

Este processo já criou um repositório LOCAL versionado e já foi comitado localmente conforme imagens abaixo:

Commit automático e Criado novo diretório versionado

Subindo o Projeto para um Repositório Remoto

Até então o projeto só está localmente no computador e não no git conforme imagem abaixo:

Então, para subir este projeto, basta selecionar a opção "Publish repository" conforme imagem abaixo:

Após selecionado a opção "Publish repository", será apresentado algumas opções, mantenha o repositório público e deixe com o mesmo nome conforme imagem abaixo:

Agora o repositório local foi publicado remotamente  conforme imagens abaixo:

Projeto pronto para trabalho

Projeto remoto criado

Caso o repositório seja privado, é permitido até 3 colaboradores.

Abrindo o Projeto com o Visual Studio Code

Com o GitHub Desktop aberto no projeto, basta selecionar a opção "Open Visual Studio Code" conforme imagem abaixo:

Será apresentado a tela para confianca, basta marcar a caixa de confiar e selecionar em sim para continuar conforme imagem abaixo:

Com isso o projeto já está pronto para ser editado no VSCode conforme imagem abaixo:

Editando o Projeto e salvando nos repositórios

Ao editar qualquer coisa do projeto no VSCode, já é identificado estas alterações automaticamente no GitHub Desktop, conforme imagens abaixo:

Alteração no Readme

Mudanças detectadas.

Alterações em rosa, incrementos em verde

Está marcado Changes 1, pois foi alterado em apenas um arquivo, as alterações foram realizadas, porém não comitadas, para tanto, basta ir na área de comit, dar uma descrição e selecionar a opção "Commit to master" conforme imagem abaixo:

Ao selecionar em "Commit to main", ele não está mandando para o GitHub (repositório remoto), mas sim para o Git(repositório local).  Logo após o app sugere um Push, ou seja "empurrar" para o repositório remoto. Selecionando esta opção vai para o repositório.

Dando refresh remoto

Inicialmente o projeto estava da seguinte forma abaixo:

Após atualização da página no git ficou da seguinte forma:

Editando o Projeto direto no site do Git

Basta clicar no arquivo para edição e comitar que já está atualizado.

Adição na descrição

Para salvar e atualizar, preencher as informações e selecionar em "Commit changes" conforme imagem abaixo:

Resultado do commit abaixo:

Este ajuste só foi realizado remotamente, para que estas alterações apareçam no repositório local e no VSCode é necessário atualizar o repositório local, selecionando a opção "Fetch origin" para verificar se tem algo novo remotamente conforme imagem abaixo:

Caso tenha ele vai sugerir selecionar a opção "Pull Origin", conforme imagem abaixo:

Este processo fetch e pull é recomendado fazer pelo menos uma vez durante todos os dias.

Ao selecionar "pull origen" as atualizações aparecem automaticamente no VSCode.

Criando coisas novas no projeto

Abrindo o GitHub Descktop, selecionar o VSCode, criar um site deste projeto conforme imagem abaixo:

A letra "U" é que o repositório não sabe desta nova criação até que seja feito o commit.

No VSCode, para criar uma página, digite ! e dê enter para criar o código básico em HTML. Edite as informações, salve, vá no GitHub Desktop que já vai identificar novas mudanças e faça um commint e um push.

Clonar Repositórios de outros

Ir no repositório desejado "https://github.com/gustavoguanabara/html-css", selecionar a opção "Code" e selecione a opção "Open with GitHub Desktop" conforme imagem abaixo:

Será perguntado se quer abrir o GitHubDesktop, selecione em abrir e será apresentado opção do que será clonado e para onde será clonado, pode-se alterar o caminho conforme abaixo:

Selecione a opção "Clone".

Com isso, todo o projeto está na máquina local e é possível alterar código, contudo por padrão, não é permitido enviar o push. O projeto já é visível no GitHubDesktop 

Ao alterar, o commit é realizado, mas ao enviar acusa conforme tela abaixo:

Ou seja, só com o fork que será visto em outro tópico abaixo.

Issues

Issues são problemas identificados por usuários em execução de algum sistema ou artefato qualquer. Este usuário vai no repositório, clica em issues e, caso não tenha uma similar a sua, crie uma nova issue.

Referências:

Instalando Git e GitHub no Windows

Playlist do curso de Git do Gustavo Guanabara:

PlayList Curso Git e GiHub

Baixando o Chrome Correto (StandAlone)

https://github.com/gustavoguanabara/git-github 

https://octodex.github.com/ 

As imagens que não estão com os devidos créditos, provavelmente foram tiradas dos links nas referências.

Para direitos autorais, entre em contato para atribuir os devidos créditos.