Mongolian flag

Frontend хөгжүүлэгч - CV Жишээ

Монгол

Мэргэжлийн frontend хөгжүүлэгч CV-гээ хэрхэн бүтээхийг харна уу. Энэ жишээг ашиглан UI/UX ур чадвар, framework туршлага болон вэб хөгжүүлэлтийн туршлагаа харуулаарай.

CV бүтээж эхлэх

CV урьдчилан харах

Болормаа Батбаяр - Профайл зураг

Болормаа Батбаяр

Ахлах Frontend хөгжүүлэгч

[email protected]+976 9911 2345Улаанбаатар, МонголB ангиллын жолооны үнэмлэх

Мэргэжлийн хураангуй

Бүтээлч, нарийн нягт frontend хөгжүүлэгч, 6+ жилийн туршлагатай, хариу үйлдэлтэй, хүртээмжтэй, өндөр гүйцэтгэлтэй вэб аппликейшнүүдийг өргөн хэмжээнд хөгжүүлсэн. React, TypeScript болон орчин үеийн CSS-ийн мэргэжилтэн бөгөөд компонент дээр суурилсан архитектур болон дизайн систем хөгжүүлэлтэд гүнзгий анхаарч ажилладаг. Сая сая хэрэглэгчтэй олон production аппликейшний Core Web Vitals оноог 45%-иар сайжруулсан. Вэб хүртээмжийн идэвхтэй дэмжигч бөгөөд хоёр байгууллагад WCAG 2.1 AA стандартын нийцлийг хангах ажлыг удирдсан, мөн нээлттэй эхийн UI сангуудад идэвхтэй хувь нэмэр оруулдаг.

Ажлын туршлага

Ахлах Frontend хөгжүүлэгч

WebScale Inc.

2022 оны 3-р сар - Одоо

  • 5 бүтээгдэхүүний багийн ашигладаг дундын компонент сан (60+ компонент) зохиосон бөгөөд UI хөгжүүлэлтийн хугацааг 35%-иар бууруулсан
  • Code splitting, lazy loading болон critical CSS extraction ашиглан Lighthouse гүйцэтгэлийн оноог 52-оос 95 болгож сайжруулсан
  • 200K+ мөрийн кодыг JavaScript-ээс TypeScript руу шилжүүлэх ажлыг удирдсан бөгөөд 6 сарын турш production-д ямар нэг алдаагүй хэрэгжүүлсэн
  • Jest болон Cypress ашиглан frontend тестийн стандартуудыг бий болгож, тестийн хамрах хүрээг 22%-иас 78% болгон нэмэгдүүлж, regression алдааг 40%-иар бууруулсан
  • Зохион байгуулалттай сургалт, код шалгалт болон долоо хоног бүрийн хос програмчлалын хичээлээр 3 залуу хөгжүүлэгчийг удирдан чиглүүлсэн

Frontend хөгжүүлэгч

Creative Digital Agency

2019 оны 7-р сар - 2022 оны 2-р сар

  • Жижиглэн худалдаа, эрүүл мэнд, санхүүгийн салбарын Fortune 500 компаниудад зориулж 15+ хариу үйлдэлтэй вэб аппликейшн бүтээсэн
  • Бүх үйлчлүүлэгчийн төслүүдэд WCAG 2.1 AA хүртээмжийн стандартыг хэрэгжүүлж, аудитыг ноцтой зөрчилгүйгээр амжилттай давсан
  • Framer Motion ашиглан дахин ашиглах боломжтой анимейшний систем хөгжүүлж, дизайнаас код руу шилжүүлэх хугацааг 50%-иар бууруулсан
  • Визуал компонент баримтжуулалтад зориулж Storybook нэвтрүүлсэн бөгөөд 3 сарын дотор 12 хөгжүүлэгчтэй баг бүрэн ашиглаж эхэлсэн

Залуу вэб хөгжүүлэгч

Starter Apps Co.

2017 оны 9-р сар - 2019 оны 6-р сар

  • 20+ үйлчлүүлэгчийн кампанит ажилд зориулж HTML, CSS болон JavaScript ашиглан хариу үйлдэлтэй landing хуудас болон маркетингийн сайт хөгжүүлсэн
  • Багт React-ийг нэвтрүүлж, хуучин jQuery кодыг шилжүүлэх ажлыг удирдан хөгжүүлэгчдийн бүтээмжийг сайжруулсан
  • Зураг оновчлол, tree-shaking болон Webpack bundle шинжилгээгээр хуудас ачаалах дундаж хугацааг 60%-иар бууруулсан
  • UX дизайнеруудтай Figma дээр хамтран дизайны тодорхойлолтод нийцсэн пиксел нарийвчлалтай интерфэйс хэрэгжүүлсэн

Боловсрол

Интерактив медиа чиглэлээр бакалаврын зэрэг

Монголын Их Сургууль

2013 - 2017

Вэб хөгжүүлэлт болон хүн-компьютерийн харилцаан дээр төвлөрсөн. Хүндэт дипломоор төгссөн.

UX Design сертификат

Улаанбаатар Дизайны Сургууль

2018 - 2018

Хэрэглэгчийн судалгаа, wireframing, prototype хийх болон хэрэглэх чадварын тест хийх чиглэлээрх 6 сарын эрчимтэй хөтөлбөр.

Сургалт & Гэрчилгээ

Web Accessibility Specialist (WAS)

IAAP

2023

Гэрчилгээний дугаар: IAAP-WAS-2023-0842

Testing JavaScript Applications

Testing JavaScript (Kent C. Dodds)

2022

Jest, React Testing Library болон Cypress ашиглан нэгж тест, интеграцийн тест болон E2E тестийг хамарсан иж бүрэн сургалт.

Advanced React Patterns

Frontend Masters

2021

Хэлний мэдлэг

Монгол

Ярих: ТөрөлхСонсох: ТөрөлхБичих: Төрөлх

Англи

Ярих: ЧөлөөтэйСонсох: ЧөлөөтэйБичих: Чөлөөтэй

Орос

Ярих: ДундСонсох: ДундБичих: Дунд

Ур чадвар

ReactTypeScriptNext.jsVue.jsHTML5/CSS3Tailwind CSSSassReduxGraphQLJestCypressFigma

Энэ бол жишээ CV юм. Манай үнэгүй CV бүтээгчийг ашиглан өөрийн туршлагаараа тохируулаарай.

Зөвлөгөө

Гүйцэтгэлийн амжилтуудаа харуулаарай

Frontend бол хурд юм. Lighthouse оноо, Core Web Vitals сайжруулалт, ачаалах хугацааны бууралтыг тодруулаарай. 'LCP-г 4.2 секундээс 1.1 секунд болгож сайжруулсан' гэх мэт тоон үзүүлэлт анхаарал татна.

Хүртээмжийг дурдаарай

WCAG нийцэл улам бүр шаардлагатай болж байна. Хэрэв та хүртээмжийн функцуудыг хэрэгжүүлсэн бол тэмдэглээрэй. Энэ нь зүгээр л сайхан харагдуулахаас цааш боловсролтой, мэдлэгтэйг харуулна.

Framework-уудыг тодорхой жагсаагаарай

Зүгээр л 'JavaScript framework' гэж бүү бичээрэй. React, Vue, Angular, Next.js зэргийг тодорхой жагсаагаарай. ATS системүүд ажлын байрны зараас яг таарах түлхүүр үгсийг хайдаг.

Дизайны хэрэгслийн туршлагаа оруулаарай

Figma, Sketch эсвэл Adobe XD-тэй ажиллаж чаддаг frontend хөгжүүлэгчид илүү үнэтэй. Та дизайнер биш ч гэсэн дизайны хамтын ажиллагааг дурдаарай.

Гол ур чадварууд

ReactTypeScriptNext.jsVue.jsHTML5/CSS3Tailwind CSSХариу үйлдэлтэй дизайнВэб хүртээмж (WCAG)Гүйцэтгэлийн оновчлолТестчлэл (Jest/Cypress)GitFigma

Frontend хөгжүүлэгчийн CV хэрхэн бичих вэ

Монголын IT компаниуд болон гадаадын алсын зайн багуудад ажилд орохдоо frontend хөгжүүлэгчид код чанар, хэрэглэгчийн туршлага дээрх бодит нөлөө, framework-ийн гүнзгий мэдлэгээ баримт бичигтээ тодорхой харуулах хэрэгтэй. "cv template mongolia" гэж хайж буй ажил горилогчдын ихэнх нь ерөнхий, тоон нотолгоогүй CV бичсэнээс болж ATS шүүлтэд унадаг. Доорх 5 алхмыг дагаж энэ алдаанаас зайлсхийгээрэй.

1

Мэргэжлийн танилцуулга (Summary) бичих

CV-гийн эхний 3 мөрөнд ажлын туршлагын түвшин (жишээ нь "6+ жилийн"), гол framework-үүд (React, Vue, Angular, TypeScript) болон хэрэглэгчид мэдрэгдэхүйц нэг үр дүнг заавал оруулаарай. Жишээ нь: "Сая гаруй хэрэглэгчтэй production аппликейшний Core Web Vitals оноог 45%-иар сайжруулсан ахлах frontend хөгжүүлэгч." Ерөнхий үгсийг ("хичээнгүй", "хариуцлагатай") тоон үзүүлэлтээр солиорой — HR ажилтан 6-8 секундэд CV-г үзэж шийдвэр гаргадаг.

2

Ажлын туршлагаа тоон үзүүлэлтээр илэрхийлэх

Frontend ажилд Lighthouse оноо, LCP/Core Web Vitals, хөрвүүлэлтийн хувь (conversion), bundle хэмжээ, хүртээмжийн стандарт (WCAG) зэрэг хэмжигдэхүйц үзүүлэлтүүд онцгой чухал. Сул бичвэр: "Вэб сайт хөгжүүлсэн." Хүчтэй бичвэр: "Code splitting болон lazy loading ашиглан Lighthouse гүйцэтгэлийн оноог 52-оос 95 болгож, хуудас ачаалах хугацааг 60%-иар бууруулсан." Ажил горилж буй байрны зарын нэр томьёог давтаж бичээрэй — ATS яг тохирох үгсийг хайдаг.

3

Техникийн ур чадварын хэсгийг бүтэцтэй бичих

Ур чадвараа санамсаргүй жагсаахын оронд бүлэглээрэй: framework/хэл (React, Vue, Angular, TypeScript), стайлчлал (CSS3, Sass, Tailwind CSS), tooling/сборка (Webpack, Vite, Git, CI/CD) болон тест (Jest, Cypress, React Testing Library). Ажлын зард бичигдсэн стек дараалалтай ойролцоо жагсаавал ATS болон HR ажилтан хоёулаа хурдан тааруулж чадна. Мэдэхгүй framework-аа бүү бичээрэй — техникийн ярилцлагад асуух магадлал өндөр.

4

Портфолио, GitHub болон амьд төслүүдээ холбох

Frontend бол хамгийн харагдахуйц мэргэжлийн нэг тул портфолио сайт, GitHub профайл болон амьд (live) төслийн холбоосыг backend байрнаас ч илүү чухал гэж үзэх хэрэгтэй. CV-ийн толгой хэсэгт имэйл, утасны дугаартай хамт эдгээр холбоосыг байрлуулаарай. Хэрэв танд бие даасан төсөл байхгүй бол ажлын байранд ашиглах боломжгүй ч гэсэн жижиг демо, Codepen эсвэл GitHub дээрх нээлттэй эхийн хувь нэмрээ харуулаарай.

5

Боловсрол, гэрчилгээ болон ATS-д ноогдох сүүлчийн шалгалт

Боловсрол болон сертификатыг (жишээ нь Frontend Masters, IAAP WAS, эсвэл онлайн курсууд) товч бичээрэй — frontend байранд диплом чухал биш, гэхдээ туслах баримт болдог. Илгээхийн өмнө: CV-г нэг баганатай, хүснэгтгүй, PDF хэлбэрээр хадгалж, файлын нэрэнд өөрийн нэрийг оруулаарай (жишээ нь "Bolormaa_Batbayar_CV.pdf"). Хэрэв ажлын зар олон улсын компанийн бол Англи хэл дээр давхар хувилбар бэлдэх нь зүйтэй.

Мэргэжлийн танилцуулгын жишээ

Доорх гурван жишээг өөрийн туршлагын түвшинд тохируулан хуулж, стек болон тоон үзүүлэлтээ өөрчилж ашиглаж болно.

Дадлагажигч / Шинэ төгсөгч

React, JavaScript болон адаптив CSS дээр суурилсан 4 бие даасан төсөл (тэдгээрийн дотор бодит хэрэглэгчтэй веб апп) хийж туршлага хуримтлуулсан компьютерийн ухааны төгсөгч. Bootcamp-ын үеэр багийн төслийн frontend хэсгийг удирдаж, GitHub дээр нээлттэй эхийн 3 хувь нэмэр оруулсан. Хурдан суралцаж, код тайлбарлах чадвартай, хамтын ажиллагаанд идэвхтэй оролцдог.

Ахлах (Senior)

React, Next.js болон TypeScript-д мэргэшсэн, 7+ жилийн туршлагатай ахлах frontend хөгжүүлэгч. Сая гаруй хэрэглэгчтэй хоёр production платформын Core Web Vitals оноог дунджаар 48%-иар сайжруулж, 60+ компонентын дундын дизайн систем зохиосон. 5 хүртэлх хөгжүүлэгчийн багийг код шалгалт, менторшип болон архитектурын шийдвэрээр удирдсан туршлагатай.

Өөр мэргэжлээс frontend руу шилжсэн

Графикийн дизайнераас Vue.js болон Nuxt дээр суурилсан frontend хөгжүүлэгч болж шилжсэн, 2 жилийн турш бие даан суралцаж, 6 сая хэрэглэгчтэй компанийн вэб сайтын дизайныг код болгон хэрэгжүүлсэн туршлагатай. Дизайны суурь мэдлэгээ ашиглан пиксел нарийвчлалтай, хүртээмжтэй (WCAG) интерфэйс хийхэд онцгой чадвартай.

ATS-д тохирох түлхүүр үгс

ATS систем болон HR ажилтан хоёулаа ажлын зарын яг тохирох нэр томьёог CV-нээс хайдаг тул доорх түлхүүр үгсийг өөрийн бодит туршлагад тохируулан ашиглаарай.

React

Хамгийн эрэлттэй framework — ямар хувилбар (React 18 гэх мэт) болон hooks ашигласан эсэхээ дурдвал илүү итгэл төрүүлнэ.

Vue.js / Angular

Хэрэв React бус эдгээр framework ашигласан бол тодорхой нэрлэж, аль хувилбар байсныг заавал бичээрэй.

TypeScript

Зөвхөн жагсаахаас гадна ямар хэмжээний кодыг JavaScript-ээс шилжүүлсэн эсвэл шинээр бичсэнээ ажлын туршлагадаа дурдаарай.

CSS / Sass / Tailwind CSS

Стайлчлалын хэрэгслээ бүлэглэж жагсааж, хариу үйлдэлтэй (responsive) дизайн хийсэн жишээгээ ажлын тайлбартаа оруулаарай.

Next.js

SSR, SSG эсвэл App Router ашигласан бол SEO болон ачааллын хугацаанд ямар нөлөө үзүүлснийг тоогоор дурдвал ATS болон HR-ийг хоёуланг нь татна.

Хариу үйлдэлтэй дизайн (Responsive design)

Мобайл болон desktop хувилбар хоёуланд нь тестлэсэн туршлагаа нэг бүлэг ажилд заавал дурдаарай.

Хүртээмж / WCAG

WCAG 2.1 AA стандартад нийцүүлж ажилласан төсөл байвал тодорхой нэрлэж, аудитад хэрхэн давсанаа бичээрэй.

Тестчлэл (Jest, Cypress)

Нэгж тест болон E2E тестийн хамрах хүрээний хувийг (жишээ нь 78%) заавал тоогоор оруулаарай.

CI/CD

GitHub Actions, Jenkins зэрэг ашигласан бол deployment хугацаа хэрхэн богиносгосноо дурдвал давуу тал болно.

Core Web Vitals / Гүйцэтгэлийн оновчлол

LCP, bundle хэмжээ, lazy loading зэрэгт хийсэн сайжруулалтаа өмнө/дараах тоогоор харьцуулж бичээрэй.

Сул ба хүчтэй ажлын туршлагын жишээ

Ажил олгогч тоон үр дүн, ашигласан технологи, өөрийн үүрэг гурвыг нэг мөрөнд харах дуртай. Доорх жишээнүүд ижил ажлыг хэрхэн илүү хүчтэй болгож бичихийг харуулж байна.

UI feature хүргэлт

Компанийн вэб сайтад шинэ хуудсууд болон компонентууд нэмсэн.

React болон TypeScript ашиглан 12 шинэ хуудас, 25+ дахин ашиглах боломжтой компонент бүтээж, багийн шинэ feature гаргах дундаж хугацааг 30%-иар богиносгосон.

Гүйцэтгэл / Core Web Vitals

Вэб сайтын ачааллын хурдыг сайжруулсан.

Code splitting, lazy loading болон image оновчлолоор LCP-г 4.2 секундээс 1.1 секунд болгож, Lighthouse гүйцэтгэлийн оноог 58-аас 96 болгож нэмэгдүүлсэн.

Багийн ажиллагаа / дизайнтай хамтран ажиллах

Дизайнерууд болон бусад хөгжүүлэгчидтэй хамтран ажилласан.

Figma дизайны тодорхойлолтод үндэслэн UX дизайнертай долоо хоног бүр хамтран ажиллаж, 40+ дэлгэцийг пиксел нарийвчлалтай хэрэгжүүлж, дахин ажиллах хугацааг 25%-иар багасгасан.

Түгээмэл асуултууд

Frontend хөгжүүлэгчийн CV-д юу оруулах ёстой вэ?

Frontend хөгжүүлэгчийн CV-д JavaScript framework-ийн мэдлэг (React, Vue, Angular), CSS ур чадвар, гүйцэтгэлийн оновчлолын туршлага, хүртээмжийн мэдлэг, мөн бүтээсэн компонент сан эсвэл дизайн системийг тодруулах хэрэгтэй. Ачаалах хугацааны сайжруулалт, Lighthouse оноо зэрэг хэмжигдэхүйц үр нөлөөг оруулаарай.

Frontend хөгжүүлэгчийн CV-дээ портфолио холбоос оруулах хэрэгтэй юу?

Тийм, хэрэв танд байгаа бол. GitHub профайл эсвэл портфолио сайт нь ямар ч тайлбараас илүүтэйгээр таны ажлыг харуулна. Үүнийг имэйл болон утасны дугаарын хамт холбоо барих хэсэгт оруулаарай.

Ямар frontend ур чадварууд хамгийн их эрэлттэй байдаг вэ?

React болон TypeScript нь хамгийн их эрэлттэй frontend ур чадварууд юм. Next.js, Tailwind CSS болон тестийн framework-ууд (Jest, Cypress) мөн өндөр үнэлэгддэг. Хүртээмж (WCAG) болон гүйцэтгэлийн оновчлол нь улам бүр чухал ялгарах хүчин зүйл болж байна.

NoBsResume дээр frontend хөгжүүлэгчийн CV-г үнэгүй үүсгэж болох уу?

Тийм. NoBsResume нь 100% үнэгүй. ATS-д тохирсон загвар сонгоод, frontend ур чадвар болон туршлагаа нэмээд, PDF хэлбэрээр татаж аваарай. Бүртгэл шаардлагагүй, усан тэмдэггүй, нуугдмал зардалгүй.

Frontend хөгжүүлэгчийн CV загвар (template) хаанаас татаж авах вэ?

Энэ хуудасны жишээ CV-г шууд NoBsResume-ийн үнэгүй CV бүтээгч дээр нээж, өөрийн мэдээллээр солиод шууд PDF болгон татаж авч болно. Хайлт хийж "cv template mongolia" гэж loop хийх шаардлагагүй — жишээ ATS-д тохирсон 3 загвартай, бүртгэл шаардлагагүй, минутын дотор бэлэн болно.

Туршлагагүй эсвэл сая төгссөн хүн frontend CV хэрхэн бичих вэ?

Ажлын туршлагын оронд bootcamp/сургалтын үеийн бие даасан төслүүд, GitHub хувь нэмэр болон дадлагын ажлыг тоон үр дүнтэй бичээрэй (жишээ нь "4 бие даасан вэб апп хийж, 3 нээлттэй эхийн PR илгээсэн"). NoBsResume-ийн үнэгүй бүтээгч дээр туршлагагүй ажилтанд зориулсан бүтэцтэй, ATS-д тохирсон загвар сонгож, дээрх жишээ бүтцийг дагаж болно.

Frontend CV-г Англи хэл дээр бичих ёстой юу, эсвэл Монгол хэл дээр бичиж болох уу?

Улаанбаатар дахь олон улсын компани, алсын зайн (remote) багт орох гэж байгаа бол Англи хэл дээрх CV илүү найдвартай — техникийн ярилцлага ихэвчлэн Англи хэл дээр явагддаг. Харин зөвхөн дотоодын Монгол компанид өргөдөл гаргаж байгаа бол Монгол хэл дээрх CV хангалттай. NoBsResume дээр хоёр хувилбарыг хоёуланг нь үнэгүй бүтээж болно.

Frontend хөгжүүлэгчийн CV хэдэн хуудас байх ёстой вэ?

Junior болон 5 жил хүртэлх туршлагатай хөгжүүлэгчийн хувьд 1 хуудас хамгийн тохиромжтой. 5+ жилийн туршлагатай ахлах хөгжүүлэгч 2 хуудас хүртэл өргөтгөж болно, гэхдээ хамгийн сүүлийн 2-3 ажлын байран дээр анхаарлаа төвлөрүүлж, хуучин жижиг ажлуудыг товчлоорой. NoBsResume-ийн загварууд PDF болгоход автоматаар зохистой урттай гарна.

GitHub эсвэл портфолио заавал оруулах шаардлагатай юу?

Заавал биш ч frontend байранд маш их давуу тал болдог — HR ажилтан код чанар, UI мэдрэмжийг шууд харах боломжтой болно. GitHub профайл, амьд (live) demo эсвэл дор хаяж Codepen холбоос байвал CV-ийн толгой хэсэгт имэйл, утасны хамт байрлуулаарай. Хэрэв төсөл байхгүй бол NoBsResume-ийн бүтээгчээр CV бэлдэж, дараа нь жижиг демо нэмж болно.

CV-дээ зураг байрлуулах шаардлагатай юу?

Монголын ихэнх IT компани болон гадаадын алсын зайн ажлын байранд зураг заавал биш бөгөөд ихэвчлэн шаардахгүй. Хэрэв тодорхой ажлын байрны заавраар зураг шаардаагүй бол оруулахгүй байх нь илүү мэргэжлийн харагдана. NoBsResume-ийн загварууд зурагтай, зурагтгүй хоёр хувилбараар ажилладаг тул сонголтоо чөлөөтэй хийж болно.

Одоо CV-гээ бүтээгээрэй

Энэ жишээг урам зориг болгон ашиглаарай. Тохируулаад хэдхэн минутын дотор мэргэжлийн PDF татаж аваарай. 100% үнэгүй.

CV бүтээж эхлэх

Энэ CV-г бусад хэлээр харах

Энэ CV жишээ 63 хэлээр боломжтой: