Currículum de desarrollador/a front-end: ejemplos y guía para redactarlo

Un currículum de una página para una desarrolladora front-end con siete años de experiencia entre una agencia y una empresa de producto de salud digital. El nombre y las empresas son inventados. Fíjate en que el stack está en la línea del título, la cabecera enlaza a GitHub y a un portfolio, y cada logro tiene una cifra que un responsable puede visualizar: usuarios, tiempo de carga, tamaño del bundle, cobertura de tests, errores, conversión.

Un currículum front-end suele pasar dos filtros: un seleccionador compara el stack con la oferta y, después, el responsable de contratación o un ingeniero sénior le dedica un minuto. Buscan cuatro cosas, en este orden.

• Que el stack encaje. Si el equipo trabaja con React y TypeScript, quiere ver React y TypeScript en tu línea de título y en tus logros, no en una lista de 30 herramientas. Lo mismo con Vue o Angular. Indica tu nivel con honestidad: «Vue (en producción, 2 años)» es mejor que una lista sin más.
• Trabajo lanzado con impacto. Algo que llegó a los usuarios, con una cifra: sesiones, tiempo de carga, conversión, hallazgos de accesibilidad cerrados, cobertura de tests, errores reducidos. Una funcionalidad que creaste y mantuviste durante un año dice más que cinco que tocaste.
• Código que puedan abrir. Un perfil de GitHub con un proyecto fijado que tenga README, tests y commits a lo largo del tiempo; un portfolio o una aplicación publicada. Los responsables los abren, sobre todo con candidaturas junior e intermedias.
• Fundamentos. JavaScript sin frameworks, maquetación CSS, el navegador (renderizado, red, almacenamiento), nociones de accesibilidad y rendimiento. Los frameworks cambian; un currículum que menciona Core Web Vitals y WCAG indica a alguien que entiende la plataforma.

“Lo primero que se mira es el framework y si la persona ha sido responsable de una parte real de un producto. Lo segundo es el enlace a GitHub. Si el repositorio fijado tiene tests y un README legible, la entrevista ya está medio cerrada.”

«Currículum desarrollador frontend github» es una de las búsquedas más habituales para este puesto, y con razón: el enlace suele ser lo que decide. Pon GitHub, un portfolio o proyecto publicado y LinkedIn en la cabecera como URL cortas y legibles (sin parámetros de seguimiento ni acortadores). Después, asegúrate de que lo que encuentran merece la pena.

• GitHub: fija de 2 a 4 repositorios que encajen con el puesto. Cada uno debe tener un README con una captura, qué hace, cómo ejecutarlo y el stack; una carpeta de tests; y un historial de commits que muestre trabajo durante semanas, no un único «initial commit». Archiva o desfija los clones de tutoriales.
• Portfolio o aplicación publicada: un proyecto desplegado del que puedas hablar 20 minutos vale más que seis plantillas. Indica qué hiciste tú si fue un proyecto en equipo. Una web personal está bien, pero no es un proyecto salvo que haga algo.
• LinkedIn: puestos, fechas y stack deben coincidir exactamente con el currículum. Los seleccionadores los comparan.
• No enlaces: repositorios privados, un GitHub con el gráfico verde lleno de forks y nada más, un portfolio que falla en el móvil (quien revisa lo mira en su teléfono) ni un PDF del currículum alojado en una web cualquiera de intercambio de archivos.

Agrupa tus competencias para que quien lee encuentre el framework en un segundo y vea el nivel en el siguiente. Entre diez y dieciséis elementos, agrupados, sin barras de nivel ni estrellas (no significan nada y los ATS no pueden leerlas).

• Lenguajes: JavaScript (indica la versión o las funciones que usas), TypeScript, HTML5, CSS3. No empieces por HTML; todas las ofertas lo dan por hecho.
• Framework y ecosistema: React con Next.js o Remix; Vue con Nuxt; Angular; Svelte. Añade las herramientas de estado y datos (Redux Toolkit, TanStack Query, Pinia, NgRx) y el router que uses.
• Estilos: Tailwind, CSS Modules, styled-components, Sass, design tokens, media y container queries, nociones de animación.
• Calidad: Jest o Vitest, React Testing Library, Playwright o Cypress, Storybook, regresión visual, ESLint y Prettier, clientes de API con tipado seguro.
• Rendimiento y accesibilidad: Core Web Vitals (LCP, INP, CLS), Lighthouse, análisis del bundle, carga diferida, estrategia de imágenes y fuentes; WCAG 2.2, ARIA, navegación por teclado, pruebas con lectores de pantalla.
• Build, despliegue y observación: Vite, Webpack, Turbopack; GitHub Actions o GitLab CI; Vercel, Netlify, AWS; Sentry, eventos de analítica, feature flags.
• Competencias de trabajo que cuentan en este campo: leer archivos de Figma y frenar diseños que no se van a poder lanzar, escribir pull requests claros, acordar contratos de API con el equipo back-end, estimar y entregar en sprints.

Un buen logro front-end nombra la parte del producto, el stack, la escala (usuarios, sesiones, páginas, componentes) y un resultado medido: tiempo de carga, tamaño del bundle, hallazgos de accesibilidad, cobertura de tests, errores, conversión o velocidad de entrega.

Tres líneas: años y stack, el producto que construiste y su escala, uno o dos resultados medidos. Los perfiles junior escriben un objetivo breve que nombre el stack, un proyecto real y lo que buscan.

Sin un puesto en el que apoyarte, tus proyectos son tu apartado de experiencia. Dos o tres proyectos reales, descritos como empleos, valen más que una lista larga de competencias. Quien contrata perfiles junior quiere ver que terminas lo que empiezas, que lo pruebas y que sabes explicar tus decisiones.

1. 1Cabecera con GitHub, el enlace a un proyecto publicado y LinkedIn. Si tu GitHub está flojo, arréglalo antes de enviar una sola candidatura.
2. 2Objetivo de dos o tres líneas: el stack que conoces, un proyecto con un usuario real o una cifra real, y el puesto que buscas.
3. 3Apartado de proyectos por encima de la formación: 2 o 3 proyectos con nombre, año, stack, qué hace, quién lo usa y cifras (usuarios, tests, puntuación de Lighthouse, endpoints de API, componentes). Indica qué hiciste tú si fue un proyecto en equipo o de bootcamp.
4. 4Formación: titulación o bootcamp con fechas; las asignaturas solo si son concretas (estructuras de datos, interacción persona-ordenador, desarrollo web). La nota media, solo si destaca.
5. 5Competencias agrupadas como en el apartado anterior, limitadas a lo que sepas programar en directo.
6. 6Cualquier trabajo, una o dos líneas cada uno, con una cifra: comercio, atención al cliente, clases particulares. A quien contrata le gustan los perfiles junior que ya han tenido un empleo. Una página.

• Una página si estás empezando; con experiencia, hasta dos, sobre todo en puestos sénior y de liderazgo con varios productos y un equipo. Nadie lee la tercera página.
• Orden: cabecera con enlaces; línea de título con el stack; perfil profesional; experiencia (o proyectos en perfiles junior); competencias; formación. Las certificaciones son opcionales en front-end y van al final.
• Diseño sencillo de una columna, texto real, sin barras de nivel ni iconos en los títulos de los apartados; la foto es opcional. Las empresas contratan con Greenhouse, Lever, Workday y sistemas parecidos que leen el texto; un diseño de dos columnas con gráficos suele perder tus fechas.
• PDF con texto seleccionable y nombre Nombre-Apellido-Desarrollador-Frontend.pdf. No envíes como currículum un enlace a un diseño en Figma o Canva.
• Palabras clave: copia cómo las escribe la oferta. Las ofertas usan «front end», «front-end» y «frontend» indistintamente, así que pon la forma de la oferta en tu título y otra forma una vez en el texto. Incluye el framework, TypeScript, las herramientas de testing, «accesibilidad», «rendimiento», «responsive», «REST» o «GraphQL», «CI/CD» y «Agile» si aparecen.
• En España se dice indistintamente currículum o CV y la foto es habitual pero no obligatoria; si te presentas a empresas del Reino Unido o de EE. UU., envíalo sin foto.
• Pasa el PDF por el comprobador ATS de cvplex con la oferta pegada. Te indica qué palabras del stack faltan y qué logros no tienen un resultado medible.