Frontend Academy · Lección

git init add commit y status

Inicialice un repositorio, prepare cambios con git add, cree commits y lea git status y git log para comprender el historial.

git init add commit y status es una lección gratuita de Frontend Academy en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Frontend Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Frontend Academy incluye 4 lecciones en total.

¿Por qué usar control de versiones?

Git realiza un seguimiento de cada cambio en su código a lo largo del tiempo. Puede ver qué cambió, cuándo y por qué. Los errores se pueden recuperar. Varias personas pueden trabajar en el mismo código base. Todos los equipos profesionales utilizan Git.

git init — iniciar un repositorio

Ejecute git init en cualquier carpeta para inicializar un repositorio de Git. Git crea un directorio oculto .git que almacena todo el historial del proyecto.

mkdir my-project && cd my-project
git init
# Initialized empty Git repository in ./my-project/.git/

Las tres áreas

Git tiene tres áreas: Directorio de trabajo (archivos que edita), Área de preparación (archivos marcados para el próximo commit) y Repositorio (historial de commits). El área de preparación le permite crear commits precisos.

git status — ¿Qué ha cambiado?

git status muestra qué archivos no tienen seguimiento, están modificados o están preparados. Utilícelo constantemente durante su flujo de trabajo para comprender el estado actual.

git status
# Output:
# On branch main
# Changes not staged for commit:
#   modified: index.html
# Untracked files:
#   styles.css

git add — preparar cambios

git add filename prepara un archivo específico. git add . prepara todos los cambios del directorio actual. git add -p prepara los cambios de forma interactiva, bloque por bloque.

git add index.html           # stage one file
git add src/                 # stage a directory
git add .                    # stage everything
git add -p                   # interactive staging

git commit — guardar una instantánea

git commit -m 'message' crea una instantánea permanente de los cambios preparados. El mensaje debe describir por qué se realizó el cambio, no qué se cambió. Cada commit tiene un hash SHA único.

git commit -m 'feat: add user authentication form'
git commit -m 'fix: correct email validation regex'
git commit -m 'refactor: extract validation into helper function'

Commits convencionales

Muchos equipos utilizan el formato Conventional Commits: type(scope): description. Los tipos habituales son: feat, fix, refactor, test, docs, chore y perf. Esto permite generar changelogs automáticamente y aplicar versionado semántico.

feat(auth): add Google OAuth login
fix(cart): prevent duplicate item addition
docs(api): add rate limit documentation
chore(deps): upgrade React to 18.3

git log — ver el historial

git log muestra el historial de commits. git log --oneline muestra una vista compacta con una línea por commit. git log --graph dibuja la estructura de ramas.

git log --oneline --graph
# * a1b2c3d feat: add dark mode toggle
# * d4e5f6g fix: resolve mobile nav overflow
# * 7h8i9j0 refactor: extract theme hook

git diff — ver qué ha cambiado

git diff muestra los cambios que no están preparados. git diff --staged muestra los cambios preparados. git diff HEAD muestra todos los cambios desde el último commit.

El archivo .gitignore

Enumere en .gitignore los archivos y directorios que desea excluir del control de versiones. Ignore siempre node_modules, .env, dist y los directorios de build. GitHub proporciona plantillas de gitignore para todos los lenguajes y frameworks.

# .gitignore
node_modules/
dist/
.env
.env.local
*.log
.DS_Store
coverage/

git restore — deshacer cambios no preparados

git restore filename descarta los cambios de un archivo en el directorio de trabajo y lo revierte a la última versión confirmada. Es una operación destructiva: los cambios se pierden.

git restore index.html        # discard unstaged changes
git restore --staged file.js  # unstage without losing changes

Comprobación rápida

¿Qué hace git add .?

Resumen: comandos básicos de Git

git init inicia un repositorio. git status muestra el estado actual. git add prepara archivos. git commit guarda una instantánea con un mensaje. git log muestra el historial. git diff muestra los cambios. .gitignore excluye archivos. Escriba siempre mensajes de commit significativos que expliquen por qué, no qué se cambió.

Preguntas frecuentes

¿La lección «git init add commit y status» es gratis?

Sí — el texto completo de «git init add commit y status» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Frontend Academy, actualiza a CoddyKit PRO. El curso de Frontend Academy incluye 4 lecciones en total.

¿Qué aprenderé en «git init add commit y status»?

Inicialice un repositorio, prepare cambios con git add, cree commits y lea git status y git log para comprender el historial. Practicas Frontend Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Frontend Academy?

No se requiere experiencia previa. Frontend Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.

¿Cuánto tiempo toma la lección «git init add commit y status»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Frontend Academy?

Sí. Cada lección de Frontend Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

git init add commit y status
Ramificación: branch checkout merge
Repositorios remotos: push pull clone
Flujo de trabajo de pull requests en GitHub

← Volver a Frontend Academy