Learning Platform မှာ သင်ကြားရတဲ့အတွေ့အကြုံတွေကို ပြောပြထားတဲ့ ကျောင်းသားတို့ရဲ့ review များ 📝
Website ကနေတဆင့်စာသင်ကြားရတဲ့ အတွေ့အကြုံတွေကို Creative Coder ရဲ့ကျောင်းသားတွေကတော့ အခုလိုပဲ ပြောပြပေးခဲ့ပါတယ်။
အခုလက်ရှိမှာလည်း နှစ်သိန်းအထိ လျှော့ပေးထားတဲ့ဈေးနဲ့ learning platform အတန်းတွေအားလုံးပါ၀င်တဲ့ package ကို တက်ရောက်နိုင်မှာဖြစ်လို့ page messenger ကနေသင်တန်းအပ်လို့ရပြီနော် 👀
Website ကနေတဆင့်စာသင်ကြားရတဲ့ အတွေ့အကြုံတွေကို Creative Coder ရဲ့ကျောင်းသားတွေကတော့ အခုလိုပဲ ပြောပြပေးခဲ့ပါတယ်။
အခုလက်ရှိမှာလည်း နှစ်သိန်းအထိ လျှော့ပေးထားတဲ့ဈေးနဲ့ learning platform အတန်းတွေအားလုံးပါ၀င်တဲ့ package ကို တက်ရောက်နိုင်မှာဖြစ်လို့ page messenger ကနေသင်တန်းအပ်လို့ရပြီနော် 👀
Beginner ဘ၀ရဲ့ အခက်အခဲတွေကို ဆွေးနွေးကြည့်ရအောင် 👀📝💬
Web Development နယ်ပယ်ထဲကို ၀င်ရောက်လာတဲ့ Developer ကြီးတို့အနေနဲ့ beginner ဘ၀ကို မလွဲမသေကျော်ဖြတ်ဖူးကြမှာပါ။
ဒီအခါ ဘယ်လိုအခက်အခဲတွေကြုံတွေ့ခဲ့ရလဲ?
ဒီအခက်အခဲတွေကို ဘယ်လိုကျော်ဖြတ်ခဲ့လဲ?
လေ့လာတဲ့အခါမှာ ဘယ်လိုနည်းတွေကို သုံးပြီးလေ့လာခဲ့လဲ?စတာ စတာတွေကို နောက်လာမယ့် Developer တွေသိအောင် ဆွေးနွေးကြပါစို့လား Senior Developer ကြီးတို့ရေ 💬
Beginner တွေအနေနဲ့လည်း ကိုယ်လက်ရှိကြုံနေရတဲ့ အခက်အခဲတွေကို comment မှာပြောပြခဲ့လို့ရပါတယ်။
အခက်အခဲတွေဆွေးနွေးရင်း နွေးထွေးတဲ့နည်းပညာစကားဝိုင်းတစ်ခု ဖန်တီးချင်ရင်တော့ comment မှာ ရေးခဲ့လို့ရပါတယ် 👇
#creative_coder_myanmar
Web Development နယ်ပယ်ထဲကို ၀င်ရောက်လာတဲ့ Developer ကြီးတို့အနေနဲ့ beginner ဘ၀ကို မလွဲမသေကျော်ဖြတ်ဖူးကြမှာပါ။
ဒီအခါ ဘယ်လိုအခက်အခဲတွေကြုံတွေ့ခဲ့ရလဲ?
ဒီအခက်အခဲတွေကို ဘယ်လိုကျော်ဖြတ်ခဲ့လဲ?
လေ့လာတဲ့အခါမှာ ဘယ်လိုနည်းတွေကို သုံးပြီးလေ့လာခဲ့လဲ?စတာ စတာတွေကို နောက်လာမယ့် Developer တွေသိအောင် ဆွေးနွေးကြပါစို့လား Senior Developer ကြီးတို့ရေ 💬
Beginner တွေအနေနဲ့လည်း ကိုယ်လက်ရှိကြုံနေရတဲ့ အခက်အခဲတွေကို comment မှာပြောပြခဲ့လို့ရပါတယ်။
အခက်အခဲတွေဆွေးနွေးရင်း နွေးထွေးတဲ့နည်းပညာစကားဝိုင်းတစ်ခု ဖန်တီးချင်ရင်တော့ comment မှာ ရေးခဲ့လို့ရပါတယ် 👇
#creative_coder_myanmar
Memoize function နဲ့အတူ Code Performance ကို တိုးမြှင့်ကြရအောင် 👀
Memoize function ကိုအသုံးပြုဖူးပြီးပြီလား Developer ကြီးတို့ရေ 👀
အသုံးမပြုဖူးသေးရင် code example လေးနဲ့အတူ စမ်းသုံးကြည့်ရအောင်။
function memoize(fn) {
const cache = new Map();
return function (...args) {
const key = JSON.stringify(args);
if (cache.has(key)) {
return cache.get(key);
}
const result = fn(...args);
cache.set(key, result);
return result;
};
}
const cache = new Map();
ပထဆုံအနေနဲ့ cache ဆိုတဲ့ collection ကို new Map() object နဲ့ variable တစ်ခုထဲ သိမ်းထားလိုက်ပါတယ်
return function (...args) {
const key = JSON.stringify(args);
const result = fn(...args);
cache.set(key, result);
return result;
};
return function (...args) {}
ဒီ code လေးကတော့ memorize function က နေပြန်ပေးမယ့် function ဖြစ်ပြီး (...args) က တော့ rest parameter သုံးထားတာကြောင့် ကြိုက်သလောက် arg ပေးလို့ရအောင်ဖြစ်ပါတယ်။
const key = JSON.stringify(args);
ဒီ code မှာဆိုရင် cache ထဲထည့်သိမ်းဖို့ variable key ထဲမှာ သိမ်းမှာဖြစ်လို့ args ကို json.stringify နဲ့
string ဖြစ်အောင် လုပ်လိုက်ပါတယ်။
if (cache.has(key)) {
return cache.get(key);
}
ပြီးရင်တော့ cache ထဲမှာ ခုနက သိမ်းထားတဲ့ key ရှိမရှိစစ်ပြီး ရှိရင် cache ထဲက data ကို return ပေးပါတယ်
const result = fn(...args);
cache ထဲမှာ သိမ်းထားတဲ့ function မရှိရင် ဒီ code က အလုပ်လုပ်မှာ ဖြစ်ပါတယ်။
const result = fn(...args);
function ကို (...arg) ဒီဟာကတော့ spread operator နဲ့ function ကို trigger လိုက်ပြီး ရလာတဲ့ data ကို result ဆိုတဲ့ variable ထဲထည့်သိမ်းထားလိုက်ပါတယ်
cache.set(key, result);
ဒီဟာကတော့ cache ထဲမှာ key,value နဲ့ ထည့်သိမ်းလိုက်ပါတယ်။
return result;
ပြီးတော့ ရလာတဲ့ data ကို return လိုက်ပါတယ်
example Usage ကတော့
function sumArray(arr) { console.log("Calculating sum..."); return arr.reduce((total, num) => total + num, 0); }
const memoizedSumArray = memoize(sumArray);
const arrays = [1, 2, 3, 4, 5]
memoizedSumArray(arr) // output:15
ဒီမှာဆိုရင် 15 ကို return ပြန်ပေးတာကိုတွေ့ရမှာပါ။
စမ်းသုံးကြည့်ဖူးတဲ့ Developer တွေရှိရင် comment မှာရေးပေးသွားကြပါဦးနော် 👀
#creative_coder_myanmar
Memoize function ကိုအသုံးပြုဖူးပြီးပြီလား Developer ကြီးတို့ရေ 👀
အသုံးမပြုဖူးသေးရင် code example လေးနဲ့အတူ စမ်းသုံးကြည့်ရအောင်။
function memoize(fn) {
const cache = new Map();
return function (...args) {
const key = JSON.stringify(args);
if (cache.has(key)) {
return cache.get(key);
}
const result = fn(...args);
cache.set(key, result);
return result;
};
}
const cache = new Map();
ပထဆုံအနေနဲ့ cache ဆိုတဲ့ collection ကို new Map() object နဲ့ variable တစ်ခုထဲ သိမ်းထားလိုက်ပါတယ်
return function (...args) {
const key = JSON.stringify(args);
const result = fn(...args);
cache.set(key, result);
return result;
};
return function (...args) {}
ဒီ code လေးကတော့ memorize function က နေပြန်ပေးမယ့် function ဖြစ်ပြီး (...args) က တော့ rest parameter သုံးထားတာကြောင့် ကြိုက်သလောက် arg ပေးလို့ရအောင်ဖြစ်ပါတယ်။
const key = JSON.stringify(args);
ဒီ code မှာဆိုရင် cache ထဲထည့်သိမ်းဖို့ variable key ထဲမှာ သိမ်းမှာဖြစ်လို့ args ကို json.stringify နဲ့
string ဖြစ်အောင် လုပ်လိုက်ပါတယ်။
if (cache.has(key)) {
return cache.get(key);
}
ပြီးရင်တော့ cache ထဲမှာ ခုနက သိမ်းထားတဲ့ key ရှိမရှိစစ်ပြီး ရှိရင် cache ထဲက data ကို return ပေးပါတယ်
const result = fn(...args);
cache ထဲမှာ သိမ်းထားတဲ့ function မရှိရင် ဒီ code က အလုပ်လုပ်မှာ ဖြစ်ပါတယ်။
const result = fn(...args);
function ကို (...arg) ဒီဟာကတော့ spread operator နဲ့ function ကို trigger လိုက်ပြီး ရလာတဲ့ data ကို result ဆိုတဲ့ variable ထဲထည့်သိမ်းထားလိုက်ပါတယ်
cache.set(key, result);
ဒီဟာကတော့ cache ထဲမှာ key,value နဲ့ ထည့်သိမ်းလိုက်ပါတယ်။
return result;
ပြီးတော့ ရလာတဲ့ data ကို return လိုက်ပါတယ်
example Usage ကတော့
function sumArray(arr) { console.log("Calculating sum..."); return arr.reduce((total, num) => total + num, 0); }
const memoizedSumArray = memoize(sumArray);
const arrays = [1, 2, 3, 4, 5]
memoizedSumArray(arr) // output:15
ဒီမှာဆိုရင် 15 ကို return ပြန်ပေးတာကိုတွေ့ရမှာပါ။
စမ်းသုံးကြည့်ဖူးတဲ့ Developer တွေရှိရင် comment မှာရေးပေးသွားကြပါဦးနော် 👀
#creative_coder_myanmar
Quiz Time လေးပြန်လည်ရောက်ရှိလာပြီမို့ အပျင်းပြေ ၀င်ဖြေသွားပါဦးနော် 👀 စာပြန်နွှေးတဲ့သဘောလေးလည်းဖြစ်တာပေါ့ 📝💬
Developer တို့အတွက် Practical websites များ
လက်တွေ့နဲ့မကင်းနိုင်တဲ့ Developer တို့အတွက် practical website တွေဆိုတာ မရှိမဖြစ်ပါပဲ။
ဒါကြောင့် Developer တို့အတွက်အသုံးဝင်စေမဲ့ website တွေကို ဖော်ပြပေးလိုက်ရပါတယ်။
📝 LeetCode (leetcode.com)
Coding interview တွေအတွက် coding challenges တွေကို လေ့ကျင့်နိုင်တဲ့ website လေးပဲဖြစ်ပါတယ်။
📝 Hacker Rank (hackerrank.com)
Programming ကိုလေ့ကျင့်ဖို့အတွက် problems တွေအများကြီးရှိတဲ့ website တခုဖြစ်ပါတယ်။
📝 Codepen (codepen.io)
HTML,CSS, JavaScript code snippets တွေစမ်းဖို့အတွက် online community တခုပဲဖြစ်ပါတယ်။
📝 Kaggle (kaggle.com)
Data science နဲ့ဆိုင်တဲ့ dataset တွေ notebook တွေရှိတဲ့ website ဖြစ်ပါတယ်။
📝Dev.to (dev.to)
Developer အချင်းချင်း article တွေ tutorial တွေ share ရင်း discuss လုပ်နိုင်မယ့် community ဖြစ်ပါတယ်။
ကဲ…ဒီ website တွေကတဆင့် ကိုယ့်ရဲ့ coding skill ကို တိုးမြှင့်ဖို့ မမေ့နဲ့နော် 👀
#creative_coder_myanmar
#website
#practical
လက်တွေ့နဲ့မကင်းနိုင်တဲ့ Developer တို့အတွက် practical website တွေဆိုတာ မရှိမဖြစ်ပါပဲ။
ဒါကြောင့် Developer တို့အတွက်အသုံးဝင်စေမဲ့ website တွေကို ဖော်ပြပေးလိုက်ရပါတယ်။
📝 LeetCode (leetcode.com)
Coding interview တွေအတွက် coding challenges တွေကို လေ့ကျင့်နိုင်တဲ့ website လေးပဲဖြစ်ပါတယ်။
📝 Hacker Rank (hackerrank.com)
Programming ကိုလေ့ကျင့်ဖို့အတွက် problems တွေအများကြီးရှိတဲ့ website တခုဖြစ်ပါတယ်။
📝 Codepen (codepen.io)
HTML,CSS, JavaScript code snippets တွေစမ်းဖို့အတွက် online community တခုပဲဖြစ်ပါတယ်။
📝 Kaggle (kaggle.com)
Data science နဲ့ဆိုင်တဲ့ dataset တွေ notebook တွေရှိတဲ့ website ဖြစ်ပါတယ်။
📝Dev.to (dev.to)
Developer အချင်းချင်း article တွေ tutorial တွေ share ရင်း discuss လုပ်နိုင်မယ့် community ဖြစ်ပါတယ်။
ကဲ…ဒီ website တွေကတဆင့် ကိုယ့်ရဲ့ coding skill ကို တိုးမြှင့်ဖို့ မမေ့နဲ့နော် 👀
#creative_coder_myanmar
#website
#practical