Git, el historial de tu proyecto

¿Te suena portfolio-final.html, portfolio-final-v2.html, portfolio-final-DEFINITIVO.html?

Git guarda el historial del proyecto en commits con mensaje.

Ciclo: cambiar → preparar → confirmar. Desde el editor o la terminal.

Commits pequeños y frecuentes, con mensajes que digan qué cambia.

Puedes ver, descartar o revertir cambios.

  • ¿Te suena portfolio-final.html, portfolio-final-v2.html, portfolio-final-DEFINITIVO.html? Git resuelve eso: guarda el historial completo de tu proyecto, te deja volver a cualquier versión anterior y es la herramienta con la que trabajan todos los equipos de desarrollo. Además, cuando trabajes con IA, te permitirá volver atrás si algo se rompe.
  • ConceptoQué es RepositorioLa carpeta de tu proyecto con su historial. Git lo guarda en una carpeta oculta .git. CommitUna "foto" del proyecto en un momento, con un mensaje que explica qué cambió. Área de preparación (staging)Donde eliges qué cambios entran en el próximo commit. Historial (log)La lista de commits, del más reciente al más antiguo. Rama (branch)Una línea de trabajo paralela (lo veremos más adelante).
  • No hace falta usar la terminal: el editor de código del aula integra Git (en VS Code, el icono de Control de código fuente).
  • Inicializar: abre la carpeta del proyecto → Control de código fuente → Inicializar repositorio. (Solo una vez por proyecto.) Hacer cambios en tus ficheros y guardar. Aparecerán en la lista de cambios. Preparar: pulsa + junto a los ficheros que quieres incluir. Confirmar (commit): escribe un mensaje y pulsa Confirmar. Ver el historial: en la vista de línea de tiempo o del gráfico de commits.
  • Lo mismo con la terminal, por si la necesitas:

Introducción

¿Te suena portfolio-final.html, portfolio-final-v2.html, portfolio-final-DEFINITIVO.html? Git resuelve eso: guarda el historial completo de tu proyecto, te deja volver a cualquier versión anterior y es la herramienta con la que trabajan todos los equipos de desarrollo. Además, cuando trabajes con IA, te permitirá volver atrás si algo se rompe.

Ideas clave

ConceptoQué es RepositorioLa carpeta de tu proyecto con su historial. Git lo guarda en una carpeta oculta .git. CommitUna "foto" del proyecto en un momento, con un mensaje que explica qué cambió. Área de preparación (staging)Donde eliges qué cambios entran en el próximo commit. Historial (log)La lista de commits, del más reciente al más antiguo. Rama (branch)Una línea de trabajo paralela (lo veremos más adelante).

Git desde el editor de código

No hace falta usar la terminal: el editor de código del aula integra Git (en VS Code, el icono de Control de código fuente).

Inicializar: abre la carpeta del proyecto → Control de código fuente → Inicializar repositorio. (Solo una vez por proyecto.) Hacer cambios en tus ficheros y guardar. Aparecerán en la lista de cambios. Preparar: pulsa + junto a los ficheros que quieres incluir. Confirmar (commit): escribe un mensaje y pulsa Confirmar. Ver el historial: en la vista de línea de tiempo o del gráfico de commits.

Lo mismo con la terminal, por si la necesitas:

Buenos mensajes de commit

Un commit debe contar un cambio con sentido, y su mensaje debe decir qué cambia:

✗ Mal✓ Bien cambiosAñade formulario de contacto accesible asdfCorrige contraste del texto en el pie finalPasa la galería a tres columnas en escritorio

Regla práctica: haz commit cada vez que termines algo que funcione (una sección, un arreglo). Mejor muchos commits pequeños que uno enorme al final.

Volver atrás

Ver cómo era un fichero antes: selecciona un commit en el historial. Descartar cambios que aún no has confirmado: Descartar cambios en el editor (o git restore fichero). Deshacer un commit ya hecho sin perder historial: git revert <commit> crea un commit que invierte aquel.

⚠️ Atención. Descartar cambios no tiene vuelta atrás: lo que no estaba confirmado se pierde. Por eso conviene hacer commits a menudo.

Qué no guardar en Git

Ficheros enormes que no son del proyecto (vídeos de trabajo, PSD de 1 GB). Contraseñas o claves. Carpetas de sistema (.DS_Store, Thumbs.db). Se excluyen con un fichero .gitignore:

.DS_Store Thumbs.db

Errores frecuentes

Un solo commit al final con todo el proyecto: no hay historial útil. Mensajes que no explican nada. Inicializar el repositorio en una carpeta equivocada (por ejemplo, todo el escritorio).

Git & GitHub
15

Git, el historial de tu proyecto

¿Te suena portfolio-final.html, portfolio-final-v2.html, portfolio-final-DEFINITIVO.html?

Código del tema: git commit -m

📘 Teoría

Introducción

¿Te suena portfolio-final.html, portfolio-final-v2.html, portfolio-final-DEFINITIVO.html? Git resuelve eso: guarda el historial completo de tu proyecto, te deja volver a cualquier versión anterior y es la herramienta con la que trabajan todos los equipos de desarrollo. Además, cuando trabajes con IA, te permitirá volver atrás si algo se rompe.

Ideas clave

ConceptoQué es
RepositorioLa carpeta de tu proyecto con su historial. Git lo guarda en una carpeta oculta .git.
CommitUna "foto" del proyecto en un momento, con un mensaje que explica qué cambió.
Área de preparación (staging)Donde eliges qué cambios entran en el próximo commit.
Historial (log)La lista de commits, del más reciente al más antiguo.
Rama (branch)Una línea de trabajo paralela (lo veremos más adelante).

Git desde el editor de código

No hace falta usar la terminal: el editor de código del aula integra Git (en VS Code, el icono de Control de código fuente).

  1. Inicializar: abre la carpeta del proyecto → Control de código fuente → Inicializar repositorio. (Solo una vez por proyecto.)
  2. Hacer cambios en tus ficheros y guardar. Aparecerán en la lista de cambios.
  3. Preparar: pulsa + junto a los ficheros que quieres incluir.
  4. Confirmar (commit): escribe un mensaje y pulsa Confirmar.
  5. Ver el historial: en la vista de línea de tiempo o del gráfico de commits.

Lo mismo con la terminal, por si la necesitas:

Buenos mensajes de commit

Un commit debe contar un cambio con sentido, y su mensaje debe decir qué cambia:

✗ Mal✓ Bien
cambiosAñade formulario de contacto accesible
asdfCorrige contraste del texto en el pie
finalPasa la galería a tres columnas en escritorio

Regla práctica: haz commit cada vez que termines algo que funcione (una sección, un arreglo). Mejor muchos commits pequeños que uno enorme al final.

Volver atrás

  • Ver cómo era un fichero antes: selecciona un commit en el historial.
  • Descartar cambios que aún no has confirmado: Descartar cambios en el editor (o git restore fichero).
  • Deshacer un commit ya hecho sin perder historial: git revert <commit> crea un commit que invierte aquel.

⚠️ Atención. Descartar cambios no tiene vuelta atrás: lo que no estaba confirmado se pierde. Por eso conviene hacer commits a menudo.

Qué no guardar en Git

  • Ficheros enormes que no son del proyecto (vídeos de trabajo, PSD de 1 GB).
  • Contraseñas o claves.
  • Carpetas de sistema (.DS_Store, Thumbs.db). Se excluyen con un fichero .gitignore:
.DS_Store
Thumbs.db

Errores frecuentes

  • Un solo commit al final con todo el proyecto: no hay historial útil.
  • Mensajes que no explican nada.
  • Inicializar el repositorio en una carpeta equivocada (por ejemplo, todo el escritorio).

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros. culTest

La hice en febrero de 2026 para facilitar el aprendizaje de mis alumnos. La idea es aprender desarrollo web practicando y que el proyecto siga creciendo con nuevos temas, tests y retos.

Está inspirada en MDN, W3Schools, CodePen, Manz y muchos otros sitios de documentación sobre desarrollo web. Quería combinar teoría útil, ejemplos ejecutables, retos y el sistema de tests que ya tenía en culTest. culTest

Si te gustó, si no te gustó o si quieres escribirme, puedes hacerlo en cristianeslava@gmail.com