Sjáðu hvernig faglegur frontend developer uppbyggir ferilskrána sína. Notaðu þetta dæmi til að sýna fram á UI/UX hæfni þína, sérfræðiþekkingu í frameworks og reynslu í vefþróun.
Skapandi og nákvæm frontend developer með yfir 6 ára reynslu í að byggja upp viðbragðsgjörnar, aðgengilegar og skilvirkar vefforrit í stórum stíl. Sérfræðingur í React, TypeScript og nútíma CSS með djúpt áherslu á component-driven architecture og þróun hönnunarkerfis. Bætti Core Web Vitals skor um 45% í fjölmörgum framleiðsluforritum sem þjóna milljónum notenda. Ástríðufull málsvörn fyrir vefaðgengi og hefur leitt WCAG 2.1 AA samræmisverkefni í tveimur fyrirtækjum, auk þess að vera virkur þátttakandi í open-source UI libraries.
Starfsreynsla
Yfir Frontend Developer
WebScale Inc.
Mar 2022 - Nú
Hannaði og viðhélt samnýtt component library (60+ components) sem notað er af 5 vöruhópum og dró úr þróunartíma UI um 35%
Bætti Lighthouse performance skor úr 52 í 95 með code splitting, lazy loading og critical CSS extraction
Leiddi flutning frá JavaScript yfir í TypeScript í kóðagrunni með yfir 200.000 línur án framleiðsluatvika á 6 mánaða tímabili
Setti upp prófunarstaðla fyrir frontend með Jest og Cypress, hækkaði prófunarumfang úr 22% í 78% og minnkaði regression villur um 40%
Leiðbeindi 3 yngri forritara í gegnum skipulegt þjálfunarferli, code reviews og vikulegar einstaklingssamræður
Frontend Developer
Creative Digital Agency
Júl 2019 - Feb 2022
Smíðaði 15+ viðbragðsgjarnar vefforrit fyrir viðskiptavini, þar á meðal Fortune 500 fyrirtæki í verslun, heilsugæslu og fjármálum
Innleiddi WCAG 2.1 AA aðgengissamræmi í öllum verkefnum viðskiptavina og stóðst úttektir án alvarlegra brota
Þróaði endurnýtanlegt hreyfimyndaskerfi með Framer Motion sem dró úr afhendingartíma frá hönnun til kóða um 50%
Kynnti Storybook til sögunnar fyrir sjáanlega component skjölun, sem allt 12 manna þróunarteymið tók upp á 3 mánuðum
Yngri vefforritari
Starter Apps Co.
Sep 2017 - Jún 2019
Þróaði viðbragðsgjarnar lendingarsíður og markaðssíður með HTML, CSS og JavaScript fyrir 20+ auglýsingaherferðir viðskiptavina
Kynnti React til sögunnar í teyminu og leiddi flutning frá eldra jQuery kóðagrunni sem aukti framleiðni forritara
Minnkaði meðaltals síðuhleðslutíma um 60% með myndbandsbesta, tree-shaking og Webpack bundle greiningu
Vann með UX hönnuðum í Figma að innleiðingu á pixel-perfect viðmótum sem samsvara hönnunarforskriftum
Menntun
B.A. Gagnvirkar fjölmiðlar
New York University
2013 - 2017
Sérhæfing í vefþróun og mannleg-tölvusamskipti. Útskrifaðist með heiðursmeðmæli.
Vottorð í UX Design
School of Visual Arts, New York
2018 - 2018
Sérhæft 6 mánaða nám sem fjallar um notendakönnun, wireframing, frumgerðarsmíð og gæðaprófun á notendaskilrúmi.
Námskeið og vottorð
Web Accessibility Specialist (WAS)
IAAP
2023
Skilríki auðkenni: IAAP-WAS-2023-0842
Testing JavaScript Applications
Testing JavaScript (Kent C. Dodds)
2022
Yfirgripsmikið námskeið sem fjallar um unit testing, integration testing og E2E testing með Jest, React Testing Library og Cypress.
Þetta er sýnishorn af ferilskrá. Sérsníðið hana að ykkar reynslu með okkar ókeypis ferilskrárverkfæri.
Ráð fyrir ferilskrána þína
Sýndu árangur í afköstum
Frontend snýst um hraða. Leggðu áherslu á Lighthouse skor, umbætur á Core Web Vitals og minnkun á hleðslutíma. Tölur eins og 'Bætti LCP úr 4,2s í 1,1s' vekja athygli.
Nefndu aðgengi
WCAG samræmi er í auknum mæli krafist. Ef þú hefur innleitt aðgengiseiginleika skaltu benda sérstaklega á það. Það sýnir þroska og meðvitund umfram það að gera hlutina líta fallega út.
Tilgreindu frameworks nákvæmlega
Ekki segja bara 'JavaScript frameworks'. Lýstu React, Vue, Angular, Next.js o.fl. ATS kerfi leita að nákvæmum lykilorðum úr starfsauglýsingum.
Nefndu reynslu af hönnunarverkfærum
Frontend developers sem geta unnið með Figma, Sketch eða Adobe XD eru dýrmætari. Nefndu samstarf við hönnuði jafnvel þótt þú sért ekki hönnuður.
Hvernig á að skrifa ferilskrá fyrir frontend developer
Frontend developer ferilskrá þarf að sýna bæði tæknilega dýpt og næmi fyrir notendaupplifun. Hér eru fimm skref sem hjálpa þér að byggja upp ferilskrá sem kemst í gegnum ATS kerfi og vekur athygli ráðningaraðila.
1
Skrifaðu skarpa faglega samantekt
Byrjaðu ferilskrána á 3 línu samantekt sem nefnir starfsreynslustig þitt, helsta tæknistafla (t.d. React, TypeScript, Next.js) og eina mælanlega niðurstöðu sem notendur eða viðskiptavinir fundu fyrir, til dæmis bætt hleðslutími eða hærra Core Web Vitals skor. Ráðningaraðilar eyða aðeins nokkrum sekúndum í fyrstu yfirferð, svo þessar þrjár línur ráða oft hvort restin er lesin.
2
Gerðu starfsreynslu mælanlega
Hver punktur í starfsreynslu ætti að byrja á sagnorði og enda á tölu. Í stað 'Vann að endurbótum á vefsíðu' skaltu skrifa 'Bætti LCP úr 3,8s í 1,2s og jók viðskiptahlutfall um 18% með lazy loading og code splitting.' Notaðu mælikvarða eins og Core Web Vitals, aðgengisskor, fjölda notenda eða minnkun á bundle stærð.
3
Flokkaðu tæknilega hæfni skýrt
Skiptu hæfnihlutanum í flokka eins og tungumál og frameworks (JavaScript, TypeScript, React, Vue, Angular), stílun (CSS, Sass, Tailwind CSS), verkfæri (Webpack, Vite, Git) og prófun (Jest, Cypress, Testing Library). Speglaðu orðalag starfsauglýsingarinnar nákvæmlega svo ATS kerfi finni réttu lykilorðin.
4
Settu fram portfolio, GitHub og live demo tengla
Frontend vinna er sjónræn, svo tenglar á lifandi verkefni skipta meira máli en í flestum öðrum tæknistörfum. Settu GitHub prófíl og portfolio síðu efst í tengiliðaupplýsingum, ekki neðst á síðunni. Veldu 2-3 verkefni sem sýna fjölbreytta hæfni: eitt með flóknu ástandi, eitt með áherslu á aðgengi eða afköst.
5
Ljúktu með menntun og ATS athugunum
Settu menntun og vottorð (t.d. í UX eða aðgengi) neðst, stutt og hnitmiðað. Áður en þú sendir ferilskrána skaltu ganga úr skugga um að hún sé í einum dálki, vistuð sem PDF, án taflna eða mynda sem ATS kerfi geta ekki lesið, og að leturgerðin sé skýr og læsileg.
Dæmi um faglegar samantektir fyrir frontend developer
Notaðu þessi dæmi sem grunn og aðlagaðu að þinni reynslu og tæknistafla.
Nýútskrifaður / junior
Nýútskrifaður vefforritari með sterkan grunn í React, JavaScript og nútíma CSS frá 12 mánaða diplómanámi og þremur eigin verkefnum sem birt eru á GitHub. Byggði fullbúið viðbragðsgjarnt vefforrit með Next.js og Tailwind CSS sem fékk 98 í Lighthouse afkastaskori. Leitar að fyrsta starfi sem frontend developer þar sem ég get lært af reyndu teymi og lagt mitt af mörkum til notendamiðaðra vörueiginleika.
Yfir / senior
Yfir frontend developer með 7 ára reynslu í að leiða þróun á stórum React og TypeScript kóðagrunnum fyrir vörur með yfir milljón virkra notenda. Sérfræðingur í component-driven architecture, hönnunarkerfum og fínstillingu afkasta - bætti Core Web Vitals skor um 40% að meðaltali í síðustu þremur verkefnum. Leiðbeinir yngri forriturum og vinnur náið með UX teymum að aðgengismiðaðri hönnun.
Starfsskipti yfir í frontend
Fyrrverandi grafískur hönnuður sem skipti yfir í frontend developer með sjálfsnámi í HTML, CSS, JavaScript og Vue.js ásamt 6 mánaða intensífu bootcamp-námi. Nýti bakgrunn í sjónrænni hönnun til að byggja pixlanákvæm, aðgengileg viðmót. Hef þróað þrjú Vue/Nuxt verkefni sem eru aðgengileg á GitHub og leita nú að fyrsta starfi sem forritari þar sem hönnunarskilningur minn nýtist til fulls.
Lykilorð fyrir ATS í frontend developer ferilskrá
ATS kerfi og ráðningaraðilar leita bæði að nákvæmum orðum úr starfsauglýsingunni. Notaðu þessi lykilorð þar sem þau eiga sannarlega við um reynslu þína.
React
Nefndu útgáfu og vistkerfi (t.d. React 18, Redux, React Query) frekar en bara 'React reynsla'.
TypeScript
Ef þú hefur flutt kóðagrunn úr JavaScript yfir í TypeScript, nefndu það sérstaklega - það er sterkt merki um þroska í kóðun.
Next.js
Tilgreindu hvort þú notaðir SSR, SSG eða ISR eiginleika, þar sem ATS kerfi og ráðningaraðilar leita oft að þessum sérhæfðu hugtökum.
Vue.js / Angular
Settu inn nákvæmlega það framework sem þú notaðir í starfsauglýsingunni, ekki bara 'JavaScript framework'.
Viðbragðsgjörn hönnun (responsive design)
Notaðu bæði íslenska og enska hugtakið þar sem margar starfsauglýsingar á Íslandi eru á ensku.
Vefaðgengi (accessibility / WCAG)
Ef þú hefur unnið að WCAG 2.1 AA samræmi, nefndu það með nafni - þetta er lykilorð sem sker þig úr fjöldanum.
Core Web Vitals
Tengdu þetta beint við tölu, t.d. 'bætti LCP úr 4s í 1,2s', frekar en að nefna hugtakið eitt og sér.
Testing (Jest, Cypress, Testing Library)
Nefndu prófunarumfang í prósentum ef þú manst töluna - það gefur ATS kerfinu og ráðningaraðila áþreifanlegt samhengi.
CI/CD
Ef þú hefur sett upp eða viðhaldið CI/CD pípulögnum (t.d. GitHub Actions), nefndu það - það sýnir að þú vinnur ekki bara í einangrun.
Þetta er eitt mest eftirsótta hugtakið í frontend starfsauglýsingum og verðskuldar eigin línu í starfsreynslu.
Fyrir og eftir: dæmi um punkta í starfsreynslu
Veikur punktur lýsir verkefni. Sterkur punktur sýnir áhrif með tölum og tæknilegu samhengi.
Þróun á notendaviðmóti (UI feature)
Vann að því að þróa nýja eiginleika fyrir vefsíðuna með React.
Þróaði og setti í framleiðslu nýtt greiðslu-flæði með React og TypeScript sem jók samþykktarhlutfall greiðslna úr 82% í 94% og minnkaði villutilkynningar notenda um 30%.
Afköst og aðgengi (Core Web Vitals)
Bætti hraða vefsíðunnar og gerði hana aðgengilegri.
Fínstillti afköst með code splitting og myndabestun sem bætti LCP úr 4,1s í 1,3s, og innleiddi WCAG 2.1 AA aðgengiseiginleika sem lækkaði aðgengisvillur úr 45 í 0 í úttekt.
Samstarf við hönnuði
Vann með hönnuðum að því að innleiða viðmót.
Vann náið með UX teymi í Figma að innleiðingu á 20+ pixlanákvæmum viðmótum og byggði component library sem stytti tímann frá hönnun til afhendingar um 50%.
Algengar spurningar
Hvað ætti að vera í ferilskrá frontend developer?
Ferilskrá frontend developer ætti að leggja áherslu á sérfræðiþekkingu þína í JavaScript frameworks (React, Vue, Angular), CSS hæfni, reynslu af fínstillingu afkasta, þekkingu á aðgengi og component libraries eða hönnunarkerfi sem þú hefur byggt. Hafðu með mælanlegan áhrif eins og umbætur á hleðslutíma og Lighthouse skor.
Ætti ég að setja portfolio tengil í ferilskrá frontend developer?
Já, ef þú átt eitt. GitHub prófíll eða portfolio síða sýnir verk þín betur en nokkur lýsing. Settu það í tengiliðaupplýsingarnar ásamt netfangi og símanúmeri.
Hvaða frontend hæfni er mest eftirsótt?
React og TypeScript eru eftirsóttastar í frontend. Next.js, Tailwind CSS og prófunarframeworks (Jest, Cypress) eru einnig mjög metin að verðleikum. Aðgengi (WCAG) og fínstilling afkasta eru sífellt mikilvægari þættir sem aðgreina umsækjendur.
Get ég búið til frontend developer ferilskrá ókeypis með NoBsResume?
Já. NoBsResume er 100% ókeypis. Veldu ATS-vingjarnlegt sniðmát, bættu við frontend hæfni þinni og reynslu og halaðu niður sem PDF. Engin skráning, engin vatnsmerki, enginn falinn kostnaður.
Hvar get ég sótt ferilskrár sniðmát fyrir frontend developer ókeypis?
Þú getur notað þetta nákvæma dæmi sem grunn beint í ókeypis ferilskrárgerð NoBsResume. Veldu úr þremur ATS-vingjarnlegum sniðmátum, settu inn þína eigin reynslu og tæknistafla og halaðu niður sem PDF samstundis - engin skráning þarf.
Hvernig skrifa ég ferilskrá fyrir frontend developer starf án starfsreynslu?
Ef þú ert nýútskrifaður eða junior skaltu leggja áherslu á eigin verkefni, GitHub prófíl, bootcamp eða háskólanám og hvaða framework þú kannt (React, Vue, Angular). Notaðu faglega samantekt til að tengja verkefnin við raunveruleg vandamál sem þau leysa, og hafðu Lighthouse eða afkastatölur með ef þú hefur þær.
Á ferilskrá fyrir frontend developer starf á Íslandi að vera á ensku eða íslensku?
Bæði er algengt. Íslensk fyrirtæki og opinberar stofnanir taka gjarnan við íslenskri ferilskrá, en alþjóðleg tæknifyrirtæki og mörg sprotafyrirtæki í Reykjavík vilja frekar enska útgáfu, sérstaklega ef teymið er alþjóðlegt. Skoðaðu starfsauglýsinguna - ef hún er á ensku, sendu ferilskrána á ensku.
Hversu löng ætti ferilskrá fyrir frontend developer að vera?
Ein síða dugar fyrir junior og flesta reynslu upp að 5-7 árum. Yfir developers með lengri feril geta notað tvær síður ef efnið er allt viðeigandi. Forgangsraðaðu nýlegri og mælanlegri reynslu fram yfir að telja upp öll verkefni frá upphafi ferils.
Hvernig sýni ég GitHub og hliðarverkefni á ferilskránni?
Settu GitHub notandanafn og hlekk beint í tengiliðaupplýsingarnar, ekki falið neðst á síðu. Veldu 2-3 verkefni sem sýna fjölbreytta hæfni - t.d. eitt með flóknu ástandsstjórnun, eitt sem sýnir aðgengi eða afköst - og nefndu stutt hvað hvert verkefni gerir og hvaða tækni var notuð.
Er raunverulega hægt að nota NoBsResume ókeypis fyrir frontend developer ferilskrá?
Já, að fullu. Þetta dæmi er hægt að afrita og breyta beint í ferilskrárgerðinni, öll þrjú ATS sniðmátin eru ókeypis, PDF niðurhal er samstundis og það er ekkert vatnsmerki, engin skráning og enginn falinn kostnaður - hvorki núna né síðar.
Búðu til ferilskrána þína núna
Notaðu þetta dæmi sem innblástur. Sérsníðið það og halaðu niður faglegri PDF á mínútum. 100% ókeypis.
