¿Qué es GitHub? Una guía sencilla sobre su funcionamiento y usos para principiantes 📝

Cuando empiezas a aprender desarrollo web, es casi seguro que te encontrarás con el término "GitHub". Puede parecer complicado, algo que usan los hackers tecleando en una pantalla negra, y es fácil dejarlo para más tarde.

Pero en realidad, para los creadores web, GitHub es como un punto de guardado mágico y una especie de red social para conectar con desarrolladores de todo el mundo. ¡Es una herramienta increíblemente potente y útil! Una vez que te acostumbres, ¡no podrás imaginar el desarrollo sin GitHub!

En este artículo, explicaremos todo de una manera sencilla y fácil de entender, desde la pregunta básica "¿Qué es GitHub?" hasta sus usos específicos y los errores comunes en los que caen los principiantes, simplificando la jerga técnica tanto como sea posible.

Para empezar, ¿qué es el "control de versiones"?

Antes de hablar de GitHub, entendamos primero el concepto fundamental que lo sustenta: el "control de versiones". El término puede sonar difícil, pero en realidad es un sistema para resolver un problema que todos hemos experimentado.

Por ejemplo, al crear un informe o un diseño, ¿alguna vez has terminado con una carpeta llena de nombres de archivo como estos?

• diseño_final.psd
• diseño_final_v2.psd
• diseño_final_de_verdad_el_último.psd
• diseño_final_última_versión_2.psd

Pierdes la pista de cuál es la versión final y, cuando piensas "ojalá pudiera volver al estado de ayer...", ya es demasiado tarde. El control de versiones es lo que evita esta tragedia.

Un sistema de control de versiones registra todo el historial de cambios de tus archivos, permitiéndote crear "puntos de guardado". Este punto de guardado se llama "commit". Es literalmente una máquina del tiempo para tu código, que te permite volver a cualquier punto de guardado anterior o comparar los cambios a lo largo del tiempo.

La gran pregunta: ¿Cuál es la diferencia entre Git y GitHub?

Aquí es donde los principiantes más se confunden. "Git" y "GitHub" suenan parecido, pero sus funciones son completamente distintas. Veámoslo en un diagrama.

  Tu PC (Entorno Local)                           Internet (Entorno Remoto)
+-------------------------+                   +-----------------------------+
|                         |                   |                             |
|   [ Git ]               |  --- push -->     |      [ GitHub ]             |
|   Herramienta de        |                   |      Lugar para Git (Servidor) |
|   control de versiones  |  <-- pull ---     |      (Compartir con equipo) |
|                         |                   |                             |
+-------------------------+                   +-----------------------------+
        

Usando una analogía cotidiana...

• Git: Es como "Microsoft Word" en tu ordenador. Es la "herramienta (software)" que usas para escribir, editar y guardar documentos en tu PC.
• GitHub: Es como "Google Drive" o "Dropbox". Es el "lugar (servicio web)" donde guardas y compartes los archivos que creaste con Word, permitiéndote colaborar con otras personas.

En resumen, no te equivocarás si recuerdas que usas la herramienta Git para realizar el control de versiones de tus archivos, y el lugar donde guardas y compartes esos registros es GitHub.

Los 3 mejores usos de GitHub para principiantes

Entiendes la teoría, pero ¿cómo se usa en la práctica? Aquí tienes tres escenarios específicos en los que los principiantes deberían usar GitHub, junto con los comandos básicos para cada uno.

1. Almacenar y gestionar de forma segura proyectos personales (Copia de seguridad y máquina del tiempo)

Es perfecto para gestionar tu propio sitio de portafolio o el código en el que estás trabajando mientras aprendes. Aunque tu ordenador se estropee, tus datos estarán a salvo si están en GitHub.

Primero, inicias el control de versiones para tu proyecto en tu propio PC. Este proceso se llama "crear un repositorio local".

Paso 1: Iniciar el control de versiones
En la carpeta de tu proyecto, ejecuta este comando para que Git comience a rastrear los cambios. Es como declarar: "¡Voy a gestionar este lugar con Git!".

git init

Paso 2: Preparar los cambios para guardar
A continuación, eliges qué archivos incluir en el punto de guardado. El `.` significa "todos los archivos y carpetas". A esto se le llama "staging" (preparar el escenario).

git add .

Paso 3: Crear el punto de guardado
Guardas (haces "commit") los archivos preparados con un mensaje. El truco es escribir un mensaje específico después de `-m` que explique qué has cambiado.

git commit -m "Crear la versión inicial"

Con estos pasos, has creado un punto de guardado para tu proyecto en tu PC. A continuación, subirás (harás una copia de seguridad) de estos datos a GitHub. Después de crear un "repositorio remoto" (un lugar de almacenamiento) en GitHub, ejecutarás los siguientes comandos.

Paso 4: Conectar el repositorio local y el remoto
Vincula tu proyecto local con el repositorio en GitHub. Copiarás y pegarás la URL que aparece cuando creas el repositorio en GitHub.

git remote add origin https://github.com/tu-nombre-de-usuario/tu-nombre-de-repositorio.git

Paso 5: Subir a GitHub
Subes (haces "push") los puntos de guardado (commits) que creaste en tu PC local a GitHub. Esta es la primera vez que tu código se guarda realmente en Internet.

git push -u origin main

2. Facilitar el trabajo en equipo (El centro de operaciones del desarrollo)

Cuando varias personas construyen un sitio web, GitHub es increíblemente eficaz. Deja claro quién cambió qué, cuándo y dónde, evitando accidentes como "¡Uy, sobrescribí el archivo de alguien!".

Paso 1: Descargar el proyecto
Empiezas clonando (haciendo una copia completa) el proyecto de otra persona desde GitHub a tu propio PC. Aquí es donde comienza la colaboración.

git clone https://github.com/nombre-de-otro-usuario/nombre-de-otro-repositorio.git

Paso 2: Obtener el estado más reciente
Antes de empezar a trabajar, obtienes (haces "pull") la última versión de los datos que otros miembros han actualizado en GitHub. Acostumbrarse a hacer esto ayuda a reducir los conflictos (choques entre cambios).

git pull origin main

En el trabajo colaborativo, la función "branch" (rama) es extremadamente importante. Piensa en ella como una "copia de trabajo" que te permite probar la adición de nuevas funciones o la corrección de errores sin afectar al código principal. El flujo de trabajo básico es crear siempre una rama para tu trabajo y, una vez que esté completo, fusionarla de nuevo con la rama principal.

Paso 3: Crear una nueva rama de trabajo
Por ejemplo, vamos a crear una rama para trabajar en un "nuevo diseño de la cabecera".

git branch feature/header-redesign

Paso 4: Cambiar a la nueva rama
Cambias a la nueva rama para que todo tu trabajo posterior se registre en ella.

git checkout feature/header-redesign

Después de esto, modificas el código, haces commit de tus cambios y subes tu rama a GitHub. Luego, creas una "Pull Request" en GitHub para pedir a otros miembros que revisen tu trabajo. Una vez que la revisión sea aprobada, tus cambios se fusionan de forma segura en el código principal.

3. Demostrar tus habilidades (Publicar un portafolio)

Para un creador web, un perfil de GitHub es el mejor currículum y portafolio. Te permite mostrar a empresas y desarrolladores de todo el mundo qué tipo de código escribes y en qué proyectos has contribuido (esto a menudo se refleja en tu "calendario de contribuciones").

Además, una función llamada "GitHub Pages" te permite publicar tu repositorio como un sitio web gratuito. Para sitios estáticos hechos solo con HTML/CSS/JavaScript, puedes publicar tu trabajo para todo el mundo con una URL como `nombre-de-usuario.github.io` sin necesidad de contratar un servidor. Esta es una función increíblemente útil para publicar un sitio de portafolio.

¡Ten cuidado! Errores comunes y advertencias

Finalmente, aquí hay algunas cosas con las que los principiantes deben tener especial cuidado.

• "Hice commit, así que estoy a salvo" es un error.
  git commit solo guarda los cambios en tu propio PC. Para subirlos a GitHub, siempre debes usar git push. "¡Hice commit, pero no aparece en GitHub!" casi siempre se debe a que te olvidaste de hacer push.
• Sé consciente de la visibilidad de tu repositorio.
  Los repositorios pueden ser "Públicos" o "Privados". Gestiona tu código de aprendizaje o proyectos que aún no quieres mostrar en repositorios Privados. (Actualmente, las cuentas gratuitas pueden crear repositorios Privados ilimitados).
• ¡Nunca incluyas información sensible!
  Ten mucho cuidado de no subir información secreta como contraseñas de bases de datos o claves de API a GitHub. Una vez que la subes a un repositorio Público, queda expuesta al mundo y corre el riesgo de ser explotada.

Para evitar subir accidentalmente dicha información sensible, se utiliza un archivo llamado ".gitignore". Los archivos y carpetas listados en este archivo son excluidos del seguimiento de Git y no se incluirán en los commits o pushes.

Ejemplo de .gitignore:

# Carpeta de dependencias de Node.js
node_modules/

# Archivo de variables de entorno
.env

# Archivo con claves secretas
secret_keys.txt

Conclusión: ¡GitHub no da miedo! Es una herramienta esencial para los creadores web

GitHub es más que un simple lugar para almacenar código. Es una plataforma poderosa que protege tu trabajo creativo, facilita la colaboración en equipo y muestra tus habilidades al mundo.

Al principio, puede que te intimide la pantalla negra y los comandos, pero con solo dominar el uso básico que hemos presentado aquí, tu eficiencia y seguridad en el desarrollo mejorarán drásticamente. ¡Empieza por gestionar tu propio sitio de portafolio y poco a poco hazte amigo de GitHub!