17 sentyabr 20269 dəq oxuSP · 2026

Jurnal

Frontend developer kimdir və nə edir? Vəzifələr, texnologiyalar, maaş və öyrənmə yolu

Frontend developer saytın istifadəçinin gördüyü və toxunduğu hissəsini quran proqramçıdır: menyu, düymələr, formalar, səhifənin telefonda və kompüterdə necə açılması. Dizaynerin hazırladığı maketi HTML, CSS və JavaScript ilə işləyən səhifəyə çevirir və bu səhifənin sürətli, rahat və hər kəs üçün əlçatan olmasına cavab verir.

Bu yazı iki oxucu üçündür. Frontend developer olmaq istəyirsinizsə, işin gündəlik tərəfini, lazım olan texnologiyaları, maaşları və öyrənmə yolunu tapacaqsınız. Sayt sifariş edirsinizsə, kodu kimin və necə yazdığını anlayacaq və frontend işinin keyfiyyətini özünüz yoxlaya biləcəksiniz.

Frontend nədir: saytın görünən tərəfi

Hər sayt iki qatdan ibarətdir. Frontend brauzerdə açılan hissədir. Backend isə serverdə işləyən, gözə görünməyən hissədir: məlumat bazası, hesablamalar, ödəniş, bildirişlər.

Onlayn yemək sifarişi saytını götürək. Menyu, yeməklərin şəkilləri, "Səbətə at" düyməsi və səbətdəki məbləğin dərhal yenilənməsi frontenddir. Sifarişin bazaya yazılması, ödənişin bankdan keçməsi və kuryerə bildiriş getməsi backenddir. İstifadəçi yalnız birincini görür, amma iki qat birlikdə işləməsə sifariş alınmır.

Saytın ümumiyyətlə necə işlədiyini, domen və hostinqin nə olduğunu veb sayt nədir yazısında sadə dillə izah etmişik.

Frontend, backend və full-stack developer: fərq nədir

Rol	Nə qurur	Tipik alətlər
Frontend developer	Brauzerdə görünən səhifələr	HTML, CSS, JavaScript, React
Backend developer	Server, baza, API	Node.js, Python, SQL
Full-stack developer	Hər iki tərəf	Next.js, Node.js, SQL

Kiçik layihədə bu rolları bir nəfər də daşıya bilər. Böyük layihədə isə ayrı adamlardır və hər biri öz tərəfinə cavab verir. Backend tərəfinin alətləri ilə Node.js və Django bələdçilərimizdə tanış ola bilərsiniz.

Frontend developer gündəlik nə edir

Vakansiya elanlarında çox vaxt "HTML, CSS, JavaScript bilməli" yazılır, amma iş bu siyahıdan genişdir. Real layihədə frontend developerin masasına bu işlər düşür:

Dizaynı koda çevirir. Figma-dakı maketi sadəcə köçürmür, məntiqlə bölür: hansı hissə təkrarlanan komponentdir, hansı mətn sonradan idarə panelindən dəyişəcək.
Saytı hər ekrana uyğunlaşdırır. Eyni səhifə kiçik telefonda da, geniş monitorda da oxunaqlı qalmalıdır. Buna responsiv dizayn deyilir.
Sürətə cavab verir. Google səhifə təcrübəsini Core Web Vitals ilə ölçür: əsas məzmun 2,5 saniyə ərzində görünməli (LCP), klikə cavab 200 millisaniyədən gec gəlməməli (INP), səhifə açılarkən elementlər yerindən sürüşməməlidir (CLS). HTTP Archive-ın 2025-ci il hesabatına görə mobil saytların cəmi 48 faizi bu yoxlamadan keçir. Şəkilləri sıxmaq, lazımsız JavaScript-i çıxarmaq və şriftləri düzgün yükləmək frontendin işidir. Ətraflı: PageSpeed nədir.
Backenddən gələn məlumatı göstərir. Məhsul siyahısı, qiymət, istifadəçi hesabı API vasitəsilə gəlir. Frontend developer məlumat yüklənəndə, gəlməyəndə və xəta verəndə ekranda nə görünəcəyini də düşünür.
Formaları qurur. Telefon nömrəsi səhv yazılanda aydın xəbərdarlıq, göndər düyməsinin iki dəfə basılmaması, uğurlu göndərişdən sonra təsdiq mesajı. Müraciətin itib-itməməsi çox vaxt bu detallardan asılıdır.
Saytı axtarış sistemləri üçün düzgün qurur. Başlıq iyerarxiyası, semantik HTML, şəkillərin alt mətni və əsas mətnin serverdən hazır gəlməsi. ChatGPT və Claude kimi sistemlərin sürünücüləri JavaScript icra etmir, ona görə bu seçim artıq təkcə Google üçün deyil. Ətraflı: texniki SEO auditi.
Saytı hər kəs üçün əlçatan edir. Klaviatura ilə idarə, kifayət qədər rəng kontrastı, ekran oxuyucular üçün düzgün etiketlər. Əsas beynəlxalq standart W3C-nin WCAG 2.2 təlimatıdır, 2025-ci ildə ISO standartı kimi də təsdiqlənib.
Kodu komanda ilə paylaşır. Dəyişikliklər Git ilə saxlanır, başqa developer yoxlayır, yalnız bundan sonra sayta çıxır.

Real layihədə frontend developer harada işə qoşulur

Frontend developer layihənin ortasında yox, dizayn bitmədən qoşulur, çünki bəzi dizayn qərarları texniki cəhətdən baha başa gəlir. SaytPro-da vebsayt layihəsi təxminən bu ardıcıllıqla gedir:

Brif, 2-3 gün. Biznesin məqsədi, səhifələr, funksiyalar və büdcə aydınlaşır. Brifi necə yazmaq lazım olduğunu hazır şablonla göstərmişik.
Dizayn və arxitektura. Dizayner görünüşü və istifadəçi yolunu qurur, komanda isə məlumat strukturunu və API razılaşmasını hazırlayır. Frontend developer maketə baxıb soruşur: bu animasiya telefonda necə işləyəcək, bu blok idarə panelindən dəyişəcəkmi, məlumat haradan gələcək? UI/UX qərarları məhz bu mərhələdə ucuz başa gəlir.
İnkişaf, 10-20 gün. Frontend səhifələri və komponentləri qurur, backend məlumat bazasını və idarə panelini hazırlayır, sonra iki tərəf API ilə birləşir. Hər həftə işləyən versiya göstərilir.
Test. Müxtəlif telefonlarda və brauzerlərdə, zəif internetdə yoxlama, formaların və sürətin ölçülməsi.
Təhvil və dəstək. Sayt yayına çıxır. Təhvildən sonra 2 ay pulsuz texniki dəstək var, bu müddətdə çıxan xətaları eyni komanda düzəldir.

Bu yoldan keçmiş işləri portfolio səhifəsində görə bilərsiniz.

Frontend developer hansı texnologiyaları bilməlidir

Əsaslar: HTML, CSS və JavaScript

HTML səhifənin skeletidir: başlıq, mətn, şəkil, düymə. CSS görünüşdür: rəng, şrift, düzülüş. JavaScript isə davranışdır: kliklər, açılan menyular, formanın yoxlanması. Bu üçü olmadan heç bir framework başa düşülmür.

Bu üçlüyün nə qədər vacib olduğunu rəqəmlər də göstərir. Stack Overflow-un 2025-ci il sorğusunda peşəkar developerlərin 68,8 faizi JavaScript, 63 faizi HTML/CSS ilə ciddi iş gördüyünü yazıb.

Framework: React və Next.js

React interfeysi təkrar istifadə olunan komponentlərə bölməyə imkan verir: bir dəfə yazılan məhsul kartı yüz məhsulda işləyir. Next.js React üzərində qurulub və səhifələri serverdə hazırlayır, bu da sürət və axtarış sistemləri üçün vacibdir. Eyni sorğuda peşəkar developerlər arasında React 46,9, Next.js 21,5, Angular 19,8, Vue.js isə 18,4 faizlə işlənir. Hansından başlayacağınıza qərar verməmişdən əvvəl hədəflədiyiniz vakansiyalara baxın.

TypeScript və Tailwind CSS

TypeScript JavaScript-ə tiplər əlavə edir və səhvlərin bir hissəsini kod işə düşməzdən əvvəl göstərir. GitHub-un 2025 Octoverse hesabatına görə TypeScript 2025-ci ilin avqustunda GitHub-da ən çox işlədilən dilə çevrilib. Tailwind CSS üslubu birbaşa HTML-in içində qısa siniflərlə yazmağa imkan verir və böyük layihədə CSS fayllarının dağılmasının qarşısını alır.

Gündəlik alətlər

Git və GitHub, brauzerin developer alətləri (DevTools), Figma, PageSpeed Insights. 2026-cı ildə bu siyahıya süni intellekt alətləri də daxildir: Cursor, Claude Code, GitHub Copilot.

SaytPro-da frontend tərəfdə Next.js, React, TypeScript və Tailwind CSS, backend tərəfdə isə Django, Node.js və PostgreSQL işlədirik.

Frontend developer ilə UI/UX dizayner arasında fərq

Dizayner saytın necə görünəcəyinə və istifadəçinin hədəfə hansı yolla çatacağına qərar verir. Frontend developer həmin qərarı işləyən koda çevirir. Dizayner Figma-da bir düymə çəkir, frontend developer isə o düymənin basılanda, gözləmədə, deaktiv vəziyyətdə və telefonda necə davranacağını yazır.

İki rol bir-birinə yaxındır, amma eyni deyil. Yaxşı frontend developer dizayn dilini anlayır, yaxşı dizayner isə kodun imkanlarını bilir. Dizayn tərəfinin nədən ibarət olduğunu UI/UX dizayn xidmətimizin səhifəsində göstərmişik.

Süni intellekt dövründə frontend developer nə edir

Bu gün model 200 sətir kodu saniyələr içində yazır. Frontend developerin dəyəri isə başqa yerə köçüb: kodun layihənin harasına düşəcəyini, hansı komponentlərə bölünəcəyini, məlumatın haradan gələcəyini və üç ay sonra ora baxan adamın nə başa düşəcəyini model həll etmir.

Developerlərin özləri də bunu görür. Stack Overflow-un 2025-ci il sorğusunda iştirakçıların 84 faizi süni intellekt alətlərindən istifadə edir və ya etməyi planlaşdırır, peşəkar developerlərin 51 faizi onları hər gün işlədir. Amma 46 faizi bu alətlərin dəqiqliyinə etibar etmir, ən çox şikayət edilən problem isə 66 faizlə "demək olar düzgün, amma tam yox" cavablardır.

Ona görə junior Next.js developer vakansiyamızda süni intellektdən istifadə qadağan deyil, əksinə gözlənilir. Amma üç şeyi yoxlayırıq: strukturu qura bilmək, modelə nə istədiyini dəqiq deyə bilmək və pull request-dəki hər sətri izah edə bilmək. Modelin yazdığını anlamadan köçürən adam kod ilk dəfə sınanda onu düzəldə bilmir.

Frontend developer olmaq üçün yol xəritəsi

Ardıcıllıq Mozilla-nın frontend developer kurikulumuna uyğundur: əvvəl əsaslar, əlçatanlıq və versiya nəzarəti, sonra performans, təhlükəsizlik, test və framework-lər. Müddətlər isə gündə 2-3 saat məşğul olan və sıfırdan başlayan adam üçün öz təcrübəmizə əsaslanan təxmini hesabdır. Kiminə tez, kiminə gec gəlir, əsas olan ardıcıllıqdır.

HTML və CSS, 1-2 ay. Sadə səhifəni telefona uyğun qura bilməlisiniz: flex, grid, şriftlər, şəkillər.
JavaScript, 2-3 ay. Dəyişənlər, funksiyalar, massiv metodları, DOM, fetch və async/await.
Git və GitHub, paralel olaraq. Hər tapşırığı commit ilə saxlayın. GitHub profiliniz portfelinizin özüdür.
React, 1-2 ay. Komponent, props, state, siyahılar və formalar.
Next.js və TypeScript, 1-2 ay. Səhifə marşrutları, server və client komponent fərqi, tiplər.
2-3 real layihə. Kurs tapşırığı yox, kiminsə istifadə edəcəyi sayt: tanışınızın kafesi, bir təşkilatın tədbir səhifəsi. Onu canlı ünvana çıxarın.
Junior vakansiyaya müraciət. Özünüzü real tələblərlə yoxlayın. Bizim junior vakansiyamızda texniki minimum belədir: JavaScript əsasları (massiv metodları, async/await, fetch), React (komponent, props, state), Next.js App Router, HTML, CSS, responsiv dizayn, Git və GitHub linki olan ən azı 2 tamamlanmış layihə. Diplom tələb etmirik. Açıq vakansiyalar karyera səhifəsindədir.

Azərbaycanda frontend developer maaşları

Bu sahə üzrə müntəzəm və dəqiq maaş statistikası yoxdur. Açıq mənbələrdə rəqəmlər belədir:

İş elanları. hellojob.az-da maaşı göstərilmiş 153 Front-end Developer vakansiyasının ortası 2 525 AZN-dir. birjob.com frontend vakansiyaları üçün tipik aylıq aralığı 1 300-4 500 AZN göstərir.
İşçilərin öz bildirdikləri. Paylab sorğusunda respondentlərin 80 faizi ayda 482-1 526 AZN (vergidən əvvəl) qazanır. Amma bu rəqəm cəmi 20-dən az təsdiqlənmiş cavaba əsaslanır.

Fərqin səbəbi sadədir. Maaşı açıq yazılan elanlar çox vaxt təcrübəli mütəxəssis axtaran elanlardır, təcrübəçi və junior vakansiyalarının, xüsusən bank elanlarının çoxunda isə maaş göstərilmir. Ona görə elan ortalamasını başlanğıc maaşı kimi götürməyin. Xarici şirkətlərə uzaqdan işləyən developerlərin gəliri isə yerli bazardan ayrı hesablanır və çox vaxt dollarla ödənilir.

Biznes sahibi üçün: frontend işinin keyfiyyətini necə yoxlamaq olar

Kod bilmədən də frontendin yaxşı yazılıb-yazılmadığını 15 dəqiqəyə yoxlamaq olar:

Sürəti ölçün. pagespeed.web.dev ünvanında saytınızı yoxlayın və mobil nəticəyə baxın. Əsas göstəricilər yaşıl zonadadırsa, sürət tərəfi düzgün qurulub. Ziyarətçisi az olan saytlarda real istifadəçi datası olmaya bilər, onda laboratoriya nəticəsinə baxın.
Saytı öz telefonunuzda açın. Mətn böyütmədən oxunurmu, düymələr barmaqla rahat basılırmı, heç nə ekrandan kənara çıxmırmı?
Formanı qəsdən səhv doldurun. Telefon nömrəsini yarımçıq yazın. Aydın xəbərdarlıq çıxmalıdır, forma səssizcə itməməlidir.
Tab düyməsi ilə gəzin. Yalnız klaviatura ilə menyuya və düymələrə çatmaq olursa, əlçatanlıq düşünülüb.
Səhifənin mənbəyinə baxın. Kompüterdə Ctrl+U basın (Mac-da Cmd+Option+U). Əsas mətn orada görünürsə, axtarış sistemləri və AI sürünücüləri də onu görür.
Kodun kimdə qaldığını soruşun. Təhvildə mənbə kodu, domen və idarə paneli sizə verilməlidir. Bu sualı müqavilədən əvvəl verin.

Saytınız bu yoxlamadan keçmirsə və ya yeni sayt planlaşdırırsınızsa, sayt sifarişi səhifəsindən bizə yazın. Layihənin başlanğıc qiymətini qiymət kalkulyatorunda 2 dəqiqəyə hesablaya bilərsiniz.

Frontend developer işə götürmək, yoxsa agentliyə tapşırmaq

Öz developeriniz sayt əsas məhsulunuzdursa və hər həftə yeni funksiya lazımdırsa məntiqlidir. Amma bir frontend developer tək başına dizaynı, backendi və serveri örtmür, maaş isə sayt hazır olandan sonra da ödənilir.
Frilanser kiçik və aydın tapşırıq üçün uyğundur. Əsas risk ehtiyat adamın olmamasıdır: xəstələnsə və ya başqa layihəyə keçsə, iş dayanır.
Agentlik dizayneri, frontend və backend developeri və dəstəyi bir müqavilə altında verir. Birdəfəlik vebsayt hazırlanması üçün çox vaxt ən az riskli yoldur.

Üç yolun qiymət və risk baxımından müqayisəsini 200 manatlıq və 2 000 manatlıq sayt fərqi yazısında etmişik.

Tez-tez verilən suallar

Frontend developer nədir?

Saytın və ya veb tətbiqin istifadəçinin gördüyü hissəsini quran proqramçıdır. HTML, CSS və JavaScript ilə işləyir, çox vaxt React və ya Next.js kimi framework işlədir.

Frontend öyrənmək nə qədər vaxt aparır?

Gündə 2-3 saat ardıcıl məşğul olan adam təxminən 6-10 ayda junior vakansiyaya müraciət edəcək səviyyəyə çata bilər. Real layihə yazmağa nə qədər tez başlasanız, bu müddət o qədər qısalır.

Frontend developer dizayn edirmi?

Əsas işi dizayn deyil, dizaynı koda çevirməkdir. Amma yaxşı frontend developer boşluq, şrift və rəng qaydalarını anlayır və maketdə unudulan vəziyyətləri, məsələn xəta mesajını, özü tamamlaya bilir.

Frontend developer olmaq üçün diplom lazımdır?

Çox şirkətdə yox. İşəgötürən portfelə və GitHub-a baxır. SaytPro-nun junior vakansiyasında da diplom tələb olunmur, ən azı 2 tamamlanmış layihə istənilir.

Frontend, yoxsa backend: hansından başlamaq daha asandır?

Frontenddə nəticəni ekranda dərhal görürsünüz, ona görə başlanğıcda motivasiyanı saxlamaq asandır. Backend məlumat bazası, server və təhlükəsizlik anlayışları tələb edir. Çoxları frontenddən başlayıb sonra full-stack istiqamətinə keçir.

Azərbaycanda frontend developer nə qədər qazanır?

Mənbədən asılıdır. hellojob.az-da maaşı göstərilmiş vakansiyaların ortası 2 525 AZN, birjob.com-da tipik aralıq 1 300-4 500 AZN-dir. Başlanğıc səviyyədə rəqəm aşağı olur, junior elanların çoxunda isə maaş ümumiyyətlə yazılmır.

Süni intellekt frontend developeri əvəz edəcəkmi?

Kod yazmanın bir hissəsini artıq əvəz edir. Amma nəyin yazılacağına qərar vermək, yazılanı yoxlamaq və sayt sınanda düzəltmək insan işi olaraq qalır. Süni intellektlə işləməyi bacaran frontend developerin dəyəri azalmır, artır.