Como escrever um CV eficaz
Um CV de Frontend funciona quando comunica: stack real, tipo de produto, atenção a UX/acessibilidade e resultados mensuráveis em performance e qualidade.
Primeira página: o que o recrutador deve perceber em 10 segundos
Precisa de um golpe de vista sobre seniority, frameworks e contexto do produto.
- Função e seniority (Júnior/Mid/Sénior) + anos reais.
- Frameworks principais (React/Next.js, Vue) e TypeScript.
- Contexto: web app, e-commerce, dashboard, B2B/B2C, design system.
- Plus: acessibilidade (WCAG), performance (Core Web Vitals), testing.
Escrita: bullets curtos e verificáveis
Melhor 6-10 bullets fortes por experiência do que parágrafos longos.
- Usa verbos de ação: desenvolvi, implementei, otimizei, refatorei, normalizei.
- Cita resultados reais: melhoria de CWV, redução de bugs/regressões, aumento de reutilização de componentes.
- Números só se forem reais e defensáveis (ex.: -35% tempo de carregamento, +X pontuação Lighthouse).
Palavras-chave úteis para ATS (sem forçar)
Inclui keywords coerentes com descrições típicas de vagas.
- React, Next.js, Vue, TypeScript, HTML semântico, CSS/Sass/Tailwind
- Design system, component library, Storybook
- Accessibility, WCAG, ARIA, keyboard navigation
- Core Web Vitals, Lighthouse, performance optimization
- Testing: Jest, Testing Library, Cypress
- REST/GraphQL integration, state management
Resumo profissional
O resumo (3-5 linhas) deve dizer logo: experiência, stack, tipo de produto e 1 ponto forte (UX, performance ou acessibilidade).
Estrutura recomendada (simples e eficaz)
Uma fórmula que quase sempre funciona para Frontend.
- Quem és + anos de experiência (ou perfil júnior).
- Stack (React/Next/Vue, TypeScript) e tipo de produtos (e-commerce, dashboards, SaaS).
- Ponto forte: performance, acessibilidade, design system, qualidade/testes.
- Opcional: 1 resultado real (CWV, redução de regressões, reutilização de componentes).
Exemplos prontos (para personalizar)
Copiáveis e adaptáveis conforme o perfil.
- “Frontend Developer com mais de 6 anos em React/Next.js e TypeScript. Desenvolvo UIs responsivas e acessíveis, com experiência em design systems e otimização de Core Web Vitals (LCP/CLS/INP).”
- “Desenvolvedora Frontend especializada em Vue e component libraries: construo interfaces coerentes e testadas, integrando APIs REST/GraphQL e cuidando de performance e UX em produtos digitais.”
Experiência profissional
Aqui ganha-se ou perde-se. Em Frontend, a experiência deve descrever UIs reais, decisões técnicas, qualidade e impacto em UX/performance.
Bullets fortes: o que incluir
Uma boa lista cobre: UI, dados, qualidade, performance, colaboração.
- Componentes e design system: reutilização, consistência, documentação.
- State management e data fetching: caching, invalidation, loading/error states.
- Acessibilidade: WCAG/ARIA e gestão de foco/teclado.
- Performance: code splitting, lazy loading, otimização de imagens/fontes, CWV.
- Testing: unit/component e E2E, redução de regressões.
- Colaboração: code review, pairing, alinhamento com design/backend.
Exemplos de bullets “reais” (sem inventar resultados)
Substitui onde fizer sentido pelo teu contexto.
- “Desenvolvimento de componentes reutilizáveis e documentados para design system, melhorando consistência de UI e velocidade de delivery.”
- “Otimização de LCP/CLS através de lazy loading de imagens, estratégia de fontes e redução de bundle, melhorando a performance percebida.”
- “Introdução de testes E2E para fluxos críticos (login/checkout), reduzindo regressões em releases.”
Projetos em destaque e portefólio
Em frontend, os projetos contam quando demonstram qualidade: acessibilidade, performance, estrutura de componentes e deploy. Melhor 2-4 projetos sólidos do que 10 demos vazias.
O que torna um projeto “de CV”
Quem revê procura maturidade técnica e atenção a UX.
- README claro: objetivo, stack, como executar, decisões arquiteturais.
- Performance: atenção a CWV/Lighthouse e estratégias (imagens/fontes/bundle).
- Acessibilidade: componentes navegáveis por teclado e papéis ARIA coerentes.
- Testing: pelo menos testes base e/ou E2E para um fluxo-chave.
- Deploy: link de demo (Vercel/Netlify) se possível.
Exemplos de projetos eficazes
Ideias típicas que evidenciam competências frontend.
- E-commerce em Next.js: SEO, performance, páginas de produto, filtros, checkout demo.
- Dashboard: gráficos, filtros, gestão de dataset, otimização de rendering.
- Design system: component library acessível + Storybook + tokens.
- PWA: offline caching, instalabilidade, performance e UX.
Competências técnicas e soft skills
Em 2026, destacam-se competências “production-ready”: acessibilidade, performance, qualidade, colaboração. Agrupa e mantém relevância.
Hard skills (operacionais) de Frontend
Competências técnicas que o recrutador espera ver.
- HTML semântico, CSS moderno, responsive design, arquitetura de componentes.
- JavaScript/TypeScript, React/Next.js, Vue, routing e estratégias de rendering.
- State management e data fetching (React Query/Redux; Vuex/Pinia).
- Performance: code splitting, lazy loading, CWV, Lighthouse.
- Acessibilidade: WCAG, ARIA, keyboard navigation, focus management.
- Testing: Jest, Testing Library, Cypress.
Soft skills (no frontend contam mesmo)
Não as escrevas como adjetivos: liga-as ao contexto.
- Colaboração com designers: interpretação de requisitos e coerência do design system.
- Comunicação técnica: clarificar trade-offs (performance vs feature, UX vs complexidade).
- Ownership: manutenção de componentes, redução de dívida técnica, prevenção de regressões.
- Resolução de problemas: debugging cross-browser e gestão de issues em produção.
Competências valorizadas em 2026 (se reais)
Inclui apenas se as usaste mesmo.
- Design tokens e theming (CSS variables), dark mode.
- Componentes acessíveis complexos (modal, dropdown, combobox) com focus trap.
- SSR/SSG e otimização de SEO com frameworks modernos (Next).
- Observabilidade no frontend: error tracking e performance monitoring (abordagem).
Formação
Em Frontend, contam sobretudo projetos e qualidade técnica. Inclui formação essencial e cursos pertinentes.
Grau académico
Indica licenciatura/ensino secundário e instituição. Se tens experiência, não precisas de detalhar demasiado.
Cursos úteis e credíveis
Melhor poucos cursos direcionados do que uma lista infinita.
- JavaScript/TypeScript avançado (se aplicado em projetos).
- Acessibilidade (WCAG) e inclusive design.
- Performance e Core Web Vitals.
- Noções de UX e design system (se coerentes com a função).
Idiomas
No frontend, o inglês é muitas vezes necessário para documentação, issues e colaboração. Indica níveis reais e o que consegues fazer.
Como indicar de forma credível
Melhor um nível realista e uma nota prática do que um “ótimo” indefensável.
- Indica nível (A1-C2) ou básico/intermédio/avançado coerente.
- Se o usas: “leitura de documentação técnica e comunicação em tickets/calls” (se verdadeiro).
Indicadores e métricas (KPI) no Frontend
No frontend, os KPI estão ligados a performance, qualidade de UX e estabilidade: CWV, erros, conversão, regressões. Usar a linguagem certa ajuda, sem inventar números.
Indicadores acompanhados (típicos)
Nem sempre são “oficiais”, mas muitas vezes são monitorizados com ferramentas e dashboards.
- Core Web Vitals: LCP, CLS, INP (ou TTFB quando relevante).
- Tempo de carregamento e performance percebida (Lighthouse, RUM).
- Error rate no cliente (erros JS) e crash-free sessions.
- Taxa de regressões de UI (bugs pós-release) e cobertura de testes em fluxos críticos.
- Métricas de produto: conversão, drop-off, retenção (quando partilhadas com a equipa).
Como incluir no CV sem “atirar números”
Se não tens dados, descreve comportamento e contexto; se tens, usa apenas os reais.
- “Melhoria de CWV através de otimização de imagens/fontes e redução de bundle.”
- “Redução de regressões de UI ao introduzir testes E2E para fluxos críticos.”
- Se tens números reais: inclui apenas se forem defensáveis (ex.: -35% load, +X Lighthouse).
Ferramentas e stack típicos
Mostrar familiaridade com ferramentas reais reduz o risco percebido pelo recrutador (onboarding mais rápido).
Ferramentas que podes mencionar (sem marca, se preferires)
Descreve apenas o que usaste mesmo.
- Frameworks: React/Next, Vue/Nuxt (se usados).
- Tooling: Vite/Webpack, ESLint, Prettier, pnpm/npm/yarn.
- UI: Tailwind/CSS Modules/Sass, Storybook, design tokens.
- Testing: Jest, Testing Library, Cypress/Playwright.
- API: REST/GraphQL, gestão de auth/sessão.
- Performance/qualidade: Lighthouse, profiling e ferramentas do browser.
Quando mencionar ferramentas específicas
Apenas se te lembrares e se forem realmente relevantes.
- Se a vaga pede uma ferramenta (ex.: Next.js, Cypress), mencioná-la ajuda.
- Se não te recordas do nome de uma ferramenta interna, descreve a função e o contexto.
Formato e layout ATS
Um CV compatível com ATS é legível tanto por software como por um hiring manager. Simplicidade e ordem ganham sempre.
Formato recomendado
Linhas orientadoras práticas que funcionam na maioria dos casos.
- 1 página se perfil júnior; 1-2 páginas se mid/sénior.
- Secções padrão: Perfil, Experiência, Projetos, Competências, Formação, Idiomas, Certificações.
- Bullets curtos (1-2 linhas) e palavras-chave no texto.
- PDF limpo, fonte padrão, sem elementos gráficos complexos ou layouts extremos.
O que evitar (problemas comuns de ATS)
Pode “quebrar” a leitura automática.
- Texto dentro de imagens, ícones ou barras de progresso.
- Colunas extremas e layouts demasiado criativos.
- Tabelas complexas para experiências e tecnologias.
Erros a evitar
São erros que fazem um CV de Frontend ser descartado mesmo com experiência.
Demasiado genérico ou só buzzwords
Escrever “React, UX, performance” sem contexto não comunica valor.
- Acrescenta o que construíste: design system, e-commerce, dashboard, formulários complexos.
- Acrescenta como: acessibilidade, testing, CWV, integração de APIs.
Competências inflacionadas ou não demonstráveis
No frontend, tudo é validado em entrevista e no portefólio.
- Evita listas enormes de frameworks se não os usas de facto.
- Não digas “acessibilidade avançada” se não sabes gerir foco/ARIA.
Sem evidência de qualidade e produção
O frontend moderno avalia testes, performance e manutenção.
- Menciona testes e processos (code review, CI) se forem reais.
- Mostra atenção a performance e regressões.
- Evidencia colaboração e ownership de componentes.
CV Frontend júnior / entry-level
Se és júnior, tens de demonstrar bases sólidas: componentes, HTML/CSS, JS/TS e capacidade de transformar design em UI, com atenção a acessibilidade e qualidade.
O que incluir no lugar da experiência
Projetos e atividades que demonstram competências práticas.
- Projetos com componentes e routing: pelo menos 1 app completa (mini e-commerce ou dashboard).
- Atenção a acessibilidade base: semântica HTML, foco, validação de formulários.
- Repo bem cuidada: README, scripts de arranque, deploy de demo.
- Pelo menos testes num fluxo (mesmo mínimo) e lint/formatter.
Resumo júnior: exemplo pronto
Exemplo concreto, sem inventar experiência.
- “Perfil júnior orientado a frontend: desenvolvo UI responsivas com React/Vue e TypeScript, cuidando de HTML semântico, acessibilidade base e performance. Habituada a Git, code review e ambientes com lint/test para releases mais estáveis.”
Competências a listar (se és júnior)
Escolhe competências coerentes e defensáveis.
- HTML/CSS responsivo, JS moderno, TypeScript base.
- Componentes, state management simples, fetch API e gestão de erros.
- Git, debugging com DevTools, bases de testing.
- Atenção a acessibilidade e semântica.
CV para mudança de carreira (de outras áreas)
Se vens de design, QA, backend, marketing ou suporte, liga competências transferíveis e mostra projetos que provem capacidade frontend real.
Como valorizar experiências anteriores
Traduz o passado em sinais úteis para frontend.
- De UX/UI: foco em design system, usabilidade, handoff e pixel-perfect.
- De QA: foco em qualidade, testes, prevenção de regressões.
- De backend: foco em integração de APIs, auth, gestão de erros.
- De suporte/ops: foco em debugging, incident handling e comunicação.
O que é preciso para ser credível
2-3 projetos completos batem uma lista longa de cursos.
- Um projeto com design system e componentes acessíveis.
- Um projeto de performance/SEO (Next.js) com atenção a CWV.
- Uma demo com deploy e README claro.
Carta de apresentação
Se for pedida, deve ser curta e concreta: stack, tipo de produto, 1-2 proof points (projeto ou resultado) e disponibilidade.
Estrutura em 6 linhas (funciona mesmo)
Perfeita para candidaturas tech: direta e sem palha.
- 1 linha: função e porque te candidatas.
- 1-2 linhas: stack e o que sabes fazer (UI, performance, acessibilidade, testing).
- 1 linha: prova (projeto/resultado real).
- 1 linha: porque essa empresa (produto/stack/missão).
- 1 linha: fecho e disponibilidade para entrevista.
Exemplo curto (copiável)
Para adaptar com empresa e disponibilidade.
- “Candidato-me à posição de Frontend Developer na [Empresa]. Tenho experiência com React/Next.js (e/ou Vue) e TypeScript no desenvolvimento de UI responsivas e acessíveis, com atenção a Core Web Vitals e testing (Jest/Cypress). Em [contexto/projeto], contribuí para melhorar performance e consistência de UI através de componentes reutilizáveis e otimizações de carregamento. Interessa-me em particular [motivo ligado ao produto/stack]. Fico disponível para uma entrevista.”
