Git: GitHub, GitHub Pages, GitHub Desktop e Atom

Publicado a 19/02/2018, 01:44 por Luis Pitta -org-   [ atualizado a por Luis Pitta ]


GitHub


Procedimento inicial no GitHub:

0. Criar uma conta gratuita no GitHub em https://github.com/join

1. Entrar no GitHub em https://github.com utilizando a conta criada anteriormente

2. Criar um novo Repositorio

Procedimento:

a. Clicar em + (canto superior direito) e escolha New Repository
b. Escolha um nome sugestivo e curto (sem maiúsculas, nem espaços)
c. Preencha a Descrição apasar de ser opcional (é uma boa prática)
d. Colocar o visto na opção "Initialize this repository with a README"
e. Clique em "Create repository"

3. Para permitir a publicação vamos ativar o GitHub Pages

    Para isso devemos ir a Settings (mais acima do lado direito) descer até à área "GuitHub Pages" e em Source ativar o Master Branch. Clicar em Save.

Deve surgir a mensagem: Your site is ready to be published at https://lpitta.github.io/aib2019/.

4. Para carregar os nossos ficheiros HTML, CSS e JS devemos ir a Code (mais acima do lado esquerdo) e  através do botão "Upload files" (mais abaixo do lado direito)

Quando os projectos ficarem mais complexos (com dezenas ou centenas de ficheiros) devemos instalar o GitHub Desktop que nos permite trabalhar no nosso editor IDE favorito (Atom por exemplo)

5. Para testar o resultado do nosso código (HTML, CSS e Javascript) devemos esperar cerca de 10 a 20 segundos para que o upload seja validado pelo GitHub e enviado para o GitHub Pages

Agora basta clicar no URL fornecido pelo GitHub Pages no passo 3: https://lpitta.github.io/aib2019/ e verificar o resultado.






GitHub Pages


O GitHub Pages é um serviço gratuito que permite alojar as nossas páginas web estáticas a partir do repositorio GitHub.

Cada conta GitHub recebe um site que pode armazenar um numero ilimitado de projetos.
O URL inicial tem a seguinte sintaxe: https://username.github.io

Para configurar o URL inicial siga os seguintes passos: https://pages.github.com


Exemplo URL inicial para a conta LPitta
GitHub pessoal (Público): https://github.com/lpitta
Output do GitHub pessoal: https://lpitta.github.io

Utilizando o FreeNomlpitta.ga
(devemos configurar o dominio para apontar para o Output do Github pessoal, ou seja para 
https://lpitta.github.io)

Exemplo para o repositório "hello-world"
Output do projeto Hello-World: https://lpitta.github.io/hello-world/




Github Desktop



Podes instalar o GitHub Desktop para trabalhares a partir do computador com o teu IDE favorito (Atom por exemplo).
Esta aplicação faz sincronização automática e bidirecional com o repositório GitHub.


Aceder a https://desktop.github.com, descarregar e instalar o Github Desktop.


Termos utilizados na sincronização Desktop <-> Github

Push (empurrar) > Enviar para o Github (sentido desktop > Github)
Pull (puxar, tirar) > Fetch + Merge  (sentido Github > Desktop)



O editor Atom


O editor Atom é bastante poderoso, gratuito e tem uma integração total com o Github.

Aceder a https://atom.io, descarregar e instalar o Atom.

A integração com o Github já vem pré instalada, só precisamos de fazer login (via token)