14 KiB

Raw Permalink Blame History

အဖြစ်အပျက်များကို အသုံးပြု၍ ဂိမ်းတစ်ခု ဖန်တီးခြင်း

မျှဝေမည့် မေးခွန်းများ

အဖြစ်အပျက်အခြေပြု ပရိုဂရမ်ရေးသားမှု

Browser အခြေပြု အက်ပလီကေးရှင်းတစ်ခု ဖန်တီးရာတွင် အသုံးပြုသူများအတွက် ဂရပ်ဖစ်အသုံးပြုသူအင်တာဖေ့စ် (GUI) တစ်ခုကို ပံ့ပိုးပေးရမည်ဖြစ်သည်။ Browser နှင့် အပြန်အလှန်ဆက်သွယ်ရာတွင် အများဆုံးအသုံးပြုသောနည်းလမ်းမှာ ခလုတ်နှိပ်ခြင်းနှင့် အမျိုးမျိုးသောအရာများတွင် ရိုက်ထည့်ခြင်းဖြစ်သည်။ Developer အနေနဲ့ ကြုံရတဲ့ စိန်ခေါ်မှုကတော့ သူတို့ ဘယ်အချိန်မှာ ဒီအရာတွေကို လုပ်မယ်ဆိုတာ မသိနိုင်တာပဲ ဖြစ်ပါတယ်။

အဖြစ်အပျက်အခြေပြု ပရိုဂရမ်ရေးသားမှု ဆိုတာကတော့ GUI ဖန်တီးဖို့ လိုအပ်တဲ့ ပရိုဂရမ်ရေးသားမှုအမျိုးအစားကို ဆိုလိုတာဖြစ်ပါတယ်။ ဒီစကားကို နည်းနည်းခွဲကြည့်မယ်ဆိုရင် အဓိကစကားလုံးက အဖြစ်အပျက် ဖြစ်ပါတယ်။ Merriam-Webster အဆိုအရ အဖြစ်အပျက် ဆိုတာ "တစ်ခုခုဖြစ်ပျက်ခြင်း" လို့ အဓိပ္ပါယ်ဖွင့်ဆိုထားပါတယ်။ ဒါကတော့ ကျွန်တော်တို့ရဲ့ အခြေအနေကို အတိအကျ ဖော်ပြထားတာပါပဲ။ ကျွန်တော်တို့ သိတာက တစ်ခုခုဖြစ်ပျက်မယ်၊ ဒါပေမယ့် ဘယ်အချိန်မှာ ဖြစ်မယ်ဆိုတာတော့ မသိပါဘူး။

ကျွန်တော်တို့ လုပ်ဆောင်လိုတဲ့ ကုဒ်အပိုင်းကို သတ်မှတ်ဖို့ နည်းလမ်းကတော့ function တစ်ခု ဖန်တီးခြင်းဖြစ်ပါတယ်။ Procedural programming ကို စဉ်းစားကြည့်မယ်ဆိုရင် function တွေကို အတိအကျ အစဉ်လိုက် ခေါ်သုံးရပါတယ်။ အဖြစ်အပျက်အခြေပြု ပရိုဂရမ်ရေးသားမှုမှာလည်း ဒီအရာတူတူပဲ ဖြစ်ပါတယ်။ ကွာခြားချက်ကတော့ function တွေကို ဘယ်လို ခေါ်သုံးမလဲ ဆိုတာပါ။

အဖြစ်အပျက်များ (ခလုတ်နှိပ်ခြင်း၊ ရိုက်ထည့်ခြင်း စသဖြင့်) ကို ကိုင်တွယ်ဖို့ ကျွန်တော်တို့ အဖြစ်အပျက်နားထောင်သူများ (event listeners) ကို မှတ်ပုံတင်ရမည်ဖြစ်သည်။ အဖြစ်အပျက်နားထောင်သူဆိုတာ အဖြစ်အပျက်တစ်ခု ဖြစ်ပေါ်လာမည့်အချိန်ကို နားထောင်ပြီး အဖြစ်အပျက်ဖြစ်ပေါ်လာသည်နှင့်အတူ လိုက်လုပ်ဆောင်မည့် function တစ်ခုဖြစ်သည်။ အဖြစ်အပျက်နားထောင်သူများသည် UI ကို အပ်ဒိတ်လုပ်ခြင်း၊ server ကို ခေါ်ဆိုခြင်း သို့မဟုတ် အသုံးပြုသူ၏ လုပ်ဆောင်မှုအပေါ် မည်သည့်အရာကိုမဆို လိုက်လုပ်ဆောင်နိုင်သည်။ ကျွန်တော်တို့ addEventListener ကို အသုံးပြု၍ အဖြစ်အပျက်နားထောင်သူတစ်ခု ထည့်သွင်းပြီး လိုက်လုပ်ဆောင်မည့် function ကို ပံ့ပိုးပေးနိုင်သည်။

NOTE: အဖြစ်အပျက်နားထောင်သူများ ဖန်တီးရန် နည်းလမ်းများစွာ ရှိသည်ကို သတိပြုပါ။ သင်သည် anonymous functions ကို အသုံးပြုနိုင်သလို၊ နာမည်ပေးထားသော function များကိုလည်း ဖန်တီးနိုင်သည်။ click property ကို သတ်မှတ်ခြင်း၊ သို့မဟုတ် addEventListener ကို အသုံးပြုခြင်းကဲ့သို့ shortcut များကိုလည်း အသုံးပြုနိုင်သည်။ ကျွန်တော်တို့ရဲ့ လေ့ကျင့်ခန်းမှာ addEventListener နှင့် anonymous functions ကို အဓိကထားပြီး လေ့လာသွားမှာဖြစ်ပါတယ်။ ဒါကတော့ အများဆုံး အသုံးပြုတဲ့ နည်းလမ်းဖြစ်သလို၊ အလွန်ပြောင်းလွယ်ပြင်လွယ်လည်း ဖြစ်ပါတယ်။ addEventListener က အဖြစ်အပျက်အားလုံးအတွက် အလုပ်လုပ်နိုင်ပြီး၊ အဖြစ်အပျက်နာမည်ကို parameter အနေနဲ့ ပံ့ပိုးပေးနိုင်ပါတယ်။

ရိုးရိုးတွေ့ရတဲ့ အဖြစ်အပျက်များ

အဖြစ်အပျက်များ အများအပြားကို သင့်အက်ပလီကေးရှင်း ဖန်တီးရာတွင် နားထောင်နိုင်ပါတယ်။ မူလအားဖြင့် အသုံးပြုသူတစ်ဦးက စာမျက်နှာပေါ်မှာ လုပ်ဆောင်သမျှဟာ အဖြစ်အပျက်တစ်ခုကို ဖြစ်ပေါ်စေပါတယ်။ ဒါကတော့ သင့်ရဲ့ အက်ပလီကေးရှင်းကို အသုံးပြုသူအတွက် လိုအပ်တဲ့ အတွေ့အကြုံကို ပေးနိုင်ဖို့ အလွန်အကျိုးရှိပါတယ်။ ကံကောင်းစွာ၊ သင့်အနေနဲ့ အဖြစ်အပျက်အများအပြားကို မလိုအပ်ပါဘူး။ အောက်တွင် ရိုးရိုးတွေ့ရတဲ့ အဖြစ်အပျက်အချို့ကို ဖော်ပြထားပါတယ် (ကျွန်တော်တို့ ဂိမ်းဖန်တီးရာမှာ အသုံးပြုမည့် နှစ်ခုလည်း ပါဝင်ပါတယ်)။

click: အသုံးပြုသူက တစ်ခုခု (အထူးသဖြင့် ခလုတ် သို့မဟုတ် hyperlink) ကို နှိပ်လိုက်သည်
contextmenu: အသုံးပြုသူက ညာဘက်မောက်စ်ခလုတ်ကို နှိပ်လိုက်သည်
select: အသုံးပြုသူက စာသားတစ်ခုခုကို အထူးပြုရွေးချယ်လိုက်သည်
input: အသုံးပြုသူက စာသားတစ်ခုခုကို ရိုက်ထည့်လိုက်သည်

ဂိမ်းဖန်တီးခြင်း

ကျွန်တော်တို့ JavaScript မှာ အဖြစ်အပျက်တွေ ဘယ်လိုအလုပ်လုပ်တယ်ဆိုတာကို လေ့လာဖို့ ဂိမ်းတစ်ခု ဖန်တီးသွားမှာဖြစ်ပါတယ်။ ဂိမ်းရဲ့ အဓိကရည်ရွယ်ချက်ကတော့ Developer အားလုံးအတွက် အရေးကြီးတဲ့ typing ကျွမ်းကျင်မှုကို စမ်းသပ်ဖို့ ဖြစ်ပါတယ်။ Developer အားလုံးအနေနဲ့ typing ကို အမြဲလေ့ကျင့်နေဖို့ လိုပါတယ်! ဂိမ်းရဲ့ အထွေထွေစီးဆင်းမှုက အောက်ပါအတိုင်း ဖြစ်ပါမည်-

Player က start ခလုတ်ကို နှိပ်ပြီး ရိုက်ထည့်ရန် စာပိုဒ်တစ်ခုကို ကြည့်နိုင်မည်
Player က စာပိုဒ်ကို အမြန်ဆုံး ရိုက်ထည့်မည်
- စကားလုံးတစ်လုံးပြီးတိုင်း နောက်တစ်လုံးကို highlight ပြုလုပ်မည်
- Player မှာ typo ရှိရင် textbox ကို အနီရောင်ပြောင်းမည်
- Player က စာပိုဒ်ကို ပြီးမြောက်စွာ ရိုက်ပြီးပါက အောင်မြင်မှုစာသားနှင့် ကြာချိန်ကို ပြသမည်

အခု ကျွန်တော်တို့ရဲ့ ဂိမ်းကို ဖန်တီးပြီး အဖြစ်အပျက်များကို လေ့လာကြရအောင်!

မျှဝေပြီးနောက် စမ်းမေးခွန်း

ပြန်လည်သုံးသပ်ခြင်းနှင့် ကိုယ်တိုင်လေ့လာမှု

ဝဘ်ဘရောက်ဆာမှ အသုံးပြုနိုင်သော အဖြစ်အပျက်များအားလုံး ကိုဖတ်ရှုပါ၊ သင့်အနေဖြင့် တစ်ခုချင်းစီကို မည်သည့်အခြေအနေတွင် အသုံးပြုမည်ကို စဉ်းစားကြည့်ပါ။

လုပ်ငန်းတာဝန်

အသစ်သော ကီးဘုတ်ဂိမ်းတစ်ခု ဖန်တီးပါ

အကြောင်းကြားချက်:
ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု Co-op Translator ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှုအတွက် ကြိုးစားနေပါသော်လည်း၊ အလိုအလျောက် ဘာသာပြန်မှုများတွင် အမှားများ သို့မဟုတ် မတိကျမှုများ ပါဝင်နိုင်သည်ကို သတိပြုပါ။ မူရင်းဘာသာစကားဖြင့် ရေးသားထားသော စာရွက်စာတမ်းကို အာဏာရှိသော ရင်းမြစ်အဖြစ် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူ့ဘာသာပြန်ပညာရှင်များမှ ပရော်ဖက်ရှင်နယ် ဘာသာပြန်မှုကို အကြံပြုပါသည်။ ဤဘာသာပြန်မှုကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်လာသော အလွဲအမှားများ သို့မဟုတ် အနားယူမှုများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။

14 KiB Raw Permalink Blame History