[Um desenvolvedor usando uma camiseta azul está sentado em casa, atrás de um microfone e um escudo decorado com o logotipo Octocat do GitHub. O desenvolvedor compartilha a tela enquanto ainda aparece na webcam no canto superior direito. Na tela, ele está olhando para um repositório Github chamado "js-project".]
Desenvolvedor: Portanto, hoje vamos executar meu projeto JavaScript no GitHub Codespaces.
[Na página do repositório, acima da lista de arquivos, o desenvolvedor seleciona o botão "Código" para abrir um menu suspenso. Ele clica em "Abrir com Codespaces" e, em seguida, clica em "Novo codespace".]
Desenvolvedor: Enquanto estamos criando nosso codespace, você pode estar se perguntando "O que é mesmo um codespace?"
[No navegador, o codespace é carregado. Em um plano de fundo branco, o texto "Preparando seu codespace" é exibido abaixo do logotipo Octocat do GitHub e do logotipo do VS Code.]
Desenvolvedor: um codespace é um ambiente de desenvolvedor de nuvem instantânea, em que podemos executar, testar, depurar, enviar por push: tudo o que estamos acostumados a fazer em um ambiente de desenvolvimento, mas sem qualquer configuração do computador que estamos acostumados a fazer localmente.
[O codespace é aberto no editor da Web do VS Code no navegador, que está em execução com o tema escuro. Os diretórios e arquivos do repositório são exibidos na barra lateral esquerda. Em um terminal integrado, uma mensagem diz: "Bem-vindo aos Codespaces" e listas os runtimes e as ferramentas incluídas.]
Desenvolvedor: portanto, quando criamos esse codespace, você verá que começamos em um computador que já está configurado e tem Python, Node, Docker e outros mais, portanto, ele tem ferramentas como Java, Rust, Go e C++.
Mas você verá que iniciamos na imagem padrão. A melhor coisa sobre Codespaces é que você pode personalizar totalmente sua configuração, não apenas para você, mas para todos os outros que acompanham esse repositório. Portanto, você pode ter uma definição de "configuração como código" que permite que você use sua própria imagem, Dockerfile ou Docker Compose.
Então, para o nosso aplicativo, nós estamos realmente apenas seguindo em frente e vamos iniciá-lo. Eu vou executar npm start aqui, e você verá a informação de que nosso aplicativo está em execução na porta 3000, podemos abri-lo no navegador e nos conectar com segurança à porta encaminhada com o aplicativo instalado e em execução.
[Um pop-up é exibido na porta encaminhada. No pop-up, o desenvolvedor clica no botão rotulado "Abrir no navegador". Uma nova guia do navegador é aberta mostrando uma página da Web intitulada "Haikus para Mona". Na página da Web, uma imagem de desenho animado mostra uma Mona sorridente, o Octocat, pulando uma poça com um guarda-chuva roxo. Abaixo da imagem, um haiku: "Chuva em Seattle. Não se esqueça do guarda-chuva, ou ficará molhado."]
Desenvolvedor: portanto, você verá aqui meu aplicativo Node, em execução, conectado ao codespace. E isso levou cerca de 60 segundos para ser configurado no Codespaces.
[O desenvolvedor rola até a imagem da Mona cutucando um toca-discos com seu tentáculo.]
Desenvolvedor: portanto, você pode imaginar isso totalmente personalizado, para realmente reduzir o tempo de configuração em todos os repositórios que você tem.
E essa é uma visão rápida do GitHub Codespaces.
Fim da transcrição. Para saber mais sobre GitHub Codespaces, confira a documentação GitHub Codespaces.