● branch: main — up to date

Proyecto FerSa

Una página web centrada en el manejo y control de versiones con Git. Visualiza cambios, diffs y espacios en blanco como si estuvieras en tu terminal.

fersa — git log --oneline
~/proyecto-fersa $ git log --oneline -5
a3f7c21 feat: agregar sección de diffs visuales
b2e4d09 refactor: migrar estilos a tema oscuro
c1a8f33 fix: corregir espacios en blanco trailing
d9b2e17 docs: actualizar README con instrucciones
e5c3a44 init: commit inicial del proyecto
~/proyecto-fersa $ ▌

⎇ Dashboard en Vivo

Estado actual del repositorio — ramas y cambios de todos los participantes en tiempo real.

— Ramas activas
— Pendientes de merge
— Sincronizadas con main
Conecta con GitHub para ver las ramas en vivo.

Visualización de Cambios

Así es como Git muestra los cambios entre versiones — líneas añadidas, eliminadas y contexto.

📄 config/proyecto.yml +4 -2
@@ -1,8 +1,10 @@ # Configuración del proyecto
1 nombre: proyecto-fersa
2 - version: "1.0.0"
3 - plataforma: kubernetes
+ version: "2.0.0"
+ plataforma: git
+ control_versiones: true
+ rama_principal: main
4 autor: "César A. Pérez"
5 pais: Guatemala
📄 src/deploy.sh +5 -3
@@ -12,9 +12,14 @@ # Script de despliegue
12 #!/bin/bash
13 echo "Iniciando despliegue..."
14 - kubectl apply -f deployment.yml
15 - kubectl rollout status deployment/app
16 - echo "Despliegue en cluster completado"
+ git add .
+ git commit -m "deploy: nueva versión"
+ git push origin main
+ echo "Cambios empujados a repositorio remoto"
+ echo "Despliegue vía Git completado ✓"
17

Historial de Commits

Cada cambio cuenta una historia. El historial de commits es la memoria del proyecto.

a3f7c21
feat: agregar sección de diffs visuales con líneas +/-
César A. Pérez hace 2 horas feature
b2e4d09
refactor: migrar tema a esquema oscuro tipo editor de código
César A. Pérez hace 5 horas refactor
c1a8f33
fix: corregir espacios en blanco trailing y tabulación inconsistente
César A. Pérez hace 1 día bugfix
d9b2e17
docs: actualizar README con guía de contribución y branching
César A. Pérez hace 3 días docs
e5c3a44
init: commit inicial — estructura del proyecto y archivos base
César A. Pérez hace 1 semana init

🔗 Recursos de Git

Herramientas y documentación esencial para dominar el control de versiones.

📘

Documentación oficial de Git

Referencia completa de todos los comandos, opciones y flujos de trabajo de Git.

Ir a Git SCM →
⬡

GitHub

La plataforma de desarrollo colaborativo más grande del mundo. Repositorios, PRs, Issues y más.

Visitar GitHub →
📖

Pro Git Book

El libro definitivo de Git, escrito por Scott Chacon y Ben Straub. Disponible gratis en línea.

Leer Pro Git →

📐 Nomenclatura de Commits

Usamos Conventional Commits para que el historial sea claro y consistente. Esta es la referencia.

Sintaxis
<tipo>: <descripción corta y en imperativo>
✓ feat: agregar botón de modo oscuro ✗ feat: agregué un botón ✗ se arregló el login
feat Feature

Cuando agregas una nueva funcionalidad que antes no existía.

Ejemplo: feat: agregar botón de modo oscuro
fix Bugfix

Cuando corriges un error o bug en el código.

Ejemplo: fix: corregir error de login con correos en mayúsculas
docs Documentación

Cuando solo cambias documentación: README, comentarios en el código, guías.

Ejemplo: docs: actualizar guía de instalación
style Formato

Cambios de formato visual que no afectan la lógica: espacios, indentación, puntos y comas.

Ejemplo: style: alinear divs en el dashboard
refactor Refactorización

Cambios que mejoran el código sin corregir bugs ni agregar funcionalidades. Más limpio, más legible.

Ejemplo: refactor: extraer lógica de validación a función separada
chore Tarea general

Tareas de mantenimiento que no tocan el código de la app: configuraciones, dependencias, scripts.

Ejemplo: chore: actualizar versión de Node en el proyecto
💡
Regla de oro: el mensaje debe completar la frase "Si aplico este commit, va a..." → feat: agregar sección de contacto

🛠️ Herramientas

Instala y configura las herramientas esenciales para tu flujo de trabajo con Git.

⚙️

git

El sistema de control de versiones distribuido más utilizado en el mundo.

Ver instalación →
💻

gh (GitHub CLI)

Administra repositorios, PRs e issues directamente desde tu terminal.

Ver instalación →
🔍

tig

Interfaz de texto para explorar el historial y los diffs de Git interactivamente.

Ver instalación →
🧩

lazygit

UI de terminal simple para comandos de Git. Visualiza ramas, commits y diffs fácilmente.

Ver en GitHub →

👩‍💻 Espacios para Ustedes

Cada estudiante tiene su propia página personal para practicar HTML, CSS y Git.

🌸

Fernanda

⎇ fernanda/*

Página personal de Fernanda — HTML, estilos y más.

→
🚀

Samuel

⎇ samuel/*

Página personal de Samuel — HTML, estilos y más.

→
💡

Tip: Cada estudiante trabaja en su propia rama de Git. Los cambios aparecen en el Dashboard en Vivo y en el Historial de Commits automáticamente.