GitHub Actions — Curso Interactivo

Plataforma de aprendizaje interactiva en español para dominar GitHub Actions desde los fundamentos hasta pipelines CI/CD completos en producción. Curso tipo slide-deck con ejemplos de código, demos interactivas y quiz de evaluación.

---

Contenido del curso

#	Módulo	Temas
01	¿Qué es GitHub Actions?	Conceptos base, casos de uso, ventajas
02	Anatomía de un workflow	Estructura YAML, componentes principales
03	Eventos y triggers	push, pull_request, schedule, workflow_dispatch, release
04	Jobs y steps	Dependencias, matrices de versiones, condicionales
05	Runners	GitHub-hosted vs Self-hosted, comparativa
06	Secrets y variables	Gestión segura de credenciales y env vars
07	CI/CD completo	Pipeline Node.js + Docker + deploy SSH a producción
08	Self-hosted runner	Configuración paso a paso en servidor propio

---

Características

• 8 módulos interactivos con navegación lateral y barra de progreso
• Resaltado de sintaxis en todos los bloques de código con botón de copiar
• Demos interactivas: selector de triggers, comparativa de runners, colapsables de pasos
• Quiz con retroalimentación inmediata al finalizar
• Diseño dark theme inspirado en GitHub, responsive para móvil
• Sin dependencias externas — funciona offline, sin build tools

---

Stack

• HTML5 + CSS3 (CSS Variables, Grid, Flexbox)
• Vanilla JavaScript ES6+ (sin frameworks)
• Fuentes monoespaciadas: JetBrains Mono / Fira Code / Cascadia Code

---

Correr localmente

No requiere instalación ni servidor. Solo abre el archivo en el navegador:

# Opción 1 — abrir directo
open index.html

# Opción 2 — servidor local con Python
python -m http.server 8080

# Opción 3 — servidor local con Node.js
npx serve .

---

Desplegar en GitHub Pages

1. Sube el repositorio a GitHub
2. Ve a Settings → Pages
3. En Source, selecciona la rama master y carpeta / (root)
4. Guarda — GitHub Pages publica automáticamente en: https://<usuario>.github.io/<repositorio>

Para automatizar el deploy con GitHub Actions (practicando lo que enseña el curso):

# .github/workflows/deploy.yml
name: Deploy to GitHub Pages

on:
  push:
    branches: [master]

jobs:
  deploy:
    runs-on: ubuntu-latest
    permissions:
      contents: write
    steps:
      - uses: actions/checkout@v4
      - uses: JamesIves/github-pages-deploy-action@v4
        with:
          folder: .

---

Estructura del proyecto

github-actions-pages-course/
├── index.html    # Todo el contenido del curso (slides 01–08)
├── app.js        # Navegación, tabs, demos interactivas, quiz
└── styles.css    # Design system dark theme, layout, componentes

---

Licencia

MIT — libre para usar, modificar y distribuir.