What is Client Side Scripting

Client side scripting ဆိုတာ ဘာလဲ

Client ဆိုတာ ဈေးသည် စကားနဲ့ ပြောရရင် ဖေါက်သည် ပါဘဲ။ Server က ဈေးသည် ဆိုရင်၊ သင့်ရှေ့မှာရှိ နေတဲ့ browser က ဖေါက်သည် (client) ပါ။

ဒီတော့ client side scripting ဆိုတာ သင့်ရှေ့မှာ ရှိနေတဲ့ browser ထဲမှာ program တစ်ခုကို run ခိုင်းတာ ကို ဆိုလို တာပါ။

Browser ထဲမှာ run တဲ့ code တွေက သိတ် မရှုပ်ထွေ တဲ့ program အသေးလေးတွေပါ၊ browser ထဲမှာ မ run ဘဲ အဝေးက server ဆီပြန် ပို့ပြီး program ကို run လို့လည်း ရပါတယ်၊ server ထဲမှာ program ကို run တာကိုတော့ server side scripting လို့ခေါ်ပါတယ်။ ဒီလိုလုပ် ရင်တော့ server မှာဝန်ပိ ပါတယ်။

ဥပမာ ပြရရင်၊ user name password သုံးပြီး login လုပ်တဲ့ အခါမှာ၊ submit မလုပ်မှီ အချက်အလက် တွေမှန် မမှန်ကို စစ်ဆေးဖို့ လိုပါတယ်။ ဒါကို form validation လုပ်တယ်လို့ ခေါ်ပါတယ်။

Validation အလုပ် ကို အဝေးက server ဆီပို့ပြီး လုပ်ခိုင်း လို့ရပါတယ်။ ဒါပေမဲ့ google လိုဆိုက် မျိုးမှာ စက္ကန့်တိုင်း သန်းချီတဲ့ user တွေ ရဲ့ login form validation ကို google servers တွေက လုပ် ရမယ် ဆိုရင်၊ server တွေ ဝန်ပိမှာ ဖြစ်ပါတယ်။

Form Validation ကို browser ထဲမှာ client side scripting နဲ့လုပ်ခိုင်း တာက ပိုပြီးသင့်လျှော်မဲ့ နည်းလမ်း​ဖြစ် ပါတယ်။

ယခင်က client side scripting languages အများအပြား အပြိုင်အဆိုင် ရှိခဲ့ကြပေမဲ့၊ အခု အချိန်မှာတော့ JavaScript ကိုဘဲ သုံးကြပါ တော့တယ်။

Client side scripting နမူနာ example အချို့ကို အောက်ပါ link မှာ download လုပ်ပြီး လေ့လာ နိုင်ပါတယ်။
js-example

What Is A Cookie

Cookie ဆိုတာ ဘာလဲ

Cookie သို့မဟုတ် HTTP Cookie, Magic Cookie, Web Cookie, Internet Cookie, Browser Cookie စသည်စသည်ဖြင့် အမျိုးမျိုး ခေါ်ခဲ့ကြပြီး အခုကာလ မှာတော့ cookie လို့ဘဲ ခေါ်ကြ ပါတော့တယ်။

Cookie ကို Mosaic Netscape Browser ၏ အမှုထမ်း တစ်ဦး ဖြစ်သူ Louis J. Montulli II မှ တည်ထွင်ခဲ့ပါတယ်။ ကွတ်ကီ ကို ၁၉၉၄ အောက်တိုဘာ ၁၃ ရက်နေ့မှာMosaic Netscape 0.9 beta တွင်စတင် ထည့်သွင်း အသုံးပြုခဲ့ ပါတယ်။

HTML ပေါ်စက server တွေမှာ သုံးတဲ့ memory တွေဟာ အလွန်ဈေးကြီးပါတယ်။ စာမျက်နှာ တွေကို ဘယ်ကလှမ်း တောင်းတယ်၊ ရှေ့စာမျက်နှာ နဲ့နောက်ထပ် တောင်းတဲ့ စာမျက်နှာ၊ ဘယ်လို ဆက်စပ်နေတယ်၊ စတာတွေကိုသာ မှတ်သားနေရမယ် ဆိုရင်၊ memory တွေ အမျာအပြား ထပ်လိုမှာ ဖြစ်လို့၊ စာရိတ်ကြီးပြီး မွဲဆေး ဖေါ်သလို ဖြစ်နေပါမယ်။ ထို့ကြောင့် စွန်းဦးတည်ထွင် သူတွေက browser ရာဇဝင် ကို မှတ်မထားဖို့၊ ဆုံးဖြတ်ခဲ့ကြ ပါတယ်။

ဒီတော့ HTML Pages တွေဟာ လူမသိသူမသိ နိုင်ငံမဲ့ တွေလို့ တင်စားခဲ့ ပါတယ်။ (HTML Pages are anonymous and stateless)

သို့သော် browser ရာဇဝင် ကိုသိပြီး ဆက်စပ်မှု ရှိမှဖြစ်မဲ့ ကိစ္စမျိုး ကျတော့ အခက်တွေ့ပြန်ရော။ ဥပမာ username password သုံးပြီး login လုပ်၊ နောက်စာမျက်နှာ ထဲဝင် ဖို့ကျတော့ anonymous and stateless ဖြစ်နေလို့၊ အဆင်မပြေ ပြန်တော့ပါ။

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

Cookie ဖိုင်ဆိုတာက text file သေးသေးလေးပါ၊ browser နဲ့ server တို့ အပြန်အလှန် ထိတွေ့မှု ရာဇဝင်နဲ့ အခြားလိုအပ်မဲ့ အချက်အလက်တွေကို ရိုးရိုး ASCII နဲ့ ရေးထဲ့ထားပါတယ်။ Cookie ဖိုင်ကို server မှာ မထားဘဲ၊ သင့် ကွန်ပျူတာ ရဲ့ browser ရဲ့ folder ထဲမှာသိမ်း ပါတယ်။ Server နဲ့ နောက်တစ်ကြိမ် ထပ်ချိတ်ဆက် တဲ့ အခါမှာ server က cookie ကိုလှမ်းတောင်း ပြီးဖတ်ပါတယ်။ ဒီအခါမှာ သင့် browser နဲ့ အဝေက server အကြားမှာ၊ HTML Pages တွေဟာ anonymous and stateless မဖြစ်တော့ပါဘူး။

ယခုခေတ် မှာတော့ browser ရာဇဝင် ဆိုတာ ရွှေပါဘဲ၊ Facebook, Google, Amazon, Apple, Microsoft စသည်တို့ဟာ browser ရာဇဝင် နဲ့ သူဌေး ဖြစ်နေကြတာပါ။

What Is Html

HTML ဆိုတာဘာလဲ

HTML ဆိုသည်မှာ Hyper Text Markup Language ၏ အတိုကောက် ဖြစ်ပြီး websites များကို ပုံဖေါ်ရာတွင် အသုံးပြုသော language ဖြစ်ပါသည်။

Websites များတွင် click လုပ်ပြီး အခြားစာမျက်နှာသို့ ရွှေ့နှိုင်သည့် စာကြောင်း လေးများကို Hyper Text (Hyperlinks) ဟုခေါ်ပါသည်။

HTML ပေါ်ခါနီး ကာလ က ကုမ္ပဏီ အသီးသီး သည် system အမျိုးမျိုး ဖြင့် ကွန်ပြူတာ များကို ထုတ်လုပ် နေကြသဖြင့် ကွန်ယက် (network) ချိတ်ဆက်ပြီး အချင်းချင်း ဆက်သွယ်ရန် အလွန်ခက်ခဲ ပါသည်။ ၎င်း ကိစ္စကို ဖြေရှင်းရန် အမေရိကန် သမတ Lyndon B. Johnson က July 1, 1969 တွင် ကွန်ပြူတာ အားလုံးသည် ASCII ဖတ်နိုင်ရမည် ဟု အမိန့်ထုတ်ပြန် ခဲ့ပါသည်။   (reference)

Tim Berners-Lee သည် ၁၉၉၀ ခုနှစ်တွင် Hypertext Markup Language (HTML)ကို တည်ထွင် ပြီး အများသုံ အင်တာနက် ခေတ်ကြီးကို စတင်ပေး ခဲ့သည်။ HTML သည် ASCII ကိုအခြေခံ ၍ရေး ထားသော language ဖြစ်ပါသည်။

Webpage ဆိုတာဘာလဲ?

Webpage ဆိုတာ ရိုးရိုး notepad တွင် ASCII ဖြင် ရေးထားသော text file တစ်ခုသာ ဖြစ်ပါသည်။ ၎င်း text file ကို HTML Markup များဖြင့် ရော၍ ရေးထား ပါသည်။ Text file သည် ကွန်ပြူတာ အားလုံး ဖတ်နိုင်သည့် cross platform format ဖြစ်သည်။ HTML file များသည် .html ဖြင့်အဆုံးသတ်သည်။ (ဥပမာ index.html, hello.html … etc)

Markup ဆိုတာဘာလဲ?

HTML file ကို tag များအသုံးပြု၍ markup လုပ်ပါသည်။ ဒါဆို tag ဆိုတာက ရော ဘာလဲ?။ Tag အကြောင်း မပြောခင် tag ဖြစ်ပေါ်လာပုံ ကိုအရင် လေ့လာဖို့ လိုပါသည်။

ကွန်ပြူတာ တို့ HTML တို့ မပေါ်မှီ ပုံနှိပ်လော ကတွင် အယ်ဒီတာ နဲ့ စာစီဆရာ တို့သည် proof paper တွင် tag များဖြင့် markup လုပ်ပြီး၊ ပုံမနှိပ်မှီ စာများကို ပြင်ဆင် ကြပါသည်။


Tim Berners-Lee သည် HTML ကို တည်ထွင်ရာ၌၊ ပုံနှိပ်လောကမှ tag သဘောတရား ကိုယူ၍၊ ASCII သက်သက် ကိုသုံးပြီး၊ HTML Tag များကို ဖန်တည်း ခဲ့ပါသည်။

အောက်ဖေါ်ပြပါ ပုံများ တွင် HTML Tag နှင့် .html ဖိုင်များ အကြောင်းကို လေ့လာနှိုင် ပါသည်။