JavaScript အဆင့်မြင့် သင်ခန်းစာ

ပုံစံချခြင်း

style attribute မှတဆင့် ပုံစံချခြင်း style attribute အတွင်း တိုင်းတာရေးယူနစ်များ တိုင်းတာရေးယူနစ်များနှင့် အမှားများ CSS property တန်ဖိုးများ ဖြေလျှော့ခြင်း style မှတဆင့် ပုံစံများ ပြန်လည်သတ်မှတ်ခြင်း အစုလိုက် ပုံစံများ သတ်မှတ်ခြင်း ပုံစံများ ဖတ်ရှုရာတွင် ပြဿနာများ CSS ဖိုင်များမှ property များ ဖတ်ရှုခြင်း ဖတ်ရှုထားသော တန်ဖိုးများ ပြောင်းလဲခြင်း class များဖြင့် ပုံစံချခြင်း ပုံစံချရန် class တစ်ခုတည်း class များ၏ မအီမသာဖြစ်မှု data- မှတဆင့် ပုံစံများ အလှည့်ကျသတ်မှတ်ခြင်း

Element Metrics

CSS တွင် Element များကို ချဲ့ထွင်ခြင်း စမ်းသပ် Element Element ၏ Client Size Element ၏ အပြည့်အဝ အရွယ်အစား Scroll လုပ်နိုင်သော Element ၏ အရွယ်အစားများ Element များကို Scroll လုပ်ခြင်း Element ကို Scroll လုပ်ခြင်း ပြောင်းလဲခြင်း Element ကို အဆုံးထိ Scroll လုပ်ခြင်း Element ကို ဖွင့်ချခြင်း Scrollbar ၏ အကျယ်

ပြတင်းပေါက်တိုင်းတာမှုများ

ပြတင်းပေါက်၏အရွယ်အစားများ စကရွင်လှန်ခြင်းထည့်သွင်းစဉ်းစားသော ပြတင်းပေါက်၏အရွယ်အစားများ ပြတင်းပေါက် စကရွင်လှန်မှုရယူခြင်း ပြတင်းပေါက် စကရွင်လှန်မှုရယူခြင်းနှင့် ပြောင်းလဲခြင်း ပြတင်းပေါက်ကို နေရာတစ်ခုသို့ စကရွင်လှန်ရန် method ပြတင်းပေါက်ကို တန်ဖိုးတစ်ခုအတွက် စကရွင်လှန်ရန် method ပြတင်းပေါက်ကို element တစ်ခုဆီ စကရွင်လှန်ရန် method စကရွင်လှန်ခြင်း event

Map စုစည်းမှုများ

မိတ်ဆက် အသုံးဝင်သည့် အစွမ်းအစများ ကွင်းဆက်ဖြင့် ဖြတ်သန်းခြင်း သော့များနှင့် တန်ဖိုးများ Map အား အသုံးချခြင်း

Set စုစည်းမှုများ

မိတ်ဆက် ကနဦးဖြည့်သွင်းခြင်း အသုံးဝင်သော စွမ်းရည်များ Loop ဖြင့် ဖြတ်သန်းခြင်း အသွင်ပြောင်းခြင်း Array မှ အလားတူအရာများ ဖယ်ရှားခြင်း ထပ်နေသောအရာများ မပါဝင်ဘဲ ရယူခြင်း

အတု array များ

မိတ်ဆက် array များနှင့် ဆင်တူမှု ကွာခြားချက်များ array ဟုတ်မဟုတ် စစ်ဆေးခြင်း array သို့ ပြောင်းလဲခြင်း အတု array အမျိုးအစားများ အမျိုးအစားများ အကြား ခြားနားချက်

သင်္ကေတများ

Symbol အမျိုးအစား မိတ်ဆက် သင်္ကေတ ဖော်ပြချက်များ အရာဝတ္ထုများ၏ သော့ချက်များအဖြစ် သင်္ကေတများ သင်္ကေတများပါသော အရာဝတ္ထုကို ဖြတ်သန်းခြင်း အရာဝတ္ထုအတွင်း လုပ်ဆောင်ချက် လုပ်ဆောင်ချက်အတွင်း အရာဝတ္ထုများနှင့် လုပ်ဆောင်ချက်များ ဂလိုဘယ် သင်္ကေတများ သင်္ကေတ၏ အမည်ရယူခြင်း ကောင်းစွာသိရှိထားသော သင်္ကေတများ

ပြန်ခြေညင်း (Iterators)

JSON ဖော်မတ်

မိတ်ဆက် JSON မှ ဒေတာသို့ ဒေတာမှ JSON သို့ JSON အတွင်းရှိ ဒေတာများကို ပြောင်းလဲခြင်း

သိုလှောင်ရာ

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

ပုံမှန်အီကွေးရှင်း

ခြွင်းချက်အခြေအနေများ

အချိန်နှင့်တစ်ပြေးညီမဟုတ်သောကုဒ်

အချိန်နှင့်တစ်ပြေးညီနှင့် အချိန်နှင့်တစ်ပြေးညီမဟုတ်သောကုဒ် ဖြစ်ရပ်မော်ဒယ်၏ အချိန်နှင့်တစ်ပြေးညီမဟုတ်သောသဘောသဘာဝ ရုပ်ပုံများဖွင့်ခြင်း၏ အချိန်နှင့်တစ်ပြေးညီမဟုတ်သောသဘောသဘာဝ အချိန်နှင့်တစ်ပြေးညီမဟုတ်သောကုဒ်အတွင်း အထူးအခြေအနေများ

အရှိန်မြှင့် Callbacks

မိတ်ဆက် အရှိန်မြှင့် Callback ထဲသို့ ရလဒ် ပေးပို့ခြင်း အရှိန်မြှင့် Callback ထဲသို့ Parameter များ ပေးပို့ခြင်း အရှိန်မြှင့် Callbacks များတွင် ခြွင်းချက်များ ကိုင်တွယ်ခြင်း ရုပ်ပုံများ ဖွင့်ယူခြင်း callback hell ပြဿနာ ကွင်းဆက်ထဲတွင် အရှိန်မြှင့် ရုပ်ပုံများ ဖွင့်ယူခြင်း

Promise များ

Promise များသို့ နိဒါန်း ခြွင်းချက်အခြေအနေများ အမှားအယွင်းပါရှိသော Object ခြွင်းချက်များကို သီးသန့်ဖမ်းယူခြင်း Promise ၏ အခြေအနေများ Promise ကွင်းဆက်များ ကွင်းဆက်အတွင်းရှိ Promise များ Promise ကွင်းဆက်များအတွင်းရှိ ခြွင်းချက်များ Promise Array များနှင့် အလုပ်လုပ်ခြင်း အောင်မြင်စွာ ဖန်တီးထားသော Promise များ Asynchronous code ကို Promise သို့ပြောင်းလဲခြင်း promise hell ပြဿနာ Synchronous style ဖြင့် Promise များ Synchronous style အတွင်း ခြွင်းချက်များ

စာကြည့်တိုက်များ

မိတ်ဆက် အသုံးပြုခြင်း CDN စာကြည့်တိုက်များ၏ မအီမသာဖြစ်မှုများ

ကိရိယာများ

Semantic Versioning Terminal NodeJS npm မိတ်ဆက် npm မှတဆင့် တပ်ဆင်ခြင်း တပ်ဆင်ခြင်း အတိုကောက်ပုံစံ package.json ဖိုင်ရှိ Dependency များ Dev Dependencies များ Dependencies ဗားရှင်းပုံစံများ package.json ဖိုင် ပြင်ဆင်ချက်များ package.json ဖိုင် ဖန်တီးခြင်း npm ပရောဂျက် လွှဲပြောင်းခြင်း package-lock.json ဖိုင် Package များ အပ်ဒိတ်လုပ်ခြင်း Package များ ဖယ်ရှားခြင်း npm မှတဆင့် Global တပ်ဆင်ခြင်း Package များ Global ဖယ်ရှားခြင်း npx ကိရိယာ npm မှတဆင့် Script များ လုပ်ဆောင်ခြင်း Yarn Package Manager

ES Modules

Modules များနှင့် မိတ်ဆက် ES Modules များ ဖွင့်ခြင်း Webpack တပ်ဆင်ခြင်း Webpack ၏ အလုပ်လုပ်ပုံ Webpack ကို ပြင်ဆင်ခြင်း Webpack Build ကို ပြင်ဆင်ခြင်း Webpack ဖြင့် Test Build Bundle ကို Markup နှင့် ချိတ်ဆက်ခြင်း ES Module ဖန်တီးခြင်း ES Module ကို ချိတ်ဆက်ခြင်း Import လုပ်သည့်အခါ အမည်ပြောင်းခြင်း Module ၏ အကြောင်းအရာအားလုံးကို Import လုပ်ခြင်း Default Export Exports များ ပေါင်းစပ်ခြင်း Exports ပေါင်းစပ်သည့်အခါ အကြောင်းအရာအားလုံးကို Import လုပ်ခြင်း တန်ဖိုးများ Export လုပ်ခြင်း တန်ဖိုးများကို Constants အဖြစ် npm Modules များ Import လုပ်ခြင်း Dynamic Import Dynamic Multiple Import CommonJS Modules များ ပြောင်းလဲခြင်း

HTTP ပရိုတိုကော

HTTP သင်ခန်းစာကို လေ့လာပါ URLSearchParams URL

စမ်းသပ်ဆာဗာ

မိတ်ဆက် အသုံးပြုခြင်း ကုဒ်အလုပ်လုပ်ခြင်း HTML ထုတ်လုပ်ခြင်း အဖြေ ခေါင်းစီးများ ပို့ ပြင်ဆင်ခြင်း အကြိမ်ကြိမ် စတင်ခြင်း

ဖောင်များ

ဖောင်များကိုပေးပို့ခြင်း ဖောင်ပေးပို့ခြင်းနည်းလမ်းများ GET နည်းလမ်းဖြင့် ဖောင်များပေးပို့ခြင်း POST နည်းလမ်းဖြင့် ဖောင်များပေးပို့ခြင်း GET တောင်းဆိုချက်များ GET တောင်းဆိုချက်များကို အသုံးချခြင်း ဖောင်ခလုတ်များ JavaScript မှတစ်ဆင့် ဖောင်များပေးပို့ခြင်း ဖောင်ပေးပို့ခြင်းကို တားမြစ်ခြင်း FormData မိတ်ဆက် FormData နည်းလမ်းများ FormData ထပ်ကျော့ကိရိယာများ

AJAX

AJAX မိတ်ဆက် fetch ဖြင့် အခြေခံအလုပ် HTTP တုံ့ပြန်ချက် ကုဒ် တောင်းဆိုမှု အောင်မြင်မှု ခြွင်းချက်ဖြစ်နိုင်သော အခြေအနေများ အမှားများ ပြည့်ပြည့်ဝဝ ဖမ်းယူခြင်း HTTP တုံ့ပြန်ချက် ခေါင်းစီးများ JSON ရယူခြင်း HTTP တောင်းဆိုမှု ခေါင်းစီးများ GET တောင်းဆိုမှုများ POST တောင်းဆိုမှုများ URLSearchParams မှတစ်ဆင့် ဒေတာများ FormData မှတစ်ဆင့် ဒေတာများ ပုံစံတစ်ခုလုံး ပို့ခြင်း JSON ပို့ခြင်း CORS မူဝါဒ ကွတ်ကီးများ လွှဲပြောင်းခြင်း အတူတကွ လုပ်ဆောင်သော စတိုင်

ကင်းဗက်စ်ဖြင့် အလုပ်လုပ်ခြင်း

စတင် အလုပ်လုပ်ခြင်း မျဉ်းများ ရေးဆွဲခြင်း စတုဂံများ ရေးဆွဲခြင်း စက်ဝိုင်းများ ရေးဆွဲခြင်း မျဉ်းအရောင် ပြောင်းလဲခြင်း မျဉ်းအရွယ်အစား ပြောင်းလဲခြင်း ကွင်းဆက်များ

ကုဒ်အရည်အသွေးမြှင့်တင်ခြင်း

ဒေတာ

ပြောင်းလဲ၍မရခြင်း ခင်းကျင်းမှုကော်ပီ အရာဝတ္ထုကော်ပီ ခင်းကျင်းထဲသို့ အစိတ်အပိုင်းများ ထည့်ခြင်း ခင်းကျင်းအစိတ်အပိုင်းများကို ဖယ်ရှားခြင်း ခင်းကျင်းအစိတ်အပိုင်းများ ပြောင်းလဲခြင်း အရာဝတ္ထုခင်းကျင်း ကျပန်း id ထုတ်လုပ်ခြင်း id ပါသော အစိတ်အပိုင်း ထည့်ခြင်း id အလိုက် အစိတ်အပိုင်း ဖယ်ရှားခြင်း id အလိုက် အစိတ်အပိုင်း ပြောင်းလဲခြင်း id အလိုက် ဂုဏ်သတ္တိတစ်ခု ပြောင်းလဲခြင်း id အလိုက် အစိတ်အပိုင်း ရယူခြင်း