Skip to content

README.md

Latest commit

 

History

History
103 lines (74 loc) · 2.86 KB

README.md

File metadata and controls

103 lines (74 loc) · 2.86 KB
Raw

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.