Guillermo Domínguez García · Portfolio jugable

Oro:20

NV 1

Versión rápida →

Guillermo Domínguez García

Vue.js · Python · Ciberseguridad

Clase: Desarrollador Full Stack
Nivel: 5 (años de experiencia)
Origen: Sevilla, España

Descargar CV:PDF Markdown ver en la web

Perfil

Desarrollador web con 5 años de experiencia y una progresión constante: del bootcamp al front-end, y de ahí a la IA aplicada al desarrollo y la ciberseguridad. Me adapto con rapidez a áreas nuevas y las convierto en aportación real al equipo. Combino lo técnico con una buena base en diseño y UX/UI (Figma), lo que me permite cuidar la experiencia de usuario y colaborar con perfiles de diseño y producto. Trabajo bien en equipo, con autonomía y ganas de seguir creciendo.

Misiones completadas

Desarrollador web y seguridad
OpenWebinars · Dic 2021 – Oct 2026
- ▸ Construcción de interfaces front-end con Vue.js y Astro, basadas en APIs REST.
- ▸ Desarrollo asistido por IA con Claude Code para acelerar la creación, revisión y mejora del código.
- ▸ Experiencia integrando backends Django mediante API REST y OAuth.
- ▸ Realización de pentesting sobre el entorno de la empresa y aplicación de prácticas de seguridad.
- ▸ Colaboración en tareas de cumplimiento y documentación de normativa ISO 27001.
Desarrollador de proyectos web (Full Stack)
Don Bosco F5, Sevilla · Abr 2021 – Oct 2021
- ▸ Desarrollo de varios proyectos web con distintas herramientas y tecnologías (HTML5, CSS3, JavaScript, Vue.js, Laravel).

Habilidades

Front-end: HTML5CSS3JavaScriptVue.jsPiniaAstroTailwind CSSBootstrapAxiosFigmaReactSvelte
Back-end: PythonDjango (integración vía API REST y OAuth)Laravel (formación inicial)
Herramientas: GitClaude CodeGitHub Copilot (revisión de PRs)CloudflareLinuxKali Linux
Integraciones: APIs RESTBrevoClientifyGoogle AnalyticsElevenLabsAlgolia
Seguridad: PentestingBuenas prácticas de seguridadNormativa ISO 27001
Competencias: ProactividadAutonomíaTrabajo en equipoEmpatíaAdaptación

Formación

Bootcamp de Desarrollo Full StackDon Bosco F5, Sevilla · 2021
BachilleratoI.E.S. Nervión, Sevilla · 2011 – 2014

▶ Certificaciones

Ciberseguridad: Onboarding en Ciberseguridad · IA para Ciberseguridad · Desarrollo Seguro · Fundamentos legales de la ciberseguridad y protección de datos
Normativa: Formación obligatoria ISO 27001: seguridad y protección de datos · Implementación de la ISO 27001 · Introducción al Esquema Nacional de Seguridad (ENS) · Protección de datos y seguridad de la información (avanzado) · Protección de datos y seguridad de la información
Desarrollo: Técnicas de refactoring y Clean Code · Vibe Coding: prototipar apps con IA · Planificación y ejecución de proyectos ágiles

La sala de trofeos del pueblo: cada certificado es una medalla ganada fuera del código.

12 certificaciones · 138 horas de formación. Pulsa una para verla en grande y comprobarla en la web de quien la emite.

Ciberseguridad (4)

IA para Ciberseguridad
Curso · 9 h · 29 oct 2025
IA para Ciberseguridad · OpenWebinars · 29 oct 2025
Verificar ↗
Desarrollo Seguro
Curso · 15 h · 29 oct 2025
Desarrollo Seguro · OpenWebinars · 29 oct 2025
Verificar ↗
Onboarding en Ciberseguridad
Curso · 7 h · 10 dic 2024
Onboarding en Ciberseguridad · OpenWebinars · 10 dic 2024
Verificar ↗
Fundamentos legales de la ciberseguridad y protección de datos
Curso · 5 h · 10 dic 2024
Fundamentos legales de la ciberseguridad y protección de datos · OpenWebinars · 10 dic 2024
Verificar ↗

Normativa (5)

Formación obligatoria ISO 27001: seguridad y protección de datos
Itinerario · 47 h · 17 dic 2025
Formación obligatoria ISO 27001: seguridad y protección de datos · OpenWebinars · 17 dic 2025
Verificar ↗
Implementación de la ISO 27001
Curso · 10 h · 17 dic 2025
Implementación de la ISO 27001 · OpenWebinars · 17 dic 2025
Verificar ↗
Introducción al Esquema Nacional de Seguridad (ENS)
Curso · 7 h · 17 dic 2025
Introducción al Esquema Nacional de Seguridad (ENS) · OpenWebinars · 17 dic 2025
Verificar ↗
Protección de datos y seguridad de la información (avanzado)
Curso · 7 h · 17 dic 2025
Protección de datos y seguridad de la información (avanzado) · OpenWebinars · 17 dic 2025
Verificar ↗
Protección de datos y seguridad de la información
Curso · 11 h · 1 abr 2025
Protección de datos y seguridad de la información · OpenWebinars · 1 abr 2025
Verificar ↗

Desarrollo (3)

Técnicas de refactoring y Clean Code
Curso · 10 h · 29 oct 2025
Técnicas de refactoring y Clean Code · OpenWebinars · 29 oct 2025
Verificar ↗
Vibe Coding: prototipar apps con IA
Curso · 2 h · 29 oct 2025
Vibe Coding: prototipar apps con IA · OpenWebinars · 29 oct 2025
Verificar ↗
Planificación y ejecución de proyectos ágiles
Curso · 8 h · 29 oct 2025
Planificación y ejecución de proyectos ágiles · OpenWebinars · 29 oct 2025
Verificar ↗

La sastrería del pueblo: CSS puro, sin una sola línea de JavaScript.

Estadísticas

Defensa
Magia
Estilo

¿Dónde está el JavaScript?

En ningún sitio. Cada opción es un <input type="radio"> y el resto lo hace:has():

.tailor:has([name='shirt'][value='r']:checked) {
  --shirt: var(--color-px-r);
}

¿Por qué el color cambia a saltos?

Una variable CSS normal no se puede animar: el navegador no sabe qué tipo de dato es. Con@property se registra --shirt como <color> y ya admitetransition; steps(4) le da el aire de 8 bits.

El cuartel de la guardia: seguridad web con Web Components nativos, sin framework.

1 Analizador de contraseñas

2 XSS: el mismo texto, tres formas de insertarlo

3 Cabeceras de seguridad

No es teoría: esta web envía todas estas cabeceras. Compruébalo en las herramientas de desarrollo del navegador (pestaña Red, cualquier petición, «Cabeceras de respuesta»).

Content-Security-Policy

Frena: XSS e inyección de recursos

Lista blanca de orígenes desde los que la página puede cargar scripts, estilos, imágenes o conexiones. Sin unsafe-inline, un script inyectado no se ejecuta.

default-src 'self'; script-src 'self'; object-src 'none'; base-uri 'none'

Strict-Transport-Security

Frena: Degradación a HTTP y robo de sesión en redes abiertas

Obliga al navegador a usar siempre HTTPS con este dominio durante el tiempo indicado, aunque alguien escriba http://.

max-age=63072000; includeSubDomains; preload

X-Content-Type-Options

Frena: MIME sniffing

Impide que el navegador "adivine" el tipo de un archivo: un .txt subido por un usuario no se ejecutará como script.

nosniff

frame-ancestors (CSP)

Frena: Clickjacking

Decide quién puede meter la página en un iframe. Sustituye a la antigua X-Frame-Options.

frame-ancestors 'none'

Referrer-Policy

Frena: Fuga de URLs con datos privados

Controla cuánto de la URL actual se envía a otros sitios al seguir un enlace.

strict-origin-when-cross-origin

Permissions-Policy

Frena: Abuso de APIs sensibles por terceros

Desactiva funciones que la web no necesita (cámara, micrófono, geolocalización), también para los iframes que incruste.

camera=(), microphone=(), geolocation=()

Buenas prácticas

Nunca innerHTMLTodo el DOM se crea con createElement y textContent: lo que escribe el visitante nunca se interpreta como HTML.
Análisis inerte + lista blancaDOMParser crea un documento donde nada se ejecuta; el saneado construye nodos nuevos solo con etiquetas permitidas. Probado contra XSS y mXSS clásicos.
Nada sale del navegadorLa contraseña no se envía ni se guarda, se borra al cerrar y el corrector está desactivado (el de Chrome puede enviar el texto a un servidor).
k-anonymityHave I Been Pwned solo necesita los 5 primeros caracteres del SHA-1 para decirte si una contraseña se ha filtrado.
Custom Elements + Shadow DOMComponentes nativos con estilos aislados y una hoja compartida por adoptedStyleSheets. Se cargan con import() al entrar en el edificio.
Declarative Shadow DOMLas tarjetas de cabeceras traen su sombra en el HTML del servidor: Shadow DOM sin una línea de JavaScript.

La biblioteca del mago: Python 3.14 de verdad, ejecutándose en tu navegador con Pyodide.

Lee una copia de tu partida (la de las tiendas de Vue, Svelte y React) y la resume en una tabla.

Código Python (Tab sangra · Esc y Tab para salir · Ctrl+Enter ejecuta)

# El mago lee tu partida: `contexto` es un dict de Python con una copia
# de los datos del juego. Cambia algo en las tiendas y vuelve a ejecutarlo.
p = contexto["partida"]

print(f"Nivel {p['nivel']} · {p['xp']} XP · {p['oro']} de oro\n")

if not p["inventario"]:
    print("Tu mochila está vacía: compra ingredientes en la tienda de Vue.")
else:
    print(f"{'Objeto':<24}{'Cant.':>6}{'Venta':>8}")
    print("-" * 38)
    for item in sorted(p["inventario"], key=lambda i: (i["tipo"], i["nombre"])):
        venta = item["precio"] // 2 * item["cantidad"]
        print(f"{item['nombre']:<24}{item['cantidad']:>6}{venta:>8}")
    total = sum(i["precio"] // 2 * i["cantidad"] for i in p["inventario"])
    print("-" * 38)
    print(f"{'Valor si lo vendes todo':<30}{total:>8}")

hechas = len(p["misiones_completadas"])
total_misiones = p["misiones_totales"]
print(f"\nMisiones [{'#' * hechas}{'.' * (total_misiones - hechas)}] {hechas}/{total_misiones}")
for titulo in p["misiones_completadas"]:
    print(f"  ✓ {titulo}")

siguiente = next((u for u in contexto["umbrales_nivel"] if u > p["xp"]), None)
if siguiente is not None:
    print(f"\nTe faltan {siguiente - p['xp']} XP para el nivel {p['nivel'] + 1}.")

Tu código corre en tu navegador, en un Web Worker aislado: sin red, sin eval, sin acceso a la página ni a tus datos, con un máximo de 10 segundos y 5000 caracteres. Solo recibe una copia de lectura de tu partida.

Perfil

Misiones completadas

Habilidades

Formación

CrossFit

Pádel

Cine

Series

Warhammer

Ciberseguridad (4)

Normativa (5)

Desarrollo (3)

header-auditor

Seta roja

Hierba lunar

Cristal azur

Pluma de grifo

Flor de fuego

Baba de slime

Ingredientes

Recetario 0/5 listas