Příklad CV Frontend vývojář

O čem tento příklad je

Frontend se posuzuje podle toho, co uživatel skutečně vidí a jak rychle to vidí. Proto v tomhle CV nejsou jen frameworky, ale čísla: rychlost načtení, konverze, dostupnost.

CV patří Kláře, frontend vývojářce s pěti lety praxe. Pracuje v e-shopové firmě v Praze na aplikaci, kterou denně otevře okolo 60 000 lidí, z toho tři čtvrtiny na mobilu.

Profil: co stavíte a pro koho

Frontend vývojářka s pěti lety praxe v Reactu a TypeScriptu, na e-commerce aplikaci s 60 000 denními uživateli, z toho 74 % na mobilních zařízeních.

Ten podíl mobilů není ozdoba. Říká, že jste řešili výkon na slabých zařízeních a pomalých sítích, ne jen layout na velkém monitoru.

Zkušenosti: výkon a dopad na business

Zkrátila jsem Largest Contentful Paint z 4,1 s na 1,6 s rozdělením bundlu a odložením načtení nekritických skriptů, konverze v košíku stoupla o 11 %

Přepsala jsem checkout na přístupné komponenty, dokončení objednávky klávesnicí a čtečkou obrazovky je nyní možné bez pomoci, počet reklamací na nepoužitelnost klesl na nulu

Technický krok plus obchodní nebo uživatelský efekt. To je formát, který dává smysl vývojářům i produktovým lidem, kteří CV čtou.

Vzorec: co bylo pomalé nebo rozbité + co jste udělali + jaké číslo se změnilo.

Technologie: držte to reálné

Jazyky: TypeScript, JavaScript, HTML, CSS. Frameworky: React, Next.js. Styly: Tailwind, CSS Modules. Testy: Vitest, Playwright. Nástroje: Vite, Storybook, Figma.

Uveďte i to, co umíte měřit: Lighthouse, Core Web Vitals, Sentry. Frontend vývojář, který se dívá na data z provozu, je vzácnější než ten, který umí další framework.

Přístupnost a design systém

Pokud jste pracovali na design systému nebo na WCAG, napište to. Od června 2025 platí European Accessibility Act a firmy, které prodávají online, to dnes řeší. Je to konkurenční výhoda, kterou většina kandidátů v CV nemá.

Portfolio

Dva až tři odkazy na živé věci, které jste dělali, s jednou větou o vaší roli. Odkaz na GitHub bez vysvětlení nikdo neotevře.

Časté chyby

Jen seznam frameworků. Framework je nástroj, ne výsledek.

Žádná čísla o výkonu. Ve frontendu jsou měřitelná a nikdo je nepíše, využijte to.

„Responzivní design" jako dovednost. To je dnes minimum, ne argument.

Portfolio bez kontextu. Napište, co na projektu bylo vaše a co bylo zadané.

Poslední věc

Vyberte jednu stránku, kterou jste udělali výrazně rychlejší, a mějte připravený příběh: co to zpomalovalo, co jste zkusili nejdřív, proč to nefungovalo a co nakonec zabralo. Tahle historka řekne o vaší práci víc než celý seznam technologií.