Creative Coder Myanmar
1.38K subscribers
548 photos
1 video
102 links
Web Development ခရီးစဉ်ကို
Creative Coder နှင့်စတင်လိုက်ပါ။🚀
Download Telegram
Learning Platform မှာ သင်ကြားရတဲ့အတွေ့အကြုံတွေကို ပြောပြထားတဲ့ ကျောင်းသားတို့ရဲ့ review များ 📝

Website ကနေတဆင့်စာသင်ကြားရတဲ့ အတွေ့အကြုံတွေကို Creative Coder ရဲ့ကျောင်းသားတွေကတော့ အခုလိုပဲ ပြောပြပေးခဲ့ပါတယ်။

အခုလက်ရှိမှာလည်း နှစ်သိန်းအထိ လျှော့ပေးထားတဲ့ဈေးနဲ့ learning platform အတန်းတွေအားလုံးပါ၀င်တဲ့ package ကို တက်ရောက်နိုင်မှာဖြစ်လို့ page messenger ကနေသင်တန်းအပ်လို့ရပြီနော် 👀
Beginner ဘ၀ရဲ့ အခက်အခဲတွေကို ဆွေးနွေးကြည့်ရအောင် 👀📝💬

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
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