Aprende a utilizar GIT y GITHUB para convertirte en un profesional del desarrollo web

Total
0
Shares

Hoy en día hay tantas redes sociales como días del mes pero para aquellas personas que quieren dedicarse al fantástico mundo del desarrollo web y demás categorías, existe una red social muy especial y primordial para aprender, compartir y desarrollar nuestros proyectos digitales , ya sean websites , programas de gestión de empresas  o lo que sea que tu imagino alcance a pensar.

A mí personalmente me parece un lugar fantástico para aprender cualquier cosa relacionada con la informática , desarrollo y sobre todo con la programación , ya que por suerte o por desgracia , el desarrollo web en su origen se realiza mediante programación.

El lugar es cuestión al que hago referencia se llama GITHUB.

GITHUB es una plataforma con carácter de red social donde todos los desarrolladores de cualquier nivel suben sus proyectos para poderlos compartir con cualquier persona y en cualquier lugar del mundo de forma gratuita , también cumple la función como copia de seguridad de lo que este haciendo o trabajando “imaginate que se te rompe el disco duro y pierdes esa pagina web tan chula que estabas haciendo” , hay es donde entra en juego GITHUB , la plataforma te mantendrá a buen recaudo tu proyecto o codigo ante posibles problemas que te puedan surgir en el futuro, a esto le añadimos que por ejemplo a tu pagina web le falla algo o no te convence del todo , otra persona con tu misma inquietudes o conocimientos puedes descargarse tu proyecto o pagina web , contribuir para hacerla más bonita y mejor , tu decides si lo aceptas o no , lo cual significa que ya habrá 2 persona trabajando en el mismo proyecto o trabajo , lo que significa que crecerá más rápido , aprenderéis uno del otro y conseguiréis ser mejores en lo que estéis haciendo.

Todo esto de carácter gratuito pero os aviso que hay que aprender ciertos conceptos antes de empezar, lo cual es la idea principal de este post.

Os aviso que esta plataforma usa una herramienta llamada ‘GIT’ que se usa desde la línea de comandos ‘shell-bash’ lo cual se necesita cierto interés en aprender a utilizar comandos y ejecutar acciones, en resumidas palabras, escribirle al ordenador lo que quieres gestionar tu archivos y  proyecto.

Para empezar en esta plataforma lo primero que tenemos que hacer es descargarnos el programa para poder ejecutar los comandos , nos lo descargamos y le decimos si a todo lo que nos vaya indicando , en este caso es recomendable porque es un programa fiable y fidedigno , en otros programas no lo hagáis

MAC

https://git-scm.com/download/mac

WINDOWS

https://gitforwindows.org/

LINUX

https://git-scm.com/book/es/v1/Empezando-Instalando-Git#Instalando-en-Linux

El siguiente paso es registraros en la plataforma GITHUB

https://github.com/

Os creáis una cuenta en la plataforma para poder enlazarlo con los proyectos que tengáis o vayáis a crear desde un repositorio local “directorio de tu ordenador donde tienes el código y demás cosas como imagenes etc”.

Esta cuenta online será el lugar donde subiréis todos vuestros archivos , imágenes y demás contenidos , será donde se comparta con otras personas interesadas en vuestro proyecto , con el podréis charlar sobre cómo enfocarlo y demás acciones.

Esta plataforma es muy extensa , completa y con muchas cosas por ver , os recomiendo que os metáis en youtube o en paginas especializadas y veáis ejemplos de cómo registraros , crear repositorios “lugar donde meter vuestro código” y demás dudas que tengáis , ponerlo aquí paso a paso sería muy extenso y largo de enseñar.

Os recomiendo algún video que su título sea ‘como registrarse en GITHUB’ y temas parecidos.

Empezamos con el pequeño manual para iniciarse, una vez instalado el programa de GIT ‘git-bash’ en nuestro sistema operativo , el cual solo hay que aceptar todo lo que nos comenta como ya os comente , pulsamos el icono que nos dice ”Git Bash” y nos aparecerá una pantalla negra llamada ‘terminal coloquialmente’ donde meter los comandos u ordenes que queramos dar.

Primeros comandos

Creamos un directorio de trabajo con el siguiente comando dentro de la pantalla negra ‘terminal de comandos’ :

mkdir  misproyectos.

Nos metemos dentro del directorio con la orden.

cd misproyectos

Inicializamos nuestro directorio de trabajo con :

git init

Este comando configura nuestro directorio para que se convierta en un directorio que la plataforma GITHUB pueda reconocer y trabajar con él.

Crea una copia local “en nuestro ordenador” de un proyecto que hemos visto en el GITHUB y queremos tenerlo para ver  como esta creado y demas

git clone <URL del repositorio>

Os aviso que los signo < > no hacen falta ponerlo , en mi caso os lo pongo para que sepáis que teneis que poner entre esos 2 delimitadores

Este comando directamente nos copia y crea el directorio con todo el código del proyecto que nos hemos descargado.

ejemplo

git clone https://github.com/pepe/proyecto_de_una_plataforma_o_web_site

Flujo de trabajo

Tu repositorio local ‘directorio de trabajo’ esta compuesto por tres “árboles” administrados por el programa Git , la herramienta que usamos para meterle comandos ‘ordenes’.

El primero es tu directorio de trabajo (Working directory) que contiene los archivos de nuestro proyecto u otros elementos,

El segundo es el Index que actua como una zona intermedia, y el último es el HEAD (Puntero) que apunta al último commit (registro) realizado por los comandos add  o commit

Puedes registrar cambios (añadirlos al Index) usando el comando.

git add <filename> 

Repito los signos < > no se ponen.

Si quieres añadir todos de golpe

git add .

Este es el primer paso en el flujo de trabajo básico de nuestro directorio de trabajo local.

Para hacer commit “registrar lo que hemos hecho para subirlo a la plataforma”  se hace ese comando.

git commit -m “Mensaje que queremos que quede registrado”

Al ser un comentario si se ponen las comillas.

Ahora el archivo esta incluído en el HEAD (Puntero de lo que estamos haciendo), pero aún no en tu repositorio remoto “la plataforma online donde subir nuestros trabajos”

Ahora mismo tus cambios están ahora en el HEAD de tu copia local.

Para enviar estos cambios a tu repositorio remoto ejecuta

git push origin master

master es una rama  , las ramas son utilizadas para desarrollar funcionalidades.

La rama master es la rama “por defecto” cuando creas un repositorio.

Reemplaza master por la rama a la que quieres enviar tus cambios , la rama principal siempre será master “nombre predeterminado” que es donde tenemos todo lo que vamos haciendo  pero se puede crear otras ramas para bifurcar nuestros cambios de nuestros trabajos para no interferir en los elementos originales de nuestro proyecto original, es como copiar todo lo que tenemos en otra parte “rama” , hacer cambios , modificarlo  y si nos gusta como queda pegarlos en la rama principal ‘master

Crear nuevas ramas durante el desarrollo y fusiónalas a la rama principal cuando termines.

Crea una nueva rama llamada “feature_x” y cámbiate a ella usando

git checkout -b feature_x

Vuelve a la rama principal

git checkout master

Para fusionar otra rama “una creada para pruebas”  a tu rama activa (por ejemplo master), utiliza

git merge <branch = rama>

Ahora puedes borra la rama alternativa que creamos antes porque ya no queremos seguir teniéndola.

git branch -d feature_x

Una rama nueva no estará disponible para los demás a menos que subas (push = empujar) a la rama a tu repositorio remoto

git push origin <branch>

Si no has clonado un repositorio ya existente y quieres conectar tu repositorio local a un repositorio remoto, usa

git remote add origin <URL de nuestro repositorio principal>

Ejemplo

git remote add origin https://github.com/Mi_nombre/NombreRepositorioRemoto

git remote add origin https://github.com/JoseGarcia/mi_pagina_chuli

Esta es la forma de enlazar y sincronizar lo que tenemos en nuestro ordenador GIT con la plataforma GITHUB

Ahora podrás subir tus cambios al repositorio remoto seleccionado.

Para actualizar lo que tenemos en el repositorio remoto de nuestro GITHUB con lo que tenemos en nuestro repositorio local escribimos este comando u orden.

git pull

En ambos casos git intentará fusionar automáticamente los cambios.

A veces es posible y que se podrán producir conflictos “que lo que hayas hecho en el directorio de trabajo local no esa igual al que hay en el repositorio remoto”

Tienes que arreglar esos conflictos manualmente para que puedas subirlos a la plataforma GITHUB.

Para eso abrirnos el archivo con el notepad u otro programa de edición que no sea el WORD porque te mete caracteres especiales que interiferen en el código , vemos lo que esta mal y lo arreglamos.

Después de modificarlos, necesitas marcarlos como fusionados con el siguiente comando.

git add <filename = nombre del archivo >

o  usamos el comando

git add .

Antes de fusionar los cambios, puedes revisarlos usando este comando.

git diff <rama master u otra> <rama master u otra>

git diff <archivo original > <archivo copia>

Este comando lo que hace es comparar ambas cosas ‘archivos’ o ‘rama’ y ver las diferencias con distintos colores , rojo lo que no había antes o se ha quitado , verde lo que hay ahora.

En caso de que hagas algo mal (lo que seguramente nunca suceda) puedes reemplazar cambios locales usando el comando

git checkout — <filename>

Este comando reemplaza los cambios en tu directorio de trabajo con el último contenido de HEAD.

Los cambios que ya han sido agregados al Index, así como también los nuevos archivos, se mantendrán sin cambio.

Por otro lado, si quieres deshacer todos los cambios locales y commits, puedes traer la última versión del servidor y apuntar a tu copia local principal de esta forma

git fetch origin

git reset –hard origin/master

Este comando lo que hará será dejar las cosas como estaban antes.

Usar GIT y GITHUB es muy extenso , algo complicado al principio y suele crear algo de frustración pero es la herramienta principal que usa tanto los usuarios como las empresas para desarrollar cualquier cosa , si sabes usarla se te abrirán muchas puertas,  por eso os recomiendo que uséis este libro gratuito para aprender más y mejor

https://git-scm.com/book/es/v2

 

3 comentarios
Deja un comentario
También puede interesarte