Tutorial de Github Codespaces

En esta guía, proporcionaremos una explicación sobre Github Codespaces y por qué creemos que es una excelente herramienta para aprender habilidades relacionadas con la programación, por eso es una de las principales herramientas de enseñanza.

¿Qué es GitHub Codespaces?

En simples palabras: Github Codespaces es un constructor de computadoras "sobre la marcha". En lugar de usar tu propia computadora o trabajar en tu código localmente; en su lugar, puedes pedirle a Github Codespaces que cree una computadora remota y te dé acceso a ella; puedes usar esa computadora remota para trabajar en tu proyecto o código.

¿Por qué usar GitHub Codespaces?

Uno de los problemas más importantes al aprender una nueva habilidad relacionada con la codificación es la configuración. Por ejemplo: cuando comencé a aprender PHP (un lenguaje de programación) me tomó 1 semana instalarlo correctamente en mi computadora.

Seguir tutoriales en línea es complicado porque todos tienen una computadora diferente, con diferentes configuraciones, sistemas operativos, lenguajes, etc.

Céntrate en el aprendizaje en lugar de configuraciones

Cuando abres un repositorio de GitHub usando Github Codespaces en lugar de tu computadora local, usarás un entorno perfectamente configurado para ejecutar tu tutorial o proyecto.

• Cada estudiante o compañero de clase tiene el mismo tipo de computadora y configuración.
• Enfócate en aprender el tema o habilidad que quieres aprender en lugar de hacer mucha configuración antes de poder comenzar a aprender.
• Comparte fácilmente tu computadora remota con tu maestro o compañeros de clase.
• Como el código se ejecutará en la nube, tu computadora no necesita muchos recursos; puedes usar un iPad o Chromebook.

¿Cuáles son las desventajas de Codespace?

• Al ser una solución basada en la nube, si pierdes tu conexión a Internet, no podrás seguir trabajando en tu proyecto.
• Costo adicional: Debes pagar por las computadoras remotas adicionalmente; en lugar de trabajar de forma gratuita en tu propia computadora local.

¿Cómo funciona Github Codespaces?

¿Estás familiarizado con GitHub y qué es un repositorio Git? Si ya conoces qué es Github y Git, puedes omitir los siguientes 3 párrafos, de lo contrario, léelos cuidadosamente:

¿Qué son GitHub y Git?

Git: Puedes pensar en GIT como "Google Docs pero para código". Los desarrolladores de software no les gusta guardar su progreso en sus propias computadoras personales. Guardar tu código en tu disco duro local hace que sea difícil compartirlo con tus compañeros de equipo; todos en tu equipo deben tener acceso al código casi en tiempo real. Git fue creado para ayudar a compartir el código de tu proyecto entre el equipo, rastrear los cambios de todos y ayudar a fusionar y sincronizar esos cambios de nuevo en cada desarrollador del equipo.

GitHub: Por otro lado, puedes pensar en GitHub como una red social para programadores y equipos de desarrollo; en lugar de compartir imágenes como Instagram o videos como Tiktok, estarás compartiendo código; las personas pueden revisar y comentar su código, y pueden invitar a otras personas a contribuir con su código, etc.

GitHub es un sitio web que complementa significativamente a Git; Github te proporcionará un sitio web o URL en línea donde puedes cargar tu código (usando Git) e invitar a otras personas a revisarlo.

Trabaja en un "codespace" en lugar de tu computadora

Con los codespaces, tu código todavía se guardará en Github (usando git), pero en lugar de descargar el código para trabajar en tu computadora, presionas un botón para abrir una computadora remota llamada "Codespace" que contendrá la última versión de su código.

¿Cómo abrir un GitHub Codespace?

Nota: este ejemplo es con fines educativos sobre como se trabaja en el ámbito profesional, cada proyecto que realizaremos tendrán sus instrucciones en el archivo Readme.es.md, lee con atención sobre como inicializarlos

Sigamos el proceso exactamente como lo haría un desarrollador de software real. Por ejemplo:

María es contratada como desarrolladora para unirse a un proyecto en curso; durante el primer día de trabajo, necesita obtener acceso al código, por lo que le pide al líder del proyecto la URL del proyecto dentro de github.com.

1. El líder del equipo dijo que el código se encuentra en el siguiente sitio web: https://github.com/breatheco-de/exercise-postcard.
2. María abre su navegador y navega a ese sitio web; Aquí hay una explicación de lo que verá una vez que abra el sitio web.
3. María busca el botón "code" y crea el nuevo codespace.
4. Una vez que se abra el codespace, María verá el editor de código VS-Code abierto con una copia del código del proyecto.

La terminal

Para trabajar en tus proyectos necesitarás acceder a la terminal, siempre puedes encontrarla o abrirla haciendo clic en el menú de hamburguesa en la parte superior izquierda y seleccionando la opción "terminal" => "nueva terminal".

¿Qué es la terminal o línea de comandos?

Todas las computadoras tienen una terminal, y la usas para hacer casi todo lo que quieras: abrir una aplicación, crear un archivo, carpeta, etc. Sin embargo, en Codespaces, la terminal solo controlará la computadora virtual.

No tienes que aprender los comandos de la terminal todavía, pero recomendamos encarecidamente leer esta lección para familiarizarse y conocer sus funciones y limitaciones.