Programming Guide

ဝဘ်ဆိုဒ်ရေးသားခြင်း အခြေခံလမ်းညွှန်- FRONTEND နှင့် BACKEND အကြောင်း

ဝဘ်ဆိုဒ်တစ်ခုကို ဝင်ကြည့်တဲ့အခါ၊ အလွန်ကွဲပြားပေမယ့် ပြီးပြည့်စုံစွာ အတူတကွ အလုပ်လုပ်နေတဲ့ ကမ္ဘာနှစ်ခုရဲ့ ရလဒ်ကို ခံစားနေရတာပါ။ ဝဘ်ဆိုဒ်ရေးသားခြင်း (Web Development) မှာ ဒီကမ္ဘာနှစ်ခုကို "Frontend" နဲ့ "Backend" လို့ ခေါ်ပါတယ်။

သူတို့ ဘယ်လိုအလုပ်လုပ်လဲဆိုတာ နားလည်ဖို့၊ စားသောက်ဆိုင်တစ်ဆိုင် ဘယ်လိုလည်ပတ်လဲဆိုတာနဲ့ နှိုင်းယှဥ် ကြည့်လိုက်ရအောင်။

=========================================
၁။ THE FRONTEND (အသုံးပြုသူမြင်ရသောအပိုင်း)
=========================================
Frontend ဆိုတာ အသုံးပြုသူဖြစ်တဲ့ သင် မြင်တွေ့နိုင်၊ နှိပ်နိုင်၊ အပြန်အလှန်တုံ့ပြန်နိုင်တဲ့ အပိုင်းဖြစ်ပါတယ်။ ဒါဟာ စားသောက်ဆိုင်တစ်ဆိုင်ရဲ့ စားသောက်ခန်း (Dining Room) နဲ့ အတူတူပါပဲ။

စားသောက်ဆိုင်မှာဆိုရင် စားသောက်ခန်းက သင့်ရဲ့ အတွေ့အကြုံကို အဆုံးအဖြတ်ပေးပါတယ်- အလင်းရောင်၊ စားပွဲအပြင်အဆင်၊ မီနူးဒီဇိုင်းနဲ့ သင့်ကို ကြိုဆိုမယ့် စားပွဲထိုးတွေပေါ့။ ဝဘ်ဆိုဒ်တစ်ခုမှာဆိုရင်တော့ Frontend က အသုံးပြုသူရဲ့ အတွေ့အကြုံကို ဖန်တီးပေးပါတယ်- စာလုံးဖောင့်တွေ၊ မီနူးတွေ၊ အရောင်တွေနဲ့ သင်နှိပ်လိုက်တဲ့ ခလုတ်တွေဖြစ်ပါတယ်။

Frontend ရဲ့ အဓိက ကိရိယာများ-
* HTML (HyperText Markup Language): ဒါက အခြေခံတည်ဆောက်ပုံပါ။ စားသောက်ဆိုင်မှာဆိုရင် နံရံတွေ၊ စားပွဲနဲ့ ကုလားထိုင်တွေပါ။ ဝဘ်ဆိုဒ်မှာတော့ စာသားတွေ၊ ပုံတွေနဲ့ လင့်ခ်တွေ ဖြစ်ပါတယ်။
* CSS (Cascading Style Sheets): ဒါက အတွင်းပိုင်းအလှဆင်ခြင်းပါ။ ဝဘ်ဆိုဒ်မှာ CSS က အရောင်တွေ၊ အပြင်အဆင်တွေနဲ့ လှုပ်ရှားမှုတွေကို တာဝန်ယူပါတယ်။
* JavaScript: ဒါက အသက်ဝင်လှုပ်ရှားမှုပါ။ သင့်ဆီလာပြီး အော်ဒါကောက်တဲ့ စားပွဲထိုးနဲ့ တူပါတယ်။ ဝဘ်ဆိုဒ်မှာဆိုရင် စာမျက်နှာကို Reload လုပ်စရာမလိုဘဲ အလုပ်လုပ်စေပါတယ်။ (ဥပမာ- Like ခလုတ်ကို နှိပ်လိုက်ရင် အပြာရောင်ပြောင်းသွားတာမျိုးပါ)

=========================================
၂။ THE BACKEND (ဆာဗာအပိုင်း)
=========================================
Backend ဆိုတာ ဝဘ်ဆိုဒ်ကို အလုပ်လုပ်စေတဲ့ နောက်ကွယ်က အင်ဂျင်ဖြစ်ပါတယ်။ သင်မမြင်ရပေမယ့် သူသာမရှိရင် Frontend လည်း မရှိနိုင်ပါဘူး။ ဒါဟာ စားသောက်ဆိုင်တစ်ဆိုင်ရဲ့ မီးဖိုချောင် (Kitchen) နဲ့ စတိုခန်း (Pantry) နဲ့ အတူတူပါပဲ။

စားပွဲထိုး (Frontend) ဆီမှာ သင်အော်ဒါမှာလိုက်တဲ့အခါ၊ သူတို့က အဲဒီအော်ဒါကို မီးဖိုချောင် (Backend) ဆီ ယူသွားပါတယ်။ စားဖိုမှူးတွေက စတိုခန်း (Database) ထဲက ပါဝင်ပစ္စည်းတွေကို ယူပြီး ချက်ပြုတ်ကာ စားပွဲထိုးကတစ်ဆင့် သင့်ဆီ ပြန်ပို့ပေးပါတယ်။

Backend ရဲ့ အဓိက အစိတ်အပိုင်းများ-
* Server (ဆာဗာ): Frontend ကနေ တောင်းဆိုမှုတွေကို စောင့်ဆိုင်းပြီး အမြဲတမ်း အလုပ်လုပ်နေတဲ့ ကွန်ပျူတာ (အော်ဒါစောင့်နေတဲ့ မီးဖိုချောင်လိုပါပဲ)။
* Application (အက်ပ်လီကေးရှင်း): Python, Ruby, PHP, Node သို့မဟုတ် Java လို ဘာသာစကားတွေနဲ့ ရေးသားထားတဲ့ စည်းမျဉ်းတွေပါ။ ဒါဟာ သင့်ရဲ့တောင်းဆိုမှုကို ချက်ပြုတ်ပေးနေတဲ့ စားဖိုမှူးဖြစ်ပါတယ်။
* Database (ဒေတာဘေ့စ်): ဝဘ်ဆိုဒ်ရဲ့ အချက်အလက်အားလုံးကို သိမ်းဆည်းထားတဲ့ ကြီးမားတဲ့ ဖိုင်ကက်ဘိနက် (သို့မဟုတ် စတိုခန်း) ပါ။ ဥပမာ- အသုံးပြုသူ စကားဝှက်တွေနဲ့ ကုန်ပစ္စည်းစာရင်းတွေ ဖြစ်ပါတယ်။

=========================================
သူတို့ ဘယ်လို ပူးပေါင်းအလုပ်လုပ်သလဲ
=========================================
သင်အကြိုက်ဆုံး ဆိုရှယ်မီဒီယာကို အကောင့်ဝင်နေတယ်လို့ မြင်ယောင်ကြည့်ပါ။

၁။ သင်က Username နဲ့ Password ကို ရိုက်ထည့်ပြီး "Log In" ကို နှိပ်လိုက်ပါတယ် (Frontend)။
၂။ Frontend က Backend ဆီကို "ဒီအချက်အလက်တွေနဲ့ အကောင့်ဝင်ဖို့ ကြိုးစားနေသူရှိတယ်" ဆိုပြီး လုံခြုံတဲ့ မက်ဆေ့ချ်တစ်ခု ပို့လိုက်ပါတယ်။
၃။ Backend က မက်ဆေ့ချ်ကို လက်ခံရရှိပြီး Database (စတိုခန်း) ထဲမှာ Password မှန်မမှန် စစ်ဆေးပါတယ်။
၄။ မှန်ကန်တယ်ဆိုရင် Backend က Frontend ဆီကို "ခွင့်ပြုလိုက်ပြီ! ဒါက သူ့ရဲ့ Profile ဒေတာတွေပဲ" ဆိုပြီး ပြန်ပို့ပေးပါတယ်။
၅။ Frontend က အဲဒီဒေတာတွေကို ယူပြီး သင့်အတွက် သီးသန့် Newsfeed ကို ချက်ချင်း ဖန်တီးပြသပေးပါတယ်။

the time has come... lol.