Aprendiendo en el sofá con FreeCodeCamp: Control de versiones - Git + GitHub

Si desea ver este blog en directo, aquí hay un video de Nyah Macklin & Jessica Rose que explica el proceso de instalación de Git y la creación de una cuenta de GitHub. Míralo a continuación o sigue leyendo.

En nuestro último postEn el curso anterior, aprendimos sobre las herramientas que podemos utilizar para editar nuestro código, como Visual Studio Code. Hoy, aprenderemos sobre una herramienta en línea que podemos usar para almacenar, compartir y rastrear diferentes versiones de nuestro código, GitHub. Pero antes de empezar a aprender sobre GitHub, tenemos que hablar sobre Git (y sí, son diferentes).

¿Qué es Git?

Git es un sistema de control de versiones. ¿Pero qué es eso? El documentación oficial de Git afirma: "El control de versiones es un sistema que registra los cambios realizados en un archivo o conjunto de archivos a lo largo del tiempo para poder recuperar versiones concretas más adelante." Si juegas a videojuegos, Git es como una tarjeta de memoria que guarda tu juego (tu código en este caso) en muchos lugares diferentes en el tiempo. Git guardará una instantánea de tu código en un momento específico y podrás acceder a esa instantánea más tarde.

¿Qué es GitHub?

GitHub es una herramienta web para almacenar/alojar/compartir esas instantáneas/momentos guardados en el tiempo de tu código. Muchos ingenieros toman las instantáneas utilizando Git y luego pulse esas instantáneas arriba a GitHub, donde otros ingenieros pueden ver y editar (con permiso) esas instantáneas e incluso pueden añadir nuevas instantáneas ellos mismos. Aunque GitHub suena parecido a Git, se trata de dos cosas diferentes. Git es el sistema de control de versiones subyacente y GitHub es un conjunto de herramientas creadas en torno a Git para facilitar su uso y comprensión.

Configuración de Git y GitHub

Antes de empezar a utilizar estas útiles herramientas, tenemos que configurarnos.

Introducción al símbolo del sistema (terminal)

El terminal (o el Símbolo del sistema en Windows) no es ese gran lugar aterrador que se suele ver utilizar a los hackers en las películas.

Suele dar miedo porque no es tan bonito como el resto de nuestros ordenadores. En realidad, podemos pensar en el terminal como el backstage de tu ordenador. 

Aquí es donde usaremos Git. Pero primero tenemos que instalar Git. 

Parte 1 - Instalación de Git

Para usuarios de Windows

1. 1. Visite el Sitio web oficial de Git y seleccione el Descargas en el centro de la pantalla.
   2. Seleccione Windows de la lista de sistemas operativos y seleccione última versión de Git para Windows.
   3. El archivo descargado aparecerá en la parte superior derecha o inferior izquierda de la pantalla. Una vez que haya terminado de descargarse, haga doble clic para abrir el archivo. Esto iniciará el instalador de Git.
   4. Sigue las instrucciones en pantalla. Por ahora, las opciones por defecto son suficientes. Haga clic en Siguiente hasta que comience la instalación. 
   5. ¡Enhorabuena! 🎉 Has instalado Git en tu máquina Windows. Salta a Parte 1.5 - Introducción a Git.

Para usuarios de macOS

1. 1. Abre la terminal. Si no sabes qué aspecto tiene su icono, abre tu aplicación Finder y busca la aplicación Terminal o utiliza Spotlight para buscarla (mantén pulsadas Comando y la barra espaciadora al mismo tiempo para abrir Spotlight).
   2. Una vez abierto el Terminal, Teclee: git -versión y pulsa intro. Si Git no está ya instalado, macOS te pedirá que lo instales. Muchos suelen optar por descargar homebrew para luego instalar Git, y se pueden encontrar más instrucciones sobre ese proceso aquí. 

1. 1. • Haz clic en el icono de la captura de pantalla, que copiará el texto y, a continuación, pégalo en tu terminal y pulsa Intro. 
      • Nota al margen: Este puede hacer que el Terminal le pida la contraseña de su ordenador para verificar que está autorizando esta instalación. Proporcione dicha contraseña (aprenderá más sobre sudo comandos como este más adelante, pero en resumen, sudo significa admin nivel de acceso a su ordenador, que a menudo es necesario para instalar gestores de paquetes como homebrew (y npm por ejemplo).

1. 3. Un texto aparecerá en su pantalla y luego terminará, similar a este, presione enter cada vez que lo designe:
      
      Homebrew está instalado. Vuelve atrás y termina de instalar Git escribiendo en una nueva ventana de terminal: brew install git.
      Esto es lo que debería aparecer en su pantalla:
      
   4. Puedes verificar que Git se ha instalado correctamente escribiendo en tu terminal: git -versión - que debería mostrar un número de versión. Esto significa que Git se ha instalado correctamente. Ahora vaya a Parte 1.5 - Introducción a Git.

Para usuarios de Linux

1. 1. Abre el terminal.
   2. Dependiendo de su distribución, escriba uno de los siguientes comandos y pulse Intro:
      • Para Debian/Ubuntu: sudo apt-get install git
      • Para Fedora: sudo yum install git
   3. Introduzca su contraseña si se le solicita.
   4. Espere a que finalice el proceso.

Parte 1.5 - Introducción a Git

Antes de empezar a usar Git, tendrás que decirle a git quién eres. He aquí cómo:

1. 1. Abra su terminal o el símbolo del sistema si no está ya abierto.
   2. Tipo: git config -global nombre.usuario "Tu nombre" - y pulse Intro. Sustituye "Su nombre" con, bueno, ¡tu nombre!
   3. A continuación, escriba: git config -global usuario.email "youremail@example.com” – y pulse Intro. Utilice su dirección de correo electrónico en lugar de “youremail@example.com“.

Y... ¡ya está! Git ya sabe quién eres. Ahora vamos a crear una cuenta en GitHub.

Parte 2 - Registrarse en GitHub

Navegue en su navegador hasta github.com/signup y siga las instrucciones en pantalla:

Una vez completado, accederás a tu panel de control de GitHub:

¿Cómo crear un repositorio (Repo)?

Ahora podemos empezar a crear un instantánea de código que puedo compartir para que otras personas lo vean en GitHub. 

Vamos a empezar por la creación de un repositorio, que es sólo otra manera de decir, crear este hogar para mi código para vivir en línea. Hemos creado un pequeño hogar para su proyecto que hemos construido en nuestro último post, y este hogar se llamará Copiar y pegar (pero deberías llamar a tu repositorio, el hogar de este proyecto de programación, como quieras, preferiblemente el nombre de tu proyecto de codificación. Este repositorio también se hará público para que todo el mundo lo vea, y pulsaremos Crear un nuevo repositorio.

Ahora verás una pantalla con un montón de instrucciones. En el video, seguimos una instrucción específica, y es Para empezar, cree un nuevo archivo (que está en el recuadro azul, la tercera línea de texto hacia abajo). Este método omite el uso de git y el terminal y simplemente copia y pega el código en GitHub.

Sin embargo, en este post usaremos el método de la terminal para meter nuestro código en GitHub desde que configuramos Git y dado que más práctica siempre mejorará nuestras habilidades como desarrollador. Mira hacia abajo a la ... o crear un nuevo repositorio en la línea de comandos sección. 

En primer lugar, queremos que este código tenga un hogar en nuestro ordenador en alguna parte, así que si no tenemos ya una carpeta con el código en ella que queremos empujar a GitHub, tendremos que hacer una. Vamos a hacer una nueva carpeta llamada Copiar y pegar en nuestro ordenador. En su terminal, escriba: mkdir CopiarYPegar - o el nombre que quieras usar.

Entonces teclea: cd Copiar y pegar. Cd significa cambiar directorio. Puedes aprender más sobre diferentes comandos de terminal como cd aquí. 

Si ya tiene una carpeta con el código que desea empujar a GitHub, necesitará el nombre de esa carpeta. Y entonces usted querrá navegar en su terminal a esa carpeta, y luego: cd insertarNombreDeLaCarpetaaquí - donde se sustituye insertarNombreDeCarpetaaquí con el nombre de la carpeta.

Ahora estamos dentro Copiar y pegar (o cualquiera que sea el nombre de tu carpeta).

Añadir código al repositorio

Ahora podemos ejecutar los comandos que GitHub establece, uno tras otro, pulsando intro después de cada línea de texto. 

Si usted no tienen Visual Studio Code instalado, o simplemente quieres una forma rápida de conectar Git y GitHub juntos, ejecuta las siguientes líneas de código en tu terminal tal cual:

Si usted do tienes Visual Studio Code instalado y quieres practicar cómo pasar el código de tu editor de código a Git y luego a GitHub, omite esta línea de código: echo "# CopiarYPegar" >> README.me

Y en su lugar, salta a y ejecuta git init. A continuación, entra en VSCode y abre la carpeta que acabas de crear en el terminal utilizando el comando mkdir para crear un nuevo directorio. A continuación, cree un nuevo archivo llamado LÉAME.md e introduzca el mismo código #y guarde el archivo. Continúe con el resto de los comandos en el terminal comenzando con: git add README.md. 

Compruebe GitHub, debería ver un nuevo archivo llamado LÉAME.md que contiene algo de texto. Ahora, su primer archivo ha sido empujado usando Git en GitHub.

Enhorabuena, ya tienes todo listo con Git y GitHub.

Recuerde que todos los ingenieros se iniciaron alguna vez en estos conceptos. Los primeros pasos son siempre los más difíciles, ¡pero acabas de conquistar otro más! En nuestro próximo post, aprenderemos a construir y compartir sitios web con el código que escribimos.

Continúa. Todos estamos aquí para aprender juntos.

<3 Couchbase

#LearningOnTheCouch