Hər dəfə veb sayt açdığınızda və mətn, şəkillər və tıkladığınızda cavab verən düymələr yükləyəndə, front-end kodun işini görürsünüz. Əgər back-end proqramlaşdırma mühərrikdirsə, front-end idarə paneli, sükan və sürücünün həqiqətən toxunduğu hər şeydir.
Üç əsas front-end texnologiyası — HTML, CSS və JavaScript — hamısı pulsuz, açıq veb standartlarıdır. Heç bir şirkət onlara sahib deyil və hər bir brauzer onları eyni şəkildə dəstəkləmək məcburiyyətindədir.
HTML quruluşu təmin edir — başlıqlar, abzaslar, şəkillər, düymələr.
CSS vizual təqdimatı idarə edir — rənglər, şriftlər, boşluqlar, tərtibat.
JavaScript davranış əlavə edir — tıkladığınızda, kaydırdığınızda və ya yazdığınızda nə baş verir.
Müasir front-end işinin əksəriyyəti React, Vue və ya Angular kimi freymvorklar ilə həyata keçirilir ki, bu da hər şeyi sıfırdan yazmadan mürəkkəb interfeyslər qurmağı daha sürətli edir.
Əgər veb sayt bir restoran olsaydı, front-end yemək zalıdır — müştərinin gördüyü və qarşılıqlı əlaqə qurduğu yer. Back-end mətbəxdir — həqiqi işin baş verdiyi yer, gözdən kənarda. Hər ikisi vacibdir; heç biri digəri olmadan yaxşı işləmir.
NOXEL360-ın öz paneli React ilə qurulmuş və açıq şəkildə təkrarlanan həqiqi front-end məhsuldur — bu məqalədə əhatə olunan eyni prinsiplər, istehsal miqyasında tətbiq edilir.
Əsaslar — HTML və CSS — başlayanlar üçün əlçatandır. JavaScript freymvorkları ilə mürəkkəb interfeyslər qurmaq mənimsəmək üçün daha çox vaxt tələb edir.
Dizayner kimi deyil, amma güclü front-end tərtibatçılar dizayn prinsiplərini dizaynerin işini dəqiq tətbiq edəcək qədər yaxşı başa düşürlər.
UI/UX dizaynerlər interfeysin necə görünməli və davranmalı olduğuna qərar verirlər. Front-end tərtibatçılar bu qərarları real edən kodu yazırlar.
Xeyr. Sadə HTML, CSS və JavaScript tam veb sayt qura bilər. Freymvorklar interfeys mürəkkəb və interaktiv olduqda faydalı olur.
Xeyr. Veb dizayn vizual tərtibat və istifadəçi təcrübəsi qərarlarına fokuslanır. Front-end proqramlaşdırma bu qərarları həyata keçirən kodu yazmaqdır.
Statik məzmun üçün, bəli. Hesablar, saxlanılmış məlumat və ya dinamik məzmun tələb edən hər hansı şey qoşulmaq üçün back-end tələb edir.
React ən geniş istifadə olunan olaraq qalır, ardınca Vue və Angular gəlir — hər biri güclü ekosistem və aktiv icmalara malikdir.
Onlar əlaqəlidir, lakin fərqlidir. Mobil tətbiqlər tez-tez fərqli alətlərdən istifadə edir (Swift, Kotlin və ya React Native kimi), baxmayaraq ki, əsas UI konsepsiyaları üst-üstə düşür.
Ardıcıl məşqlə, bir çox insan 6-12 ayda junior səviyyəsinə çatır, baxmayaraq ki, bu əvvəlki təcrübə və təhsil intensivliyindən asılı olaraq geniş şəkildə dəyişir.
Bəli, getdikcə daha çox. Avtomatlaşdırılmış testlər xüsusilə interfeyslər daha mürəkkəb böyüdükcə istifadəçilər etməzdən əvvəl pozulmuş interfeyslərə yol verir.
Bu, CSS yazmaqla tərtibatın müxtəlif ekran ölçülərinə — telefonlar, planşetlər və masaüstü kompüterlər — tək kod bazasından təmiz uyğunlaşması deməkdir.
Fəaliyyətdə real front-end məhsulu görün.
NOXEL360 Panelini Kəşf Edin →