Plantilla de CV

Plantilla de CV para Desarrollador Frontend

Un CV de Desarrollador Frontend no se valora por la longitud de la lista de tecnologías, sino por la evidencia de que usted entrega interfaces rápidas, accesibles y mantenibles. En España, casi todas las candidaturas pasan primero por un ATS (Workday, SAP SuccessFactors, Teamtailor o Greenhouse) y después por un tech lead que dedicará menos de un minuto a la primera criba. Esta plantilla ordena la información para que ambas lecturas funcionen: los términos exactos de la oferta en la parte alta, resultados medibles en cada puesto y un enlace a código o a un Storybook público que se pueda revisar en dos clics.

Written & reviewed by the CVWon Editorial Team · Updated julio 2026

Cree su CV ahora
Plantilla vs. ejemplo: Esta página te da la estructura, las secciones imprescindibles y las competencias para crear tu propio CV de Desarrollador Frontend. ¿Quieres ver primero uno terminado y comentado? Ver el ejemplo de CV de Desarrollador Frontend →

Un CV de frontend fuerte demuestra impacto en la interfaz, no tareas.

Optimización ATS

Palabras clave para ATS

Incluya estas palabras clave en su CV para superar los sistemas de seguimiento de candidatos (ATS).

React Vue.js TypeScript JavaScript ES2023 Next.js Nuxt HTML5 semántico CSS3 y Sass Tailwind CSS Redux Toolkit / Pinia Accesibilidad WCAG 2.2 AA Core Web Vitals (LCP, INP, CLS) Sistema de diseño (design system) Storybook Testing con Vitest, Jest y Testing Library Playwright / Cypress Vite / Webpack REST API y GraphQL Git y GitHub Actions Diseño responsive y mobile first Figma Scrum / metodologías ágiles Inglés B2

Un CV de frontend fuerte demuestra impacto en la interfaz, no tareas. En lugar de «desarrollo de componentes en React», la línea buena dice qué cambió y cuánto: «reduje el LCP en móvil de 4,2 s a 1,8 s en la ficha de producto (~3 M de visitas al mes) migrando a next/image, presupuesto de bundle de 180 kB y precarga de la fuente crítica». Los cuatro ejes que separan a un perfil senior de uno junior en el mercado español son: rendimiento medido con datos de campo (CrUX o RUM, no solo Lighthouse en local), accesibilidad real (auditoría con axe, navegación completa por teclado, pruebas con NVDA o VoiceOver, WCAG 2.2 AA y la Ley 11/2023 que aplica desde junio de 2025 al comercio electrónico, banca y transporte), sistemas de diseño (componentes reutilizables, tokens, adopción por varios equipos) y calidad (cobertura de pruebas, revisiones de código, tests end to end en CI). Mantenga el foco en el navegador: si su experiencia incluye tareas de back end, resúmalas en una línea y no deje que compitan con lo que la oferta busca de verdad. Un CV de una o dos páginas, en PDF de texto seleccionable, con la misma nomenclatura que la oferta (React o Vue, no «frameworks modernos»), supera la criba automática y sostiene la conversación técnica posterior.

Estructura

¿Qué secciones debe incluir un CV de Desarrollador Frontend?

Titular y extracto profesional (4 o 5 líneas)

Es lo único que el ATS puntúa con más peso y lo primero que lee el tech lead. Debe contener el puesto exacto de la oferta, el framework principal y una prueba cuantificada, para que nadie tenga que deducir su nivel.

Ejemplo

Desarrollador Frontend | React, TypeScript y Next.js | Accesibilidad WCAG 2.2 AA. Seis años construyendo interfaces de alto tráfico. En un portal inmobiliario (~9 M de visitas al mes) bajé el LCP móvil de 4,2 s a 1,8 s y lideré la migración a un sistema de diseño de 41 componentes usado por 5 equipos de producto.

Experiencia profesional con impacto medible

El reclutador necesita distinguir a quien maqueta pantallas de quien decide arquitectura de interfaz. Cada puesto debe llevar entre tres y seis viñetas y cada viñeta una cifra: milisegundos, kilobytes, porcentaje de conversión, número de componentes o de equipos afectados.

Ejemplo

Desarrollador Frontend Senior — Empresa de software de RR. HH. (SaaS B2B, Barcelona), 2022-2026. Migré 68 pantallas de Vue 2 a Vue 3 con Composition API sin congelar la entrega de producto; el tiempo de build pasó de 9 min a 2 min al sustituir Webpack por Vite y el INP en el panel de administración bajó de 410 ms a 140 ms.

Stack técnico agrupado por categoría y nivel

Una lista plana de treinta palabras no dice nada y penaliza en la entrevista, porque le pueden preguntar por cualquiera de ellas. Agrupar por lenguajes, frameworks, estilos, pruebas y herramientas permite al ATS encontrar coincidencias exactas y al lector humano ver su especialización en cinco segundos.

Ejemplo

Lenguajes: TypeScript (avanzado), JavaScript ES2023, HTML5 semántico, CSS3. Frameworks: React 19, Next.js 15 (App Router y Server Components), Vue 3, Astro. Estilos: Tailwind CSS, CSS Modules, Sass, tokens de diseño con Style Dictionary. Pruebas: Vitest, Testing Library, Playwright. Herramientas: Vite, Turborepo, Storybook, Figma, GitHub Actions.

Portafolio y código verificable

En frontend el trabajo se puede ver, y eso es una ventaja que muy pocos perfiles aprovechan. Un enlace que abra directamente algo revisable sustituye media entrevista y compensa la falta de años de experiencia.

Ejemplo

Portafolio: dominio propio con tres casos de estudio de 300 palabras (problema, decisión técnica, resultado). GitHub: repositorio de un sistema de diseño con 100 % de componentes documentados en Storybook desplegado en Vercel y flujo de CI que ejecuta axe-core y Playwright en cada pull request.

Accesibilidad y rendimiento como bloque propio

Desde el 28 de junio de 2025, la Ley 11/2023 obliga en España a que el comercio electrónico, la banca y el transporte cumplan requisitos de accesibilidad; el Real Decreto 1112/2018 ya lo exigía al sector público. Muy pocos candidatos lo documentan, así que un bloque propio le diferencia de inmediato en cualquier proceso.

Ejemplo

Accesibilidad y rendimiento: auditorías con axe DevTools y Lighthouse CI en cada despliegue; 214 incidencias de nivel AA resueltas en el checkout (contraste, foco visible, campos con etiqueta asociada y errores anunciados por aria-live); validación con NVDA y VoiceOver; presupuesto de rendimiento aplicado en CI que bloquea cualquier PR que supere 200 kB de JavaScript.

Formación, idiomas y condiciones

En el mercado español conviven titulaciones de FP, grados universitarios y bootcamps, y el filtro de RR. HH. suele buscar una de esas etiquetas junto con el nivel de inglés. Indicar además modalidad y disponibilidad evita descartes por logística.

Ejemplo

Técnico Superior en Desarrollo de Aplicaciones Web (FP Superior DAW), IES público de Madrid, 2019. Inglés B2 acreditado por la Escuela Oficial de Idiomas; trabajo a diario en equipos distribuidos en inglés. Modalidad híbrida en Madrid o remoto en España; incorporación con 15 días de preaviso.

Qué evitar

¿Cuáles son los errores más frecuentes en un CV de Desarrollador Frontend?

Enumerar treinta tecnologías sin indicar nivel ni dónde las usó: el lead asume el nivel más bajo y le preguntará justo por la que menos domina. Deje entre ocho y quince términos reales y elimine todo lo que no defendería veinte minutos.
Diseñar un CV espectacular que el ATS no sabe leer. Es el error más irónico del perfil frontend: dos columnas, iconos, tablas anidadas o el nombre en una imagen provocan que el parser devuelva campos vacíos. Envíe un PDF de una sola columna con texto seleccionable y guarde el diseño para el portafolio.
Describir responsabilidades en lugar de resultados. «Desarrollo de componentes reutilizables en React» no dice nada; «14 componentes que sustituyeron 3.400 líneas duplicadas en 4 productos» sitúa su nivel al instante.
Enlazar un portafolio caído, un GitHub con solo forks del bootcamp o un Vercel de prueba con datos falsos. Si el enlace no abre algo revisable en dos clics, resta credibilidad en lugar de sumar; compruebe los enlaces desde el móvil antes de cada envío.
Omitir la accesibilidad. Con la Ley 11/2023 ya en vigor, cada vez más ofertas de banca, retail y sector público la piden explícitamente, y un CV sin una sola mención de WCAG, ARIA o lectores de pantalla se lee como un perfil desactualizado.
Rellenar con back end para parecer más completo. Si la oferta busca frontend, media página sobre Node, PostgreSQL o Docker diluye las coincidencias de palabras clave y confunde al reclutador sobre lo que usted quiere hacer.
Presentar capturas de Lighthouse con 100/100 sin contexto. Una nota perfecta en local no impresiona a nadie: indique el dato de campo, el percentil 75 de CrUX o su herramienta de RUM, el antes y el después, y qué cambió usted para conseguirlo.
Enviar el mismo CV a ofertas de React y de Vue. El ATS puntúa coincidencias literales: reordene el titular, el extracto y el stack para que el framework de la oferta aparezca en las primeras quince líneas.
Incluir datos personales innecesarios como DNI, dirección completa, estado civil o nacionalidad. Bastan ciudad, teléfono, correo profesional, LinkedIn y GitHub; el resto solo ocupa el espacio que merecen sus logros.

FAQ

Preguntas frecuentes

Una página si tiene menos de cinco años de experiencia y dos como máximo a partir de ahí. Los procesos españoles de perfiles técnicos suelen combinar una criba de RR. HH. con una revisión del lead, y ninguno de los dos lee la tercera página. Si necesita más espacio, traslade los detalles al portafolio y deje en el CV solo los puestos de los últimos diez años, con las viñetas más antiguas reducidas a una línea.

No es imprescindible, pero en frontend marca una diferencia enorme y muy pocos candidatos con experiencia lo mantienen. Basta con un dominio propio, tres casos de estudio breves y, si trabaja bajo NDA, capturas anonimizadas con el contexto y las métricas. Un Storybook público de sus componentes o un repositorio con pruebas y CI configurado vale más que cualquier adjetivo del extracto.

PDF salvo que la oferta pida otro formato de forma expresa. Exporte desde un editor que conserve el texto seleccionable, use una sola columna, fuentes estándar, encabezados de sección con palabras habituales (Experiencia, Formación, Competencias) y evite tablas, cajas de texto e iconos que sustituyan a palabras. Nombre el archivo así: CV_Nombre_Apellido_Desarrollador_Frontend.pdf.

En España sigue siendo habitual y no penaliza, pero es opcional y cada vez más empresas de producto aplican procesos ciegos. Si la incluye, que sea una foto profesional reciente y sobria en la esquina superior. Si aspira a empresas internacionales o a filiales con políticas de contratación sin sesgo, omítala: nunca le van a descartar por no ponerla.

Coloque primero un bloque de proyectos y ponga la formación al final. En el mercado español el bootcamp se acepta con normalidad en empresas de producto y startups; lo que compensa la falta de título es el código público, la calidad de las pruebas y saber explicar decisiones técnicas. Si además obtiene el Certificado de Profesionalidad IFCD0210, gana una etiqueta oficial que algunos filtros de consultoría y administración pública sí buscan.

Con una línea honesta y concreta, sin excusas: «2025 — Formación y proyectos propios: migración de mi portafolio a Astro, certificación CPACC de accesibilidad y colaboraciones en un componente de código abierto». Un hueco explicado no descarta a nadie; un salto de dos años sin mencionar cierra la puerta porque el reclutador se imagina lo peor.

Salario

Salario por nivel de experiencia

Rangos salariales habituales según la antigüedad (EUR, brutos).

Nivel Experiencia profesional Rango salarial
Nivel Inicial 0–2 años €35K – €55K
Nivel Intermedio 3–5 años €55K – €85K
Nivel Senior 6–10 años €85K – €130K
Responsable / Director 10+ años €120K – €170K
Guía salarial completa →

Cree su CV de Desarrollador Frontend con cvwon: rellene los bloques de esta plantilla, exporte un PDF compatible con ATS y compruebe su puntuación antes de enviar la candidatura.

Empiece ahora

Relacionados

Plantillas de CV similares