လွယ်လွယ်ပြောရရင် Frontend ဆိုတာ Website တစ်ခုမှာ ကိုယ်မြင်ရတဲ့ အပိုင်းပါ။ Button တွေ၊ ဓာတ်ပုံတွေ၊ စာတွေ၊ အရောင်တွေ — ကိုယ် မျက်စိနဲ့ မြင်ပြီး လက်နဲ့ နှိပ်လို့ရတဲ့ အရာအားလုံးက Frontend ပါ။ Backend ဆိုတာ နောက်ကွယ်မှာ အလုပ်လုပ်နေတဲ့ အပိုင်းပါ။ Login စစ်တာ၊ Database ထဲက ဒေတာ ထုတ်ပေးတာ၊ ငွေချေတာ — ကိုယ် မမြင်ရပေမယ့် တကယ်အလုပ်လုပ်နေတဲ့ အရာတွေအားလုံးက Backend ပါ။
ကျွန်တော် ဒါကို စားသောက်ဆိုင်နဲ့ ဥပမာပေးချင်တယ်။ စားသောက်ဆိုင်တစ်ဆိုင်ကို ဝင်လိုက်ရင် ကိုယ် မြင်ရတာက စားပွဲတွေ၊ Menu စာအုပ်၊ ဝိတ်တာတွေ၊ အလှဆင်ထားတဲ့ ခန်းမပါ။ အဲဒါ Frontend ပါ။ ဒါပေမယ့် မီးဖိုချောင်ထဲမှာတော့ Chef တွေ ဟင်းချက်နေတယ်၊ ရေခဲသေတ္တာထဲမှာ ကုန်ကြမ်းတွေ သိမ်းထားတယ်၊ ပန်းကန်ဆေးတဲ့သူတွေ အလုပ်လုပ်နေတယ်။ အဲဒါ Backend ပါ။ ဖောက်သည်က မီးဖိုချောင်ကို မမြင်ရပေမယ့် မီးဖိုချောင် မရှိရင် ဟင်းတစ်ပွဲမှ ရမှာ မဟုတ်ပါဘူး။ Website လည်း အဲဒီလိုပါပဲ။
Frontend က ဘာတွေနဲ့ ဆောက်တာလဲ?
Frontend ကို ဘာသာစကား ၃ မျိုးနဲ့ အဓိက ဆောက်ပါတယ်။
HTML — Website ရဲ့ အရိုးအဆစ်ပါ။ ခေါင်းစဉ် ဘယ်မှာထားမလဲ၊ Button ဘယ်မှာထားမလဲ၊ ပုံ ဘယ်မှာပြမလဲ ဆိုတဲ့ အဆောက်အအုံကို ဆောက်ပေးတာပါ။
CSS — အလှဆင်တဲ့အပိုင်းပါ။ အရောင်၊ စာလုံးအရွယ်၊ နေရာချထားပုံ — Website လှပနေတာ CSS ကြောင့်ပါ။ HTML က အရိုးဆိုရင် CSS က အဝတ်အစားပါ။
JavaScript — လှုပ်ရှားမှုကို ပေးတဲ့အပိုင်းပါ။ Button နှိပ်လိုက်ရင် Menu ပွင့်လာတာ၊ ပုံတွေ Slide ဖြစ်သွားတာ၊ Form ဖြည့်တာ မှားရင် အနီရောင်ပြတာ — ဒါတွေအားလုံး JavaScript ရဲ့ အလုပ်ပါ။
အခုခေတ်မှာ React, Vue, Angular လို Framework တွေနဲ့ Frontend ကို ပိုမြန်မြန် ဆောက်ကြပါတယ်။ ဒါပေမယ့် အခြေခံကတော့ အဲဒီ ၃ မျိုးပါပဲ။
Backend က ဘာတွေနဲ့ ဆောက်တာလဲ?
Backend ကို ဘာသာစကား အများကြီးနဲ့ ဆောက်လို့ရပါတယ်။
Python (Django, Flask) — သင်ယူရ လွယ်ပြီး AI နဲ့ Data အလုပ်တွေမှာ အသုံးများပါတယ်။
JavaScript (Node.js) — Frontend နဲ့ တူညီတဲ့ ဘာသာစကားဖြစ်လို့ တစ်ယောက်တည်း နှစ်ဖက်လုံး လုပ်လို့ရပါတယ်။
PHP (Laravel) — WordPress လို Website တွေမှာ အသုံးများပါတယ်။
Java, Go, Ruby — ကုမ္ပဏီကြီးတွေရဲ့ System ကြီးတွေမှာ သုံးပါတယ်။
Backend က Database နဲ့လည်း ချိတ်ဆက်ရပါတယ်။ User ရဲ့ အကောင့်တွေ၊ Post တွေ၊ မှာယူမှုတွေကို Database ထဲမှာ သိမ်းထားပါတယ်။ Frontend က “ဒီ User ရဲ့ Post တွေကို ပြပါ” လို့ တောင်းဆိုရင် Backend က Database ထဲကနေ ရှာထုတ်ပြီး ပြန်ပေးပါတယ်။
Frontend နဲ့ Backend က ဘယ်လို ဆက်သွယ်တာလဲ?
နှစ်ခုကြားမှာ API ဆိုတဲ့ တံတားရှိပါတယ်။ Frontend က API ကို Request ပို့တယ်၊ Backend က Response ပြန်ပေးတယ်။ ဥပမာ Facebook မှာ News Feed ကို ဖွင့်လိုက်ရင် Frontend က “Post အသစ်တွေ ပေးပါ” လို့ Backend ကို တောင်းဆိုတယ်။ Backend က Database ထဲက Post တွေ ထုတ်ပြီး JSON ပုံစံနဲ့ ပြန်ပေးတယ်။ Frontend က အဲဒီ JSON ကို လှလှပပ ပြပေးလိုက်တာပါ။
ဒါကြောင့် Website တစ်ခုမှာ Frontend သီးသန့်ပြင်လိုက်ရင်လည်း Backend မထိခိုက်ပါဘူး။ အရောင်ပြောင်းတာ၊ Button နေရာရွှေ့တာက Backend ကို ဘာမှ မသက်ရောက်ပါဘူး။ တစ်ဖက်မှာလည်း Database ပုံစံပြောင်းတာ၊ Login နည်းလမ်း ပြောင်းတာက Frontend ကို မထိပါဘူး။ API ကြားခံထားလို့ နှစ်ဖက်လုံး သီးသန့်အလုပ်လုပ်လို့ရပါတယ်။
Full Stack ဆိုတာ ဘာလဲ?
Frontend ရော Backend ရော နှစ်ဖက်လုံး လုပ်တတ်တဲ့ Developer ကို Full Stack Developer လို့ ခေါ်ပါတယ်။ သူက စားသောက်ဆိုင်ရဲ့ ဝိတ်တာရော Chef ရော နှစ်မျိုးလုံး လုပ်နိုင်တဲ့သူပါ။ အခုခေတ် Startup အသေးလေးတွေမှာ Full Stack Developer တွေ အသုံးများပါတယ်။ တစ်ယောက်တည်း Website တစ်ခုလုံး ဆောက်နိုင်လို့ပါ။
ကိုယ် Web Development စသင်မယ်ဆိုရင် Frontend ကနေ စတာက ပိုပျော်စရာကောင်းပါတယ်။ ရေးလိုက်တာနဲ့ မျက်စိရှေ့မှာ ရလဒ် မြင်ရလို့ပါ။ Backend ကိုတော့ နောက်မှ ဖြည်းဖြည်းချင်း သင်သွားလို့ရပါတယ်။ အရေးကြီးတာက နှစ်ဖက်လုံးက ဘယ်လို ဆက်သွယ်ပြီး အလုပ်လုပ်တယ်ဆိုတာ နားလည်သွားဖို့ပါ။ အဲဒါ နားလည်သွားရင် Website တစ်ခုလုံးရဲ့ ပုံရိပ်က ရှင်းရှင်းလင်းလင်း မြင်လာပါလိမ့်မယ်။
—
