WDD 130: Fundamentos da Web

S01 Configuração: Crie Seu Repositório GitHub

Visão Geral

O objetivo desta atividade de configuração é criar uma conta gratuita no GitHub e configurar o repositório que você usará durante o curso para armazenar as páginas web que você criará.

O GitHub é um serviço de colaboração e controle de versão online popular e gratuito. Pense nos repositórios do GitHub como um sistema de armazenamento baseado em nuvem para os seus projetos. O GitHub também pode ser usado como um serviço de hospedagem web em conjunto com um serviço web especial chamado GitHub Pages.

Instruções

Crie uma Conta Gratuita no GitHub

1. No seu navegador, acesse github.com.
2. Clique em Registrar-se.
3. Insira um endereço de e-mail e clique em Continuar.
4. Crie uma senha e selecione Continuar.
5. Digite um nome de usuário usando apenas letras minúsculas. Seu nome de usuário ficará visível para outras pessoas, então escolha algo profissional. Se aparecer um '❌' vermelho à esquerda do seu nome de usuário, quer dizer que outra pessoa já está usando esse nome e você precisa escolher um diferente.

   Escolha um nome profissional, pois você usará sua página da conta no GitHub no futuro como um portfólio do seu trabalho.

6. Guarde seu nome de usuário e senha em um local seguro.
7. Conclua as etapas restantes do processo de criação de conta, que pode perguntar se você deseja que o GitHub lhe envie e-mails e pode solicitar que você verifique se não é um robô.
8. Você pode pular qualquer pergunta de personalização selecionando o link Pular Personalização perto do fim da página.

Demonstração de Criação de Conta no GitHub

Crie Seu Repositório do Curso

O GitHub organiza o trabalho em um repositório diferente (geralmente abreviado como "repo") para cada projeto importante em que você trabalha. Nesta etapa, você criará o repositório que será usado durante todo o curso. Em vez de criar um repositório em branco, você começará com um modelo que contém vários arquivos necessários para este curso.

1. No seu navegador, acesse github.com.
2. Certifique-se de que você esteja conectado.
3. Navegue até este repositório.
4. Selecione o botão verde Use este modelo e selecione a opção "Criar um novo repositório".

   

   Se o botão Use este modelo não aparecer, é provável que você não esteja conectado.

5. Não selecione a caixa para incluir todos os ramificaçãoes.
6. Certifique-se de que seu nome de usuário apareça como proprietário e digite wdd130 como nome do repositório.

   

   Importante: Você deve usar wdd130 como nome do repositório para este curso. Se não fizer isso, você não poderá enviar suas tarefas.

   Para que as ferramentas de ajuda e avaliação do curso funcionem corretamente, o repositório deve ter esse nome; caso contrário, não funcionarão.

7. Defina seu repositório como público.
8. Selecione o botão Criar Repositório.

Habilitar GitHub Pages

Agora que você tem um repositório com os arquivos de modelo iniciais, você pode configurá-lo para hospedar páginas web habilitando o GitHub Pages.

1. Navegue até o repositório do seu curso no GitHub.
   • A localização, ou URL, do seu repositório é: https://github.com/seu-nomedeusuario/wdd130, mas certifique-se de substituir seu-nomedeusuario pelo seu nome de usuário real.
2. Selecione a aba Configurações para o repositório.
3. No menu à esquerda, selecione Páginas.
4. Configure as páginas para serem compiladas a partir da raiz do ramificação principal fazendo o seguinte:
   • Deixe Fonte como: Implantar a partir de uma ramificação
   • Na seção filial, selecione principal. Note que geralmente nos referimos a filial como ramificação
   • Após selecionar main, deixe o local como "/ (raiz)", que é o padrão.
   • Clique no botão Salvar.

   

5. Depois de clicar em salvar, o GitHub começará a construir seu site. Pode levar alguns minutos para essa atividade ser concluída. Após a conclusão, você poderá acessar seu novo site em um navegador ou URL: https://seu-nomedeusuario.github.io/wdd130/, mas certifique-se de substituir seu-nomedeusuario pelo seu nome de usuário real.
6. Verifique se sua página carrega em um navegador. Deve ficar parecida com o seguinte:

   

Peça Ajuda ou Ajude Outros.

É muito importante garantir que as etapas acima sejam seguidas corretamente. Se você tiver algum problema, peça ajuda ao seu professor ou seus colegas. Se sua página estiver funcionando corretamente, você poderá ajudar outras pessoas.