Git y GitHub en Windows: Paso a Paso con un Ejemplo Práctico

Utilizando en la Práctica Git y GitHub

Debido a que durante un proyecto vamos a necesitar ser rápidos a la hora del avance; existen pues para ello herramientas que si las sabemos utilizar de la manera correcta, nos llevaran al suceso. Algunas de ellas son Git y GitHub que unidas hacen una dupla extremamente importante en la vida de un programador. En este artículo voy a ser directo y superficial para explicar lo que hacen estas dos herramientas ok?:
Git es un controlador de versiones, es decir funciona como una máquina de tiempo y como un robot de integración de nuestro código; Git nos permite acompañar las alteraciones desde las versiones más antiguas de nuestro proyecto; por ejemplo si tenemos un código que funciona normalmente y queremos implementarle una función más y derrepente ya no funciona como queriamos, qué hacemos? pues vamos al repositório (que en este caso sería GitHub) y buscamos la última versión en que el código funcionaba, con lo que no tenemos que realizar la reestructuración de nuestro código para volver a donde estabamos antes. Ahora tenemos más 2 cosas importantes que hacen Git y GitHub juntas: con ellas podemos detectar y mezclar alteraciones en los mismos archivos además de identificar conflictos que se pueda tener, todo de manera automática. Pero veamos todo esto de manera practica con un ejemplo, vamos!!:
Lo que haremos será lo siguiente:

1. Instalaremos el Git y Crearemos un Repositório en GitHub para comenzar nuestro proyecto.
2. Crearemos una aplicación que muestre en pantalla la frase "Hola Mundo", todo esto con el lenguaje C++.
3. Implementaremos a esta aplicación una variable que contenga dicha frase y la llamaremos para obtener así en pantalla la misma frase "Hola Mundo"; pero en este caso por algun error de sintaxis no funcionará y tendremos que buscar la última versión que funcionaba; con lo que quedará claro el beneficio que nos traen estas dos herramientas Git y GitHub. 

Primer Paso: Instalamos Git en nuestro Computador, descargándolo desde su página principal de Download de Git, para luego instalarlo en nuestro sistema conservando siempre las opciones por defecto que indica; entonces sólo clicamos en next  hasta finish:

Segundo Paso: Considerando que usted ya tiene Git instalado y configurado en su computador, vamos a iniciar nuestro proceso creando una carpeta donde alojaremos nuestro proyecto, esta se llamará "GitProject", veamos:

Tercer Paso: Creación del Archivo HolaMundo.cpp

• Vamos a crear entonces un archivo llamado HolaMundo.cpp, para esto vamos a utilizar nuestro Git, veamos como:
• Primero damos acceso a nuestro interpretador de comandos Git Bash para que use la carpeta de nuestro Proyecto, en este caso GitProject, veamos:

• Utilizando el comando touch creamos nuestro archivo llamado HolaMundo.cpp, veamos:

touch HolaMundo.cpp

view raw CreateFileCMD hosted with ❤ by GitHub

Cuarto Paso: Utilizando Git y GitHub para iniciar la publicación de nuestro Proyecto

• Para conseguir publicar nuestro proyecto en GitHub tenemos que utilizar los siguientes comandos con nuestros datos; para esto vamos a detallar paso a paso este procedimiento:
•   Primero vamos a identificarnos para que GitHub reciba nuestros datos en su repositório, cómo?, veamos:
• Utilizamos los siguientes comandos:

• 	git config --global user.name "msicapu"
  	git config --global user.email "mignan2010@outlook.com"

  view raw gistfile1.txt hosted with ❤ by GitHub

• Ahora vamos a Iniciar un Repositório Git en la carpeta de nuestro proyecto, cómo?, veamos:
• Utilizamos los siguientes comandos:

• git init

  view raw gistfile1.txt hosted with ❤ by GitHub

• A continuación necesitamos crear una Llave Secreta SSH, que es una contraseña que nos permitirá el acceso a nuestro GitHub, cómo?, veamos:
• El siguiente comando hará eso automáticamente:

• ssh-keygen -t rsa -C "mignan2010@outlook.com"

  view raw gistfile1.txt hosted with ❤ by GitHub

• Podemos dar ok, para dejar por defecto el nombre del archivo que contiene la llave secreta ssh, así se creará una llave SSH. Ahora vamos a buscarla y la abrimos en un bloc de notas, dónde se encuentra?, pues "/c/users/PC/.ssh" es la ubicación, vamos a buscarla, esta tiene formato .pub, veamos:

• Ahora pues que hemos obtenido este código procedemos a copiarlo dentro del lugar correcto, dónde?, veamos:
• Nos cadastramos en GitHub y vamos al lugar donde este código va a estar; es aquí exactamente:
• Clicamos en "Settings" que se encuentra en la flechita que esta al lado de nuestro avatar de la página principal de GitHub, veamos:

• Clicamos en el menú lateral SSH and GPG keys y luego en "New SSH key" para ingresar nuestros datos; que en el título podemos ingresar el nombre de nuestro proyecto Hola Mundo, veamos:

•  Luego es solo clicar en Add SSH key y listó...ya tenemos configurado nuestro Git con Github, fácil no?
• Pero ahora confirmemos este proceso, cómo? veamos:
• Utilizamos los siguientes comandos para iniciar el proceso de publicación de nuestro proyecto:

• ssh -T git@github.com

  view raw gistfile1.txt hosted with ❤ by GitHub

• Luego de insertar una contraseña que no consigamos olvidar fácil, nos daremos cuenta que ya tenemos accesso a nuestro repositório GitHub.

 Quinto Paso: Creando un Repositorio GitHub llamado HolaMundo

• Ahora vamos a nuestro GitHub y crearemos un Repositório llamado "HolaMundo" el cual servirá para alojar nuestros archivos de código, cómo? veamos:
• Primero obviamente tenemos que nos cadastrar en GitHub , veamos todo desde mi cuenta:
• Clicamos en "New repository" como en la figura:

• Colocamos el nombre del proyecto "HolaMundo" y Clicamos luego en "Create repository", cómo?, veamos:

• Finalizando, podemos ver que se ha creado nuestro repositorio con el siguiente ambiente de la página:

 Sexto Paso: Codificando nuestro archivo HolaMundo.cpp

• He utilizado el IDE Jetbrains Clion(ustedes pueden usar cualquiera) para editar mi archivo HolaMundo.cpp; comenzamos a codificar nuestra aplicación!, veamos:

	#include<iostream>
	using namespace std;
	int main(){
	cout << "Hola Mundo" << "\n";
	return 0;
	}

view raw HolaMundo.cpp hosted with ❤ by GitHub

• Ahora lo subimos a nuestro Repositório, utilizando los siguientes comandos:

• git remote add origin git@github.com:miscapu/HolaMundo.git

  view raw gistfile1.txt hosted with ❤ by GitHub

• Ahora vamos a adicionar este archivo para que este presente en nuestro desenvolvimiento, cómo?, veamos:
• Utilizamos los siguientes comandos:

• Commitando nuestro archivo para decirle a Git de que se trata todo, cómo, veamos:
• Utilizamos los siguientes comandos:

• Para finalizar damos un push a nuestra publicación, que hará que nuestro proyecto quede actualizado en el repositório con las últimas modificaciones:
• Utilizamos para esto los siguientes comandos:

• git push -u origin master

  view raw gistfile1.txt hosted with ❤ by GitHub

• Nos pedirá la contraseña; pues aquí usamos la misma que utilizamos en el Quinto Paso. Con esto habremos finalizado la publicación de nuestro proyecto!, veamos si esta mismo publicado:

• Cliquemos en el archivo y veamos el código que tenemos:

• Si hemos seguido el paso a paso; veremos que el archivo tiene nuestro código.

Sexto Paso: Modifiquemos nuestro proyecto y coloquemosle algo nuevo!!:

• Vamos a modificar nuestro archivo HolaMundo.cpp; adicionandole una variable llamada $HolaMundo, la cual contiene la frase "Hola Mundo" y la llamaremos desde dentro de nuestra función main, veamos:

	#include<iostream>
	using namespace std;
	string $HolaMundo = "Hola Mundo" //<------------ Olvidamos de colocar el ";"
	int main(){
	cout << $HolaMundo << "\n";
	return 0;
	}

view raw HolaMundo.cpp hosted with ❤ by GitHub

• Como podemos ver en esta foto; nuestro código contiene un error (Le falta un ";" en la cuarta línea) entonces no funcionará correctamente; correcto?, esto sin duda es solo un ejemplo para ver en realidad como es que funciona este proceso en la vida real.
• Bueno ahora que hemos modificado nuestro código y guardado el contenido; podemos actualizar todo esto en nuestro repositório, cómo?, veamos:
• Primero lo primero no?, commitamos nuestro archivo:
• Con el siguiente comando obviamente:

git commit holamundo.cpp -m "Adicionando la variable $holamundo que luego sera llamada"

view raw gistfile1.txt hosted with ❤ by GitHub

• Como vemos luego le damos un push simple y ya tenemos el nuevo código en nuestro repositório!
• Ahora finalizando este tutorial veremos como es que conseguimos llegar hasta el código que aún funcionaba?, pues bueno de la siguiente manera:
• Primero vamo a nuestro repositório y le damos click a History como en la foto:

• Ahora vemos todas las versiones de nuestro aplicativo; es sólo elegir el que queremos y que esta funcional; veamos:

En este caso he elegido la segunda versión que esta funcionando y la descargamos presionando en el simbolo "<>". La descarga la conseguiremos descargando o clonando el proyecto presionando en el botón marcado!!; veamos:

Con esto habremos finalizado un tutorial más sobre el uso real de Git y Github, dos herramientas que permiten a un desenvolvedor crear más fácilmente, aplicaciones increíbles de forma rápida y eficiente!