Entrar Ainda não tem acesso?
1
resposta

[Dúvida] Como postar código feito no P5.JS, no GitHub?

Referente ao curso Git e Github: controle e compartilhe seu código

por João Victor Chultte Mascarenhas
| 85.4k xp | 1 posts
Estagiário

Bom dia, como faço para postar um código feito no p5.js no GitHub? Baixei o arquivo zipado, porém não estou conseguido postar no Git. Alguém pode me ajudar?

1 resposta
por RODRIGO SILVA HARDER
| 2302.6k xp | 4888 posts
Alura Scuba Team Monitor de Fórum Ops

Oi, João, tudo bem?

Peço desculpas pela demora em te responder!

Para compartilhar o projeto criado utilizando o p5.js no GitHub é necessário seguir alguns passos:

  • Vá até o p5.js e estando com o projeto aberto clique em File e em seguida em Download;

  • O projeto será baixado em uma pasta zipada, portanto, é preciso extrair os arquivos para uma outra pasta, clicando com o botão direito do mouse e selecionando a opção Extrair tudo;

  • Em seguida abra o GitHub e clique no sinal de mais (+) ao lado do seu perfil, selecione a opção new repository.

    Recorte de captura de tela colorida do GitHub mostrando na parte superior uma faixa preta contendo do lado esquerdo o logotipo do GitHub, uma aba de busca e cinco opções: Pull request, issues, codespace, marketplace, explore. Ao lado direito na mesma linha, da direita para a esquerda temos: um ícone com a foto de perfil do usuário, um sinal de mais sendo clicado e apresentando uma moldura rosa, que ao ser clicado abre um submenu com seis opções: New repository com uma moldura rosa em seu redor, import repository, new codespace, new gist, new organization, new project. e por fim ao lado do sinal de mais há o ícone de um sino.Abaixo a tela é dividida em duas colunas de texto, sendo da esquerda para a direita uma coluna contendo informações de repositórios, e ao lado uma contendo informações sobre a comunidade do GitHub.

  • Depois, dê um nome para o repositório, e faça uma breve descrição do projeto. Aproveite para clicar no botão add Readme, pois é muito interessante acrescentar informações sobre o projeto. Na sequência role para o final da página e clique no botão Create Repository.

    Recorte de captura de tela colorida do GitHub mostrando o título Create a new repository, abaixo vemos um subtítulo explicando o que é um repositório e caso haja algum um link indicando como importar um repositório já existente. Logo abaixo temos o perfil que está criando o repositório à esquerda e ao lado um campo onde deve ser adicionado o nome do repositório sendo apontado por uma seta rosa. Abaixo temos outro campo que deve ser preenchido com a descrição do repositório sendo apontado por uma seta rosa. Na sequência duas opções de repositório, uma pública e outra privada, e por fim a opção de Add a Readme file ao final da página.

    Caso tenha interesse em saber o que é e como elaborar um Readme para seu projeto deixo aqui um artigo do Alura+ que pode te ajudar:

  • Após criar um repositório, clique em Add File e selecione a opção Upload File;

    Recorte da captura de tela colorida do GitHub mostrando na parte superior da esquerda para a direita um botão escrito main e os dizeres: 1 branch e 0 tags. Do lado direito da esquerda para a direita temos três botões: Go to file, Add file, com uma moldura rosa ao redor,sendo clicado e um submenu aparecendo com as opções Create new file e Upload files apontado por uma seta rosa e por fim o botão code. Abaixo é possível ver o perfil de usuário ao lado esquerdo e ao lado direito a quantidade de commits. Abaixa há um arquivo markdown com nome de Readme.

  • Por fim arraste os arquivos que você quer adicionar para o espaço indicado e realize um commit para adicionar os arquivos e clique no botão Commit Changes.

    Recorte da captura de tela colorida do Github mostrando um espaço com a frase: Drag files here to add them to your repository. Abaixo há uma aba contendo um espaço para realizar o commit ao lado do perfil do usuário e ao final da tela os botões: Commit Changes e Cancel.

Espero ter ajudado e caso tenha dúvidas estarei à disposição!

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!