Aula - 3

Aula 3
Repositório
Unidade
Repositório digital: aprenda a

compartilhar seus projetos
O que vamos aprender?
Associar o projeto criado a um

repositório no GitHub.
Visualizar os arquivos do projeto de

forma online, por meio do repositório.
Realizar alterações em tempo real

no código e atualizar os arquivos
diretamente no repositório. ACOMPANHE O VÍDEO DA AULA
2
Criando o primeiro repositório
Anteriormente, adicionamos um perfil à nossa conta no GitHub, colocando
informações sobre nosso trabalho e dados para contato. Nesta aula,
aprenderemos como criar repositórios para inserir nossos projetos no
GitHub. Para isso, escolheremos um dos projetos desenvolvidos no p5.js
ao longo das aulas e o compartilharemos no GitHub.
3
Iniciaremos fazendo login na plataforma do GitHub, com nosso e-mail
cadastrado ou nome de usuário e nossa senha. Depois, abriremos outra
aba no navegador, acessaremos o editor online p5.js e escolheremos um
projeto já existente, como mostrado a seguir.
4
Agora, no cabeçalho da página, clicaremos no ícone , à direita da
página, e selecionaremos a opção .
Esse é o mesmo processo da aula anterior, mas agora, ao nomearmos

o repositório, não colocaremos o mesmo nome do usuário. Desta vez,
devemos escolher um outro termo que seja fácil de lembrarmos.
5
Em seguida, descendo pela página, podemos manter o repositório como
público, e marcaremos a opção Adicione um arquivo README para
adicionar um arquivo de texto em Markdown.
Para finalizar a criação do nosso repositório, clicaremos no

botão .
6
Agora, iremos para a página do editor p5.js e, ao clicarmos na seta acima
da caixa de código, observamos que nosso projeto possui três tipos de
arquivos de código.
7
A partir disso, para inserir os arquivos que temos no p5.js no GitHub, na
página do repositório que foi criado, clicaremos em Adicionar Ficheiro e,
então, selecionaremos Criar novo arquivo.
8
Nomearemos o arquivo com um termo de nossa escolha e, ao final do
nome, acrescentaremos a extensão .html. Depois disso, utilizando
o atalho Ctrl+C do teclado, copiaremos o código correspondente ao
arquivo HTML do p5.js.
No GitHub, clicaremos na opção Editar no repositório que criamos e,
utilizando o atalho Ctrl+V, colaremos o código no corpo do arquivo.
9
Antes de atualizarmos o conteúdo da página em nosso repositório,
adicionaremos um Commit, que é um registro de alterações
dos arquivos.
Para isso, ao final da página, na primeira caixa de texto do bloco
intitulado Commit message, acrescentaremos uma descrição do que foi
feito e, por fim, clicaremos no botão Commit changes.
10
Em casos em que temos vários arquivos que precisam ser colocados no
GitHub, temos algumas opções para acelerar esse processo de inserção
de códigos no repositório. Para isso, utilizaremos uma ferramenta de
apoio chamada GitHub.dev.
Na página inicial do nosso repositório, digitaremos o caractere ponto
final. Após isso, seremos direcionados para o editor de códigos do
GitHub, chamado de Visual Studio Code (VS Code). No lado esquerdo
dessa nova tela, teremos o arquivo que acabamos de salvar e o arquivo
README.md, que geramos ao criar o repositório.
11
Para adicionarmos os outros documentos, selecionaremos a opção Novo
arquivo , que fica ao lado do nome do repositório. Nomearemos
esses novos arquivos de modo semelhante aos nossos arquivos do p5.js,
colocando ao final do nome de cada uma delas as extensões .js e .css.
12
Com os arquivos criados, iremos até o p5.js e copiaremos os códigos
correspondentes a cada um dos arquivos, do mesmo modo que
copiamos o conteúdo do arquivo HTML anteriormente, colando-os na
área de código. Para salvar as alterações, no menu localizado à esquerda
da tela, clicaremos no ícone de Controle do Código-Fonte.
Isso nos permitirá fazer um Commit. Acrescentaremos uma descrição

das ações realizadas e clicaremos no botão Commit & Push para salvar as
13
mudanças feitas.
Por fim, para retornarmos ao nosso repositório, clicaremos no primeiro
ícone localizado no menu esquerdo da tela e selecionaremos a opção
Acessar o Repositório.
Em nosso repositório, observaremos que nossos arquivos já estão

presentes. Depois disso, não se esqueça de sair de sua conta do GitHub.
14
Desafio
Nesta aula, aprendemos a criar um repositório no GitHub para
adicionar nossos projetos, bem como utilizar o GitHub.dev para tornar
o processo de inclusão de projetos mais eficiente. Seu desafio será,
por meio do GitHub.dev, criar um texto no arquivo README.md que
explique um pouco sobre o projeto que você adicionou. Lembre-se de
que esse é um arquivo de linguagem Markdown e, sendo assim, você
precisará formatar seu texto nessa linguagem.
CLIQUE AQUI PARA AVALIAR ESTE MATERIAL

15

Aula - 3

Enviado por

Direitos autorais:

Formatos disponíveis

Aula - 3

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Aula - 3

Enviado por

Direitos autorais:

Formatos disponíveis

Aula 3

Repositório digital: aprenda a

Associar o projeto criado a um

Visualizar os arquivos do projeto de

Realizar alterações em tempo real

página, e selecionaremos a opção .

Esse é o mesmo processo da aula anterior, mas agora, ao nomearmos

Para finalizar a criação do nosso repositório, clicaremos no

Isso nos permitirá fazer um Commit. Acrescentaremos uma descrição

Em nosso repositório, observaremos que nossos arquivos já estão

CLIQUE AQUI PARA AVALIAR ESTE MATERIAL

Você também pode gostar