Quien contrata un desarrollador frontend busca a alguien que convierta un diseño en una interfaz que funcione en cualquier pantalla, cargue rápido, sea accesible y no se rompa con cada cambio. La lectura técnica del CV busca el framework principal, el manejo de TypeScript, el testing y, sobre todo, evidencia: enlaces a productos en línea o a un portfolio con código.
El CV de frontend tiene una trampa propia: la tentación de demostrar criterio visual en el documento mismo, con columnas, íconos y color, y terminar con un archivo que el ATS no lee. Esta guía explica qué pesa, qué keywords filtran los avisos, cómo escribir viñetas con métricas de interfaz y cómo se ve un CV completo del rol dentro del área de tecnología.
En esta guía
Qué pesa en el CV de desarrollador frontend
La experiencia se lee buscando tres datos por puesto: el framework y el lenguaje (React con TypeScript, Angular, Vue), el tipo de producto (e-commerce, panel interno, sitio de contenidos, aplicación pública con millones de visitas) y los resultados medibles, que en frontend tienen nombres concretos: conversión, tiempo de carga, puntaje de Lighthouse, errores en producción, accesibilidad.
El enlace al trabajo pesa más que en backend. Un portfolio con dos o tres proyectos en línea, cada uno con su repositorio, permite verificar en un minuto lo que el CV declara. En perfiles con experiencia, alcanza con nombrar los productos públicos en los que se trabajó y qué parte fue propia.
La sección de habilidades se ordena por capas: lenguajes, frameworks, estilos, testing, herramientas de build y diseño. La colaboración con diseño (Figma, design systems, Storybook) y con backend (consumo de APIs, manejo de estado) merece una mención explícita, porque los avisos la piden y pocos CV la muestran.
Keywords que buscan los avisos
Estos son los términos que más se repiten en los avisos de frontend en LatAm y España:
- React y Next.js
- Angular
- Vue y Nuxt
- TypeScript y JavaScript (ES6+)
- HTML5 semántico y CSS3
- Tailwind CSS, Sass, CSS Modules
- Manejo de estado (Redux, Zustand, Pinia)
- Testing (Jest, React Testing Library, Cypress, Playwright)
- Vite y Webpack
- Diseño responsive y mobile first
- Accesibilidad (WCAG 2.1)
- Core Web Vitals y rendimiento
- Storybook y design systems
- Consumo de APIs REST y GraphQL
- Figma
Conviene ubicarlas en las viñetas de experiencia, junto al proyecto donde se usaron, y repetir las principales en la sección de habilidades. Al postular a un aviso concreto, la herramienta para adaptar el CV a la oferta señala qué términos del anuncio faltan en el documento.
Viñetas de experiencia que funcionan
Las métricas de frontend existen y se pueden citar: conversión, LCP, Lighthouse, regresiones, problemas de accesibilidad. Los pares siguientes muestran la diferencia:
| Así no | Así sí |
|---|---|
| Desarrollo de interfaces en React | Desarrollé el nuevo checkout en React y TypeScript (4 pasos, 12 componentes reutilizables), y la conversión en mobile subió de 2,1 % a 2,9 % |
| Mejora del rendimiento del sitio | Reduje el LCP de la home de 4,8 s a 1,9 s con carga diferida de imágenes y división de bundles; el puntaje de Lighthouse pasó de 54 a 91 |
| Maquetación de diseños de Figma | Implementé un design system de 38 componentes en Storybook a partir de los archivos de Figma, adoptado por 3 equipos de producto |
| Mantenimiento de código legacy | Migré 60 vistas de AngularJS a Angular 16 en 5 meses, sin cortes de servicio y con un 30 % menos de errores reportados |
| Implementación de tests | Escribí 210 pruebas con Jest y Cypress para el flujo de alta, y las regresiones detectadas en producción bajaron de 9 a 2 por mes |
| Trabajo en accesibilidad | Corregí 47 problemas de accesibilidad (WCAG 2.1 AA) en el portal de clientes, usado por 300.000 personas al mes |
Junior vs. senior
Un desarrollador frontend junior se juzga por los fundamentos y por lo que se puede ver. Tres proyectos desplegados con URL y repositorio (no clones de tutoriales sin cambios) valen más que una lista de cinco frameworks. Conviene mostrar HTML semántico, CSS sin librerías en al menos un proyecto, consumo de una API real y algún test. La formación y los cursos van arriba, y el título del CV debe decir "Desarrollador frontend junior" o "trainee" para alinear expectativas.
En un perfil senior pesan las decisiones: arquitectura del front, rendimiento medido, design systems compartidos, elección de herramientas, renderizado del lado del servidor y SEO técnico, mentoría y coordinación con diseño y backend. Los años se demuestran con productos públicos y con lo que cambió al tomar decisiones, no con la cantidad de tecnologías.
Un CV de frontend sin ningún enlace a algo que se pueda abrir en el navegador obliga al reclutador a creer. Con un enlace, le permite comprobar.
Errores frecuentes en este rol
Estos son los errores que más se repiten en los CV de frontend, en todos los niveles:
- Listar frameworks sin proyectos que los respalden. React, Angular, Vue y Svelte en la misma línea, sin un producto asociado a cada uno, no convencen a nadie.
- No enlazar nada. Ni portfolio, ni repositorio, ni el producto público donde se trabajó.
- Portfolio que solo muestra diseño. Capturas sin código ni URL en funcionamiento dicen poco sobre el desarrollo.
- Omitir rendimiento y accesibilidad. Son los dos temas que diferencian a un frontend con criterio de uno que solo maqueta.
- CV con diseño elaborado. Columnas, íconos y texto en imágenes rompen la lectura del ATS; el criterio visual se demuestra en el portfolio, no en el documento. Una plantilla de CV de una columna es más segura.
- Adjetivos en lugar de datos. "Pixel perfect" y "apasionado por la UX" no reemplazan un LCP o una tasa de conversión.
Ejemplo de CV de desarrollador frontend
El siguiente ejemplo resume lo anterior en un CV de una página para un perfil de mitad de carrera. Los nombres y las empresas son ficticios.
Desarrolladora frontend con 4 años de experiencia en React y TypeScript, en e-commerce y portales de clientes con más de 300.000 usuarios mensuales. Foco en rendimiento, accesibilidad y design systems compartidos con diseño. Experiencia en migraciones de código legacy y testing automatizado.
Desarrolladora Frontend, Tienda Cumbre (e-commerce), Santiago. 2023 - actualidad
- Desarrollé el nuevo checkout en React y TypeScript (4 pasos, 12 componentes reutilizables); la conversión en mobile subió de 2,1 % a 2,9 %.
- Reduje el LCP de la home de 4,8 s a 1,9 s con carga diferida y división de bundles, y el puntaje de Lighthouse pasó de 54 a 91.
- Implementé un design system de 38 componentes en Storybook a partir de Figma, adoptado por 3 equipos de producto.
Desarrolladora Frontend, Agencia Bitácora, Santiago. 2021 - 2023
- Migré 60 vistas de AngularJS a Angular 16 para el portal de una aseguradora, en 5 meses y sin cortes de servicio.
- Escribí 210 pruebas con Jest y Cypress para el flujo de alta de clientes; las regresiones en producción bajaron de 9 a 2 por mes.
- Corregí 47 problemas de accesibilidad (WCAG 2.1 AA) en un portal usado por 300.000 personas al mes.
Analista Programador Computacional, Duoc UC, 2021. Certificación Web Accessibility, Deque University, 2024.
React, Next.js, TypeScript, Angular, HTML5, CSS3, Tailwind CSS, Redux, Jest, Cypress, Storybook, Vite, Figma, Git. Inglés avanzado (C1).
Preguntas frecuentes
¿Es obligatorio tener portfolio para un CV de frontend?
No es obligatorio, pero es lo que más diferencia. Para un perfil junior, tres proyectos en línea con repositorio reemplazan la experiencia que todavía no hay. Para un perfil con trayectoria, alcanza con enlazar los productos públicos en los que se trabajó y aclarar qué parte fue propia.
¿Cuántos frameworks conviene incluir?
Uno principal, con profundidad demostrada en las viñetas, y uno o dos secundarios usados en proyectos reales. El título del CV debería nombrar el principal ("Desarrollador frontend React / TypeScript") para que el reclutador lo ubique en dos segundos.
¿Cómo mostrar rendimiento y accesibilidad si nunca se midieron?
Midiendo ahora: Lighthouse y las herramientas de accesibilidad del navegador son gratuitas y se corren en minutos sobre cualquier proyecto propio. Una viñeta con "antes y después" en un proyecto personal vale como evidencia de criterio.
¿Conviene un CV con diseño elaborado para un puesto de frontend?
No. El ATS lee mal las columnas, los íconos y el texto en imágenes, y el reclutador no evalúa diseño gráfico en un CV. El criterio visual se demuestra en el portfolio; el CV debe ser sobrio, legible y de una columna.