‫Instrutor: Neste vídeo, vamos
‫colocar todo o nosso código no GitHub ou, como costumamos dizer,
‫vamos enviá-lo para um branch remoto.
‫Para começar, vá para o github. com, e assim
‫que você estiver logado, basta
‫clicar aqui neste botão de
‫adição e criar um novo repositório.
‫Agora, mais uma vez, se a página parecer um pouco
‫diferente no ponto em que você está
‫assistindo este vídeo, basta pesquisar em algum lugar da página por um novo repositório.
‫Ok, então primeiro, você precisa dar um
‫nome ao repositório.
‫Então, estou chamando de natours aqui, o
‫que para mim
‫não é possível porque já tenho um repositório natours,
‫então estou apenas chamando de natours rec para gravação, mas você pode
‫ir em frente e chamá-lo de natours.
‫Em seguida, também podemos adicionar uma
‫descrição, o
‫que não farei, e podemos defini-la como pública ou privada.
‫Acho que agora mesmo as contas
‫gratuitas podem ter repositórios privados.
‫Repositórios privados, como o nome
‫diz, só você pode ver e também pode convidar outras pessoas.
‫Com repositórios públicos, eles são obviamente visíveis
‫para todos e, portanto, são
‫perfeitos para código-fonte aberto.
‫Nesse caso, estou apenas deixando-o
‫privado, em seguida, deixo todos esses padrões,
‫e aqui é muito importante que não
‫inicializemos este novo repo com um readme, porque
‫isso criaria um conflito um pouco mais tarde.
‫Nós realmente queremos que este repositório seja totalmente
‫novo e completamente vazio aqui no GitHub.
‫Fazer isso aqui
‫é semelhante ao que fizemos antes localmente com git init.
‫A única diferença é
‫que desta vez ele realmente está
‫no GitHub, então agora é um repositório remoto.
‫Excelente.
‫Agora, o objetivo aqui é
‫basicamente enviar todo o nosso código local para este repositório remoto, certo.
‫Para poder fazer
‫isso, precisamos informar nosso repositório local sobre
‫este repositório remoto que acabamos de criar aqui.
‫Ok, basicamente temos que conectá-los.
‫Isso é exatamente o que está definido aqui.
‫O que queremos fazer é enviar por push
‫um repositório existente da linha de comando
‫e, portanto, vamos
‫copiar este código aqui para nossa linha de comando, ok.
‫O que isso vai fazer?
‫Bem, ele irá adicionar um branch remoto.
‫Remoto significa que é um branch hospedado, basicamente.
‫E esse branch remoto, ou você
‫também pode chamá-lo, esse repositório remoto, vai se chamar origin,
‫e está localizado nesta url aqui, então
‫neste local.
‫Então pressione Enter e pronto.
‫Agora, esses dois repositórios estão basicamente conectados.
‫Neste ponto, estamos prontos para fazer git push, que é a
‫ação para basicamente copiar nosso código local
‫em nosso branch remoto em nosso repositório remoto.
‫Em seguida, o nome da
‫ramificação remota que é de origem
‫e, em seguida, o nome da ramificação local, que é mestre, tudo bem.
‫Então git push origin master.
‫Pressione return e, é claro, isso
‫deve levar algum tempo.
‫Agora, primeiro, ele também nos pede nosso nome de usuário, que
‫é apenas o endereço de
‫e-mail, e provavelmente você não precisa mais
‫fazer isso porque você já especificou,
‫mas eu não o fiz antes no vídeo, lembre-se disso, vamos fazer
‫isso agora.
‫A propósito, porque estou usando uma conta diferente no
‫meu computador para registrar estes cursos, então eu
‫realmente não uso o git aqui,
‫então é por isso que eu precisei fazer isso.
‫Agora de qualquer maneira, ele agora me pede minha
‫senha, então escreva sua senha aqui, aperte
‫return também, e então ele deve
‫começar a enviar os dados para seu branch remoto.
‫Ele está fazendo esse trabalho agora.
‫Você pode ver
‫todas as estatísticas, quantos arquivos existem, sua velocidade de
‫upload e quanto já foi feito.
‫Tudo bem, então voltarei assim que terminar.
‫Ok, e é isso.
‫Então, vamos verificar isso aqui no GitHub.
‫Vamos recarregar e, de fato, vamos lá.
‫E, de fato, aqui temos
‫todos os arquivos que acabamos de adicionar ao nosso commit antes, certo.
‫Você vê que
‫tudo isso aqui diz commit inicial e,
‫em seguida, este arquivo, app. js, onde realmente fizemos
‫algumas modificações, ele diz, em seguida, adicionado
‫um comentário, que foi a
‫mensagem de commit que usamos para aquele
‫commit específico em que apenas submetemos este arquivo.
‫Lembre-se disso?
‫Então, na verdade, foi seis minutos depois.
‫Excelente.
‫Vamos apenas dar uma olhada nisso.
‫Como fica aqui no GitHub.
‫Sim, esse é todo o nosso código.
‫Bem hospedado agora basicamente neste lugar, ou seja, no GitHub.
‫Você também vê que nossos arquivos ignorados não estão aqui.
‫O módulo de nó e também o arquivo de configuração,
‫então exatamente os arquivos que
‫realmente não queremos em um repositório, bem, eles
‫agora não estão aqui como o esperado.
‫A propósito, a operação oposta de push que acabamos
‫de fazer é a operação de puxar.
‫Então, imagine que você está trabalhando em dois computadores
‫diferentes e deseja começar a trabalhar em
‫um computador e continuar no outro.
‫Para fazer isso, você pode enviar o código de
‫um computador para o GitHub e, em seguida, no outro, simplesmente extraí-lo.
‫Isso seria muito simples.
‫O comando seria quase o mesmo, mas
‫em vez disso git pull origin e master, então o branch no qual
‫você está trabalhando atualmente.
‫Não vou fazer isso agora,
‫mas em vez disso, vou criar um arquivo leia-me.
‫Esse é um arquivo muito
‫padrão que todo repositório deve ter.
‫Vamos fazer isso aqui.
‫O padrão realmente é, portanto, não uma pasta,
‫mas um arquivo, e novamente, o padrão
‫é chamá-lo de readme. md que significa remarcação.
‫Este arquivo aqui é escrito em markdown.
‫Vamos usar este símbolo hash aqui para adicionar
‫o título principal.
‫Vamos chamar esse aplicativo natours.
‫Então, apenas um
‫parágrafo abaixo daquele construído com tecnologias modernas.
‫Isso não é realmente correto, tecnologias.
‫Node js, express, mongoDB, mongoose e amigos, digamos.
‫Tudo bem, vamos salvar isso agora.
‫E se dissermos agora obter status,
‫você deve ver isso como um novo arquivo e, de fato, aqui está.
‫Agora, na verdade, depois de fechar e abrir novamente o
‫aplicativo de código VS, esta parte aqui do aplicativo realmente
‫começou a funcionar.
‫Agora você vê aqui, que o leia-me. O arquivo md
‫aparece sob as alterações.
‫Ele aparece aqui como U, o que significa não rastreado.
‫Ok, e também como mencionei antes, você
‫pode realmente ver isso aqui na árvore de arquivos.
‫Está verde agora, ok,
‫e se você alterar, digamos outro arquivo,
‫por exemplo, encadeando aqui ao aplicativo.
‫Pegue um cofre, então você vê aqui este M,
‫que significa modificado.
‫Ele também aparece aqui.
‫Aqui, essa barra fica azul porque agora está
‫modificada, então esta é uma modificação e
‫não uma inserção.
‫Antes era verde porque eu inseri
‫o código e agora é azul porque eu modifiquei.
‫Aqui também posso voltar facilmente.
‫Quero descartar as
‫alterações e, para você
‫ver, tudo volta ao que era antes, ok.
‫De qualquer forma, vamos agora adicionar este arquivo à área de teste.
‫Git add e então você pode usar tab para
‫autocompletar como sempre.
‫Então, vamos agora confirmá-lo, então git commit the
‫message adicionou um readme como este.
‫E agora, vamos enviá-lo para nosso branch remoto, apenas para que possamos
‫dar uma olhada no GitHub.
‫Isso é git push origin master.
‫Vamos dar uma olhada nisso aqui.
‫E agora, aqui você vê aquele leia-me que acabamos de criar.
‫Você verá também que a mensagem
‫de confirmação para este foi adicionada como readme um minuto atrás.
‫Certo, ótimo.
‫É isso, são os fundamentos absolutos que
‫eu queria mostrar a
‫vocês nesta palestra e a última sobre git e também GitHub.
‫Tudo bem, agora outra coisa aqui sobre o GitHub
‫é que muitas vezes, quando iniciamos o seu
‫projeto, na verdade fazemos o contrário.
‫Primeiro crio o repositório no GitHub
‫e já com um
‫arquivo leia-me e, depois disso, coloco esse
‫repositório no meu computador local, certo.
‫Isso irá conectar
‫automaticamente o repositório local ao remoto.
‫Isso só torna a configuração um pouco mais fácil.
‫Muitas vezes, eu faço assim.
‫Mas é claro, a
‫maneira como expliquei neste vídeo também está perfeitamente bem.
‫De qualquer forma, espero que isso tenha sido útil para você.
‫No próximo vídeo, começaremos
‫a preparar o aplicativo para implantação
‫porque ainda há algumas pequenas mudanças
‫que precisamos fazer, portanto, algumas modificações, a
‫fim de estarmos realmente prontos para implantar o aplicativo.