[Un desarrollador que lleva una camiseta azul se encuentra en casa, detrás de un micrófono y un escudo pop decorado con el logotipo de Octocat de GitHub. Comparte su pantalla mientras sigue retransmitiendo con la cámara en la esquina superior derecha. En su pantalla, están viendo un repositorio de GitHub denominado "js-project".
Desarrollador: Por lo tanto, hoy vamos a ejecutar mi proyecto de JavaScript en GitHub Codespaces.
[En la página del repositorio, encima de la lista de archivos, selecciona el botón "Código" para abrir un menú desplegable. Hacen clic en "Abrir con Codespaces" y luego en "Nuevo codespace".
Desarrollador: Bien, mientras creamos nuestro codespace, puede que te preguntes "¿Qué es un codespace?"
[En el explorador, se carga el codespace. En un fondo blanco, el texto "Preparar el espacio de código" se muestra debajo del logotipo de Octocat de GitHub y un logotipo de VS Code.
Desarrollador: Un espacio de código es un entorno de desarrollador en la nube instantáneo, donde podemos ejecutar, probar, depurar e insertar: todo lo que estamos acostumbrados a hacer en un entorno de desarrollo, pero sin ninguna de las configuraciones de la máquina que estamos acostumbrados a realizar localmente.
[El codespace se abre en el editor web de VS Code en el explorador, ejecutándose con el tema oscuro. Los directorios y archivos del repositorio se muestran en la barra lateral izquierda. En un terminal integrado, aparece un mensaje que indica "Te damos la bienvenida a Codespaces" y enumera los entornos de ejecución y las herramientas incluidos.]
Desarrollador: Por lo tanto, cuando creemos este espacio de código, verá que llegamos a una máquina que ya está configurada y que tiene Python, Node, Docker e incluso más, por lo que tiene herramientas como Java y Rust y Go y C++.
Pero verás que empezamos en la imagen predeterminada. Lo bueno de Codespaces es que puedes personalizar la configuración por completo, no solo para ti, sino para todos los usuarios que se incluyen en este repositorio. Por lo tanto, puedes tener una configuración como código que te permite usar una imagen propia, un Dockerfile o un Docker Compose.
Bueno, para nuestra aplicación, vamos a ponernos manos a la obra y empezar. Voy a ejecutarlo aquí, y verás que nos indican que la aplicación se ejecuta en el puerto 3000, y podemos abrirla en el navegador y conectar de forma segura a un puerto reenviado con la aplicación funcionando por completo.
Se muestra una ventana emergente para el puerto reenviado. En el menú emergente, el desarrollador hace clic en un botón con la etiqueta "Abrir en el explorador". Se abre una pestaña del explorador nueva que muestra una página web titulada "Haikus para Mona". En la página, una imagen de dibujos animados muestra un Mona el Octocat sonriente saltando sobre un charco con un paraguas morado. Debajo de la imagen, hay un haiku: "Llueve en Seattle. No olvides llevar un paraguas, o todo estará gris".
Desarrollador: Verás que esta es mi aplicación de Node, está operativa y conectada a un codespace. Y no necesitamos más de 60 segundos para configurarla en Codespaces.
[El desarrollador desplaza la pantalla hacia abajo hasta una imagen de Mona tocando un tocadiscos con el tentáculo.]
Desarrollador: Imagínalo completamente personalizado, para reducir mucho el tiempo de configuración de cada uno de tus repositorios.
Y eso es un vistazo rápido a GitHub Codespaces.
Final de la transcripción. Para obtener información sobre GitHub Codespaces, consulta la documentación de GitHub Codespaces.