အွန်လိုင်းကုဒ်တည်းဖြတ်ရေး

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

အွန်လိုင်းပရိုဂရမ်ကုဒ်ကိုတည်းဖြတ်ခြင်း

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

ထို့အပြင်ဖတ်ပါ: Java တွင် program တစ်ခုရေးရန်

နည်းလမ်း ၁ - CodePen

CodePen ဝက်ဘ်ဆိုက်တွင် developer များစွာသည်၎င်းတို့၏ကိုယ်ပိုင်ကုဒ်များကိုမျှဝေသည်၊ ပရောဂျက်များနှင့်အတူကယ်တင်ခြင်းနှင့်အလုပ်လုပ်ခြင်း။ သင်၏အကောင့်ကိုဖန်တီးခြင်းနှင့်ချက်ချင်းစတင်ရေးသားခြင်းတွင်ရှုပ်ထွေးမှုမရှိပါ၊ သို့သော်ဤအရာသည်ဤသို့ပြုသည် -

CodePen ကိုသွားပါ

1. အပေါ်က link ကိုသုံးပြီး CodePen ကွန်ရက်စာမျက်နှာရဲ့ပင်မစာမျက်နှာကိုဖွင့်ပြီးပရိုဖိုင်းအသစ်တစ်ခုကိုဖွင့်ပါ။



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



3. သင်၏စာမျက်နှာနှင့်သက်ဆိုင်သောအချက်အလက်များကိုဖြည့်ပါ။



4. ယခုသင် tabs များကိုတက်။ pop-up menu ကိုချဲ့နိုင်သည် "ဖန်တီးပါ" နှင့်ကို item ကိုရွေးပါ "စီမံကိန်း".



5. ညာဘက်ရှိဝင်းဒိုးတွင်ထောက်ခံထားသောဖိုင်အမျိုးအစားနှင့်ပရိုဂရမ်ဘာသာစကားများကိုသင်တွေ့လိမ့်မည်။



6. တင်းပလိတ်များသို့မဟုတ်စံ HTML5 markup တစ်ခုကိုရွေးချယ်ခြင်းဖြင့်စတင်တည်းဖြတ်ပါ။



7. ဖန်တီးထားသောစာကြည့်တိုက်များနှင့်ဖိုင်များအားလုံးကိုဘယ်ဘက်တွင်ပြသလိမ့်မည်။



8. အရာဝတ္ထုတစ်ခုပေါ်တွင်လက်ဝဲနှိပ်ခြင်းက၎င်းကိုညာဘက်ရှိဝင်းဒိုးတစ်ခုတွင်ဖွင့်သည်။



9. အောက်ခြေတွင်သင်၏ကိုယ်ပိုင်ဖိုင်တွဲများနှင့်ဖိုင်များထည့်ရန်ခလုတ်များရှိသည်။



10. ဖန်တီးပြီးနောက်အရာဝတ္ထုအမည်နှင့်အပြောင်းအလဲများကိုသိမ်းဆည်းပါ။



11. အချိန်မရွေး LMB ကိုနှိပ်ခြင်းအားဖြင့်စီမံကိန်းဆက်တင်များသို့သွားနိုင်သည် "ချိန်ညှိချက်များ".



12. ဤနေရာတွင်အခြေခံအချက်အလက် - အမည်၊ ဖော်ပြချက်၊ tags များအပြင်ကုဒ်ကိုကြိုတင်ကြည့်ရှုရန်နှင့် ၀ င်ရန်အတွက်ရွေးချယ်စရာများကိုတွေ့နိုင်သည်။



13. အကယ်၍ သင် Workspace ၏လက်ရှိမြင်ကွင်းကိုမကျေနပ်လျှင်၎င်းကိုနှိပ်ခြင်းဖြင့်ပြောင်းလဲနိုင်သည် "ပြောင်းလဲမှုအမြင်" နှင့်လိုချင်သော viewport ရွေးချယ်ခြင်း။



14. သင်လိုချင်သောကုဒ်နံပါတ်များကိုတည်းဖြတ်သည့်အခါပေါ်တွင်နှိပ်ပါ "All All + Run ကိုသိမ်းပါ"အပြောင်းအလဲအားလုံးကိုသိမ်းဆည်းခြင်းနှင့်ပရိုဂရမ်ကို run ရန်။ စုစည်းထားသည့်ရလဒ်ကိုအောက်တွင်ပြထားသည်။



15. စီမံကိန်းကိုသင့်ကွန်ပျူတာပေါ်တွင်နှိပ်ခြင်းဖြင့်သိမ်းပါ ပို့ကုန်.



16. မှတ်တမ်းတင်ခြင်းပြီးစီးရန်နှင့် download လုပ်ရန်အပြောင်းအလဲနဲ့စောင့်ပါ။



17. သုံးစွဲသူအနေဖြင့်အခမဲ့သော CodePen ဗားရှင်းတွင်တက်ကြွသောစီမံကိန်းတစ်ခုထက်မကသောကြောင့်အသစ်တစ်ခုကိုဖန်တီးရန်လိုအပ်ပါက၎င်းကိုဖျက်ပစ်ရန်လိုအပ်သည်။ ထိုသို့ပြုလုပ်ရန်ကိုနှိပ်ပါ "ဖျက်ပါ".



18. အတည်ပြုစာလုံးကိုရိုက်ထည့်ပါနှင့်ဖျက်မှုကိုအတည်ပြုပါ။

အထက်တွင် CodePen အွန်လိုင်းဝန်ဆောင်မှု၏အခြေခံလုပ်ဆောင်ချက်များကိုကျွန်ုပ်တို့လေ့လာခဲ့သည်။ သင်မြင်သည်အတိုင်း, code ကိုတည်းဖြတ်ရုံသာမက scratch မှရေးသားခြင်းသာမကအခြားအသုံးပြုသူများနှင့်မျှဝေခြင်းအတွက်လည်းမခက်ခဲပါ။ ဆိုဒ်၏တစ်ခုတည်းသောအားနည်းချက်မှာအခမဲ့ဗားရှင်းရှိကန့်သတ်ချက်များဖြစ်သည်။

နည်းလမ်း ၂ - LiveWeave

ယခုငါ LiveWeave ဝဘ်ရင်းမြစ်ပေါ်တွင်လေ့လာလိုသည်။ ၎င်းတွင် built-in ကုဒ်တည်းဖြတ်သူသာမကသာမကအခြားကိရိယာများလည်းပါ ၀ င်သည်။ ဤလုပ်ငန်းကိုဤကဲ့သို့သော site ဖြင့်စတင်သည် -

LiveWeave ဝက်ဘ်ဆိုက်သို့သွားပါ

1. အယ်ဒီတာစာမျက်နှာကိုရောက်ရန်အပေါ်က link ကိုလိုက်လုပ်ပါ။ ဒီမှာပြတင်းပေါက်လေးခုကိုချက်ချင်းတွေ့လိမ့်မယ်။ ပထမက HTML5 မှာရေးတယ်၊ ဒုတိယက JavaScript ဖြစ်တယ်၊ တတိယက CSS ဖြစ်တယ်။



2. ဒီ site ၏အင်္ဂါရပ်များထဲမှတစ်ခုသည် tags များကိုရိုက်သည့်အခါ tooltips များဖြစ်သည်။ သူတို့သည်စာရိုက်နှုန်းကိုတိုးစေပြီးစာလုံးပေါင်းအမှားများကိုရှောင်ရှားနိုင်သည်။



3. ပုံမှန်အားဖြင့် compilation ကို live mode တွင်ပြုလုပ်သည်၊ ဆိုလိုသည်မှာ၎င်းသည်ပြောင်းလဲမှုများပြုလုပ်ပြီးနောက်ချက်ချင်းလုပ်ဆောင်သည်။



4. သင်ဤလုပ်ဆောင်ချက်ကိုပိတ်ထားလိုပါကသင်လိုချင်သောအရာ၏ရှေ့ဘက်ရှိဆလိုက်ဒါကိုရွှေ့ရန်လိုအပ်သည်။



5. အနီးအနားမှာညဥ့်နက်ကိုဖွင့် / ပိတ်လို့ရပါတယ်။



6. ဘယ်ဘက် panel ရှိသက်ဆိုင်ရာခလုပ်ကိုနှိပ်ခြင်းဖြင့် CSS Controllers နှင့်စတင်အလုပ်လုပ်နိုင်သည်။



7. ဖွင့်လှစ်မီနူး၌, ကမ္ပည်း slider ကိုရွေ့လျားခြင်းနှင့်အချို့သောတန်ဖိုးများကိုပြောင်းလဲခြင်းဖြင့်တည်းဖြတ်သည်။



8. နောက်ပြီးအရောင်လမ်းညွှန်ကိုအာရုံစိုက်ပါ။



9. မည်သည့်အရိပ်ကိုမဆိုသင်ရွေးချယ်နိုင်သောကျယ်ပြန့်သည့် palette တစ်ခုဖြင့်သင့်အားပေးထားသည်။ အပေါ်ဘက်တွင်၎င်း၏ကုဒ်ကိုဖော်ပြလိမ့်မည်။ ၎င်းသည် interface နှင့်ပရိုဂရမ်များကိုရေးသည့်အခါနောက်ပိုင်းတွင်အသုံးပြုလိမ့်မည်။



10. မီနူးသို့ရွှေ့ပါ "Vector Editor".



11. ၎င်းသည်ဂရပ်ဖစ်ပစ္စည်းများနှင့်အလုပ်လုပ်သည်။ ၎င်းသည်တစ်ခါတစ်ရံတွင်ဆော့ဖ်ဝဲလ်ကိုတည်ဆောက်စဉ်တွင်အသုံးဝင်လိမ့်မည်။



12. Popup menu ကိုဖွင့်ပါ "ကိရိယာများ"။ ဤနေရာတွင် template ကို download လုပ်၍ HTML ဖိုင်နှင့် text generator ကိုသိမ်းနိုင်သည်။



13. စီမံကိန်းကိုဖိုင်တစ်ခုတည်းအဖြစ် download လုပ်သည်။



14. သင်အလုပ်ကိုကယ်တင်လိုပါကဤအွန်လိုင်း ၀ န်ဆောင်မှုတွင်မှတ်ပုံတင်ခြင်းလုပ်ထုံးလုပ်နည်းကိုသင်အရင်ဆုံးပြုလုပ်ရမည်။

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

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

ဒါ့အပြင်ဖတ်ပါ:
ပရိုဂရမ်ပတ်ဝန်းကျင်ရွေးချယ်ခြင်း
အန်းဒရွိုက်အပလီကေးရှင်းများဖန်တီးရန်အတွက်အစီအစဉ်များ
ဂိမ်းတစ်ခုဖန်တီးရန်အစီအစဉ်တစ်ခုရွေးချယ်ပါ