Skip to main content

Transcripción: "Codespaces, tu equipo de desarrollo instantáneo en la nube"

Transcripción de audio y visual.

[Hay un desarrollador que lleva una camiseta azul detrás de un micrófono y filtro antipop decorado con el logotipo de Octocat de GitHub. Comparte su pantalla mientras sigue retransmitiendo con la cámara en la esquina superior derecha. En la pantalla, examina un repositorio de GitHub denominado "js-project".]

Desarrollador: 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. Hace clic en "Abrir con Codespaces" y, después, 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, se muestra el texto "Preparando el espacio de código" debajo del logo de Octocat de GitHub y un logo 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: Cuando creemos este codespace, verás que llegamos a una máquina que ya está configurada y tiene Python, Node, Docker y mucho más, por lo que tiene herramientas como Java, Rust, 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 de "config-as-code" que permite usar una imagen propia, Dockerfile o Docker Compose.

Bueno, para nuestra aplicación, vamos a ponernos manos a la obra y empezar. Voy a ejecutar npm start aquí, y verás que se nos dice que la aplicación se ejecuta en el puerto 3000, y podemos abrirla en el explorador y se conecta de forma segura a un puerto reenviado que tiene la aplicación en funcionamiento.

[Se muestra un elemento 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 te olvides del paraguas, o será triste".]

Desarrollador: Verás que esta es la aplicación Node, en funcionamiento, conectada en un espacio de código. Y no necesitamos más de 60 segundos para configurarla en Codespaces.

[El desarrollador baja en la pantalla hasta una imagen de Mona pinchando 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 esto ha sido 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.