[Um desenvolvedor usando uma camiseta azul fica em casa, atrás de um microfone e um escudo pop decorado com o logotipo octocat da GitHub. O desenvolvedor compartilha a tela enquanto ainda aparece na webcam no canto superior direito. Na tela, eles estão olhando para um repositório GitHub chamado "js-project".]
Desenvolvedor: Portanto, hoje vamos executar meu projeto JavaScript em 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 carregamento do codespace é iniciado. Em um plano de fundo branco, o texto "Preparando seu codespace" é exibido abaixo do logotipo Octocat do GitHub e um logotipo do VS Code.]
Desenvolvedor: um codespace é um ambiente de desenvolvimento em nuvem instantâneo, em que podemos executar, testar, depurar, fazer 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: Então, quando criarmos este codespace, você verá que chegamos em uma máquina que já está configurada e ela possui Python, Node, Docker e ainda mais. Assim, ela 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á sombrio.
Desenvolvedor: Portanto, você verá que meu aplicativo Node está em funcionamento, conectado a um codespace. E isso levou cerca de 60 segundos para ser configurado no Codespaces.
O desenvolvedor navega até a imagem da Mona cutucando um toca-discos com seu tentáculo.
Desenvolvedor: Portanto, você pode imaginar algo totalmente personalizado, para diminuir significativamente o tempo de configuração em realmente todos os repositórios que você possui.
E essa é uma rápida olhada em GitHub Codespaces.
Fim da transcrição. Para saber mais sobre GitHub Codespaces, confira a documentação GitHub Codespaces.