Git & GitHub Masterclass

Curso interactivo completo para dominar Git y GitHub — de principiante avanzado a experto.

Sobre este proyecto

Este curso interactivo fue orquestado por Hendry Avila y generado con asistencia de Inteligencia Artificial.

Filosofia

Este proyecto es Open Source y su unico proposito es la educacion. Nace de la conviccion de que el aprendizaje debe ser:

• Accesible: Gratis, abierto, y disponible para todos
• Dinamico: Interactivo, no solo texto estatico — incluye terminal simulado, grafos visuales de Git, escenarios de decision y quizzes
• Adaptable: Cada persona aprende a su ritmo, con progreso guardado localmente
• Practico: Aprender haciendo, no solo leyendo

Nota sobre la implementacion tecnica

El desarrollo tecnico de este curso (codigo, estructura, patrones) puede o no seguir las mejores practicas de ingenieria de software. Ese NO es el foco del proyecto. El objetivo es proveer un espacio de aprendizaje diferente, dinamico y efectivo. Si encuentras mejoras tecnicas, los PRs son bienvenidos.

Que vas a aprender

Parte 1: Masterizar Git (Modulos 1-7)

• Como funciona Git internamente (objects, blobs, trees, commits)
• Branches: creacion, navegacion y gestion
• Merging: fast-forward, 3-way merge, resolucion de conflictos
• Rebase: reescribir historia, interactive rebase, squash
• Recovery: reset, revert, stash, reflog
• Herramientas avanzadas: cherry-pick, bisect, hooks, tags
• Workflows en equipo: Git Flow, GitHub Flow, Trunk-based

Parte 2: Masterizar GitHub (Modulos 8-14)

• Configuracion profesional de GitHub (SSH, tokens, settings)
• Pull Requests y Code Review como un profesional
• Issues y Project Management
• GitHub Actions: CI/CD desde cero
• Contribucion a proyectos Open Source
• GitHub Pages, Releases y Packages
• Security, API, CLI y Codespaces

Caracteristicas del curso

• 14 modulos interactivos (~10 horas de contenido)
• Terminal Git simulado para practicar comandos
• Grafos visuales SVG de commits y branches
• Escenarios de decision interactivos
• Quizzes con explicaciones detalladas
• Sistema de badges y progreso
• Certificado de finalizacion
• Vocabulario flotante por modulo

Tech Stack

• SvelteKit 5 — Framework web con Svelte 5 runes
• Tailwind CSS v4 — Estilos con tema JARVIS/Tony Stark
• Static Adapter — Deploy estatico
• GitHub Pages — Hosting gratuito

Como ejecutar localmente

git clone https://github.com/hendryavila/git-github-masterclass.git
cd git-github-masterclass
npm install
npm run dev

Abre http://localhost:5173 en tu navegador.

Deploy

Consulta DEPLOY_GUIDE.md para instrucciones paso a paso de como deployar tu propia copia en GitHub Pages.

Estructura del proyecto

src/
├── lib/
│   ├── stores/course.ts      # Estado del curso con localStorage
│   ├── data/
│   │   ├── modules.ts        # Metadata de 14 modulos
│   │   └── vocabulary.ts     # Vocabulario por modulo
│   └── components/
│       ├── Quiz.svelte        # Quizzes interactivos
│       ├── GitTerminal.svelte # Terminal Git simulado
│       ├── GitGraph.svelte    # Grafo visual de commits
│       ├── BranchingScenario.svelte # Escenarios de decision
│       └── ...                # Mas componentes
└── routes/
    ├── +page.svelte           # Homepage
    ├── modulo/1-14/           # 14 modulos del curso
    └── resultados/            # Resultados y certificado

Contribuir

Este es un proyecto educativo Open Source. Si quieres contribuir:

1. Fork el repositorio
2. Crea una rama (git checkout -b feature/mejora)
3. Haz tus cambios
4. Abre un Pull Request

Toda contribucion que mejore la experiencia de aprendizaje es bienvenida.

Fuentes principales

• Pro Git Book — Scott Chacon & Ben Straub
• GitHub Docs — Documentacion oficial
• Atlassian Git Tutorials — Guias de workflows
• Open Source Guides — Contribucion Open Source

Licencia

MIT — Usa, modifica y comparte libremente.

---

Hecho con pasion por la educacion y un poco de ayuda de IA.