În frontend, un CV bun scoate în față: UX și impactul asupra utilizatorilor, performanță (Core Web Vitals), calitatea componentelor, și collaboration (design/product).
Acest ghid îți dă bullet-uri concrete (nu „am făcut UI”), plus o structură ATS-friendly pentru roluri frontend.
Vezi și ghidul general: Model CV IT (România).
TL;DR
- Frontend: pune în față ce ai îmbunătățit în produs (perf, UX, conversii, accesibilitate, stabilitate).
- Menționează clar stack-ul (React/Vue/Angular + tooling) și ce ai livrat cu el.
- Evită „am lucrat la pagini”. Spune „am redus X”, „am standardizat Y”, „am eliminat Z”.
Checklist rapid (înainte să trimiți)
- Titlu clar: „Frontend Engineer (React)” / „Frontend Developer (Vue)” etc.
- 3–6 bullet-uri puternice pentru ultimul rol: perf/UX, component library, state management, testing.
- Ai 1–2 proiecte/link-uri curate (mai ales pentru juniori): demo, README, repo organizat.
- Ai menționat accesibilitatea dacă a fost relevant (a11y e un semnal puternic).
Structură recomandată (Frontend)
- Header + link-uri (GitHub/portofoliu)
- Summary (2–4 rânduri: ce tip de UI construiești + stack)
- Experience (impact pe produs)
- Proiecte selectate (dacă ai proiecte relevante)
- Skills (Languages, Frameworks, Tooling, Testing)
- Educație (scurt)
Cum arată un bullet bun (Frontend)
Acțiune + context (feature/pagină/volum) + stack + rezultat (metric sau semnal).
Exemple:
- „Am redus bundle size-ul cu ~30% prin code splitting și optimizări în build (React + Vite), îmbunătățind timpii de încărcare pe mobil.”
- „Am introdus un design system minimal (components + tokens), crescând consistența UI și reducând timpul de livrare pentru ecrane noi.”
Bibliotecă de bullet-uri (Frontend)
Performanță & Core Web Vitals
- „Am îmbunătățit LCP/CLS prin lazy-loading și optimizarea imaginilor, crescând scorul de performanță pe pagini cheie.”
- „Am redus timpul de render pentru un ecran complex prin memoization și virtualizare (React), îmbunătățind fluiditatea.”
- „Am implementat caching și prefetch pentru rute frecvent accesate, reducând latența percepută.”
- „Am eliminat regresii de performanță prin bugete de bundle și verificări în CI.”
UX, accesibilitate, calitate
- „Am îmbunătățit accesibilitatea (navigare din tastatură, aria labels), reducând problemele raportate.”
- „Am introdus pattern-uri consistente pentru form validation și error states, reducând confuzia utilizatorilor.”
- „Am standardizat componentele de formular, crescând consistența și reducând bug-urile UI.”
- „Am refactorizat un flow critic (ex: onboarding/checkout), reducând pașii și îmbunătățind claritatea.”
Design system & componentizare
- „Am construit o bibliotecă de componente reutilizabile (documentată), reducând duplicarea și costul de mentenanță.”
- „Am introdus tokens pentru culori/spațieri și un set de guidelines, crescând consistența cross-page.”
- „Am creat un set de primitive (Button, Input, Modal, Table) și am migrat incremental pagini existente.”
State management & data fetching
- „Am simplificat state-ul prin separarea server state vs UI state, reducând bug-urile și complexitatea.”
- „Am implementat o strategie de data fetching cu retries și cache, îmbunătățind stabilitatea în rețele slabe.”
- „Am introdus invalidation și optimistic updates pe un flow, reducând latența percepută.”
Testing & reliability
- „Am adăugat teste pentru componente și flow-uri critice (unit + e2e), reducând regresiile în release-uri.”
- „Am introdus contract tests pentru integrarea cu API, reducând bug-urile de compatibilitate.”
- „Am redus flakiness în testele e2e prin stabilizarea selectorilor și a setup-ului.”
Colaborare & delivery
- „Am colaborat cu design/product pentru a clarifica edge cases și a reduce iterările de UI.”
- „Am introdus standarde de code review și linter rules, crescând consistența și calitatea codului.”
- „Am făcut mentoring pe componente și patterns, accelerând onboarding-ul.”
Cuvinte cheie utile (folosește doar ce ai făcut real)
- React/Vue/Angular, TypeScript
- Vite/Webpack, bundling, code splitting
- CSS architecture (modules, tailwind, styled components)
- Accessibility (a11y), semantic HTML
- Testing (unit/component/e2e), Cypress/Playwright
- Performance (LCP/CLS), profiling
Template CV Frontend (copy/paste)
Întrebări frecvente
Pun link de portofoliu sau e suficient GitHub?
Dacă ai un demo simplu și curat (chiar și 1–2 pagini), ajută. GitHub e bun, dar un demo arată produsul.
