Git: guardados como en un juego
Lección 7 de 26 del curso «Vibe coding». Gratis, con animaciones y un test.
Guardados como en un juego
En un juego guardas antes del jefe para no repetir todo. Git hace lo mismo con un proyecto. Git es un programa que recuerda cada versión de tus archivos. Ejemplo: con la IA armas un sitio para tu equipo de un shooter. En el esquema está todo el camino: esqueleto (una plantilla de página vacía), menú, formulario de inicio de sesión. Cada círculo es un guardado al que puedes volver.
Un commit es un punto de guardado
Un commit es un guardado en Git: una foto de todo el proyecto en un momento dado. A cada commit le escribes un mensaje corto sobre qué cambió. La regla es simple: qué cambió, en pocas palabras. «formulario de inicio de sesión» se entiende al instante. «fix», «asdf» o «todo bien» no te dirán nada en una semana. Las etiquetas del esquema son un buen ejemplo: lees el historial como una lista de tareas.
¿Se rompió? Vuelve atrás
Le pediste a la IA «haz el diseño más llamativo» y se rompieron todos los estilos: los botones se encimaron sobre el texto. Ese es el commit rojo «rompí los estilos». Sin Git tendrías que recordar cómo era antes. Con Git abres el historial, la lista de todos los commits, y vuelves atrás: regresas el proyecto al commit «formulario de inicio de sesión», donde todo funcionaba. Eso muestra la flecha «volver atrás».
Haz commit después de cada paso
Lo básico: terminas un paso que funciona y haces commit enseguida. Armaste el esqueleto, lo probaste, guardaste. Agregaste el menú, lo probaste, guardaste. Es aún más importante antes de un pedido grande a la IA, como «rehaz todo el diseño». Así, pase lo que pase, pierdes como mucho un paso y no una tarde entera. Los editores con IA y los agentes pueden hacer commits solos: solo pídelo.
Diff: qué cambió exactamente
Un diff es una comparación de dos versiones línea por línea. Las líneas agregadas se marcan en verde y las borradas en rojo. Ejemplo: la etiqueta «+12 −3» del esquema significa que el commit agregó 12 líneas de código y quitó 3. Mira el diff antes del commit. Si pediste cambiar el color de un botón y la IA reescribió, por ejemplo, cientos de líneas, pregúntale por qué.
Ponte a prueba
- ¿Qué es un commit en Git?
Respuesta correcta: Un guardado del proyecto con un mensaje corto. Un commit es una foto del proyecto en un momento, más un mensaje sobre qué cambió. Siempre puedes volver a él. - ¿Cuándo es especialmente importante hacer commit?
Respuesta correcta: Antes de un pedido grande a la IA, mientras todo funciona. Un commit antes de un cambio grande te da un punto que funciona para volver. Uno después de romper todo solo guarda la versión rota. - En un diff una línea está marcada en rojo. ¿Qué significa?
Respuesta correcta: Esa línea se borró. En un diff, verde es «agregado» y rojo es «borrado». El rojo aquí no indica un error.