Creative Coder Myanmar
1.38K subscribers
548 photos
1 video
102 links
Web Development ခရီးစဉ်ကို
Creative Coder နှင့်စတင်လိုက်ပါ။🚀
Download Telegram
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
August လ အတွက် Learning Platform အတန်းများ အားလုံးဟာ Lifetime ပိုင်ဆိုင်ခွင့် Accesss ရယ် Lifetime update access ရယ် Lifetime Meeting Support ရယ်ရရှိမှာဖြစ်ပါတယ်။ ❤️ လေ့လာသူကျောင်းသားများအဆင်ပြေကြပါစေခင်ဗျာ🚀

https://www.facebook.com/100064708297617/posts/pfbid02mBkmLvitTeBZdvtgQvKmKZcc3MfnWCynUQWMHrkNd5ogyrWQeGsVuie2NsxgoGrl/

စိတ်ဝင်စားသူများ Bundle Pack လေးက ၁၀ ယောက်ပဲပေးထားတာမို့နောက်မကျစေနဲ့နော်💯
Documentation ကောင်းကောင်းရေးတတ်ဖို့ လိုအပ်တဲ့ အချက် (၅) ချက် 📝

=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°

Documentation ရေးဖို့လိုအပ်တဲ့ Developer တို့အတွက် Creative Coder ကနေ Documentation ရေးရာမှာ သိထားသင့်တဲ့ အချက်လေးတွေကို ပြောပြပေးသွားမှာဖြစ်ပါတယ်။

📝 ပထမဆုံး ကိုယ့်ရဲ့ audience ကိုသိရမှာဖြစ်ပါတယ်။ ဒါကြောင့် မရေးခင် ကိုယ့်ရဲ့ audience ကိုအရင် research လုပ်ကြည့်သင့်ပါတယ်။ ပြီးရင်တော့ ကိုယ်ရေးမယ့် code ရဲ့ context ကိုထည့်သွင်းရေးသားရမှာဖြစ်ပါတယ်။

📝ရေးတဲ့အခါမှာလည်း ရှင်းလင်းတိကျဖို့လိုအပ်ပါတယ်။ ဒါမှသာ ဖတ်တဲ့သူက ကိုယ်ရေးထားတဲ့ code ကိုနားလည်မှာဖြစ်ပါတယ်။

📝 ကိုယ်ရေးထားတဲ့အကြောင်းအရာနဲ့ သက်ဆိုင်တဲ့ example တွေ tutorial တွေကိုလည်း နားလည်လွယ်ဖို့အတွက် သုံးပေးသင့်ပါတယ်။

📝 ကိုယ့်ရဲ့ documentation ကို organize ဖြစ်အောင်လုပ်ပါ။ ဥပမာ Installation, Usage, Example , API Reference စသဖြင့် အပိုင်းလေးတွေခွဲထားပါ။

📝 ကိုယ့်ရဲ့ documentation ကိုအမြဲမပြတ် up-to-date ဖြစ်အောင်ထားဖို့လည်း မမေ့ပါနဲ့နော်။

အခုပြောပြခဲ့တဲ့အချက်လေးတွေက developer တို့ documentation ရေးတဲ့နေရာမှာ အထောက်အကူဖြစ်မယ်လို့ မျှော်လင့်ပါတယ်။

Page လေးကို စောင့်ကြည့်ဖို့လည်းမမေ့နဲ့နော် 👀

#creative_coder_myanmar
Freelance Project တွေဘယ်လိုအစပြုကြမလဲ?

=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°

Creative Coder ရဲ့ကျောင်းသားတော်တော်များများသိချင်ကြတဲ့ Freelance Project တွေဘယ်လိုစကြမလဲ‌ဆိုတာကို ဆွေးနွေးပေးသွားမှာ ဖြစ်ပါတယ်။

📝ပထမဆုံး portfolio ကောင်းကောင်းတည်ဆောက်ထားပါ။
ဒီ portfolio မှာ ကိုယ်တည်ဆောက်ထားတဲ့ project တွေထည့်သွင်းရမှာဖြစ်ပါတယ်။ Linkedin ကိုအသုံးပြုပြီးတော့လည်း portfolio ကောင်းတစ်ခုတည်ဆောက်လို့ရသလို portfolio website တည်ဆောက်ဖို့ကိုလည်း recommend ပေးပါတယ်။

📝 ကိုယ်အားသာတဲ့နေရာတွေကို highlight လုပ်ပါ။ frontend လား ၊ backend လား၊ full stack လားစတဲ့ အပိုင်းမှာ ကိုယ်က ဘယ်နေရာအားသားလဲဆိုတာ ဆုံးဖြတ်ပါ။

📝 LinkedIn, Twitter , Instagram စတဲ့နေရာတွေကနေပြီး ကိုယ်ဘာလုပ်နေလဲဆိုတာ ချပြပါ။

📝 ပြီးရင်တော့ Client ရှာလို့ရပါပြီ။
Upwork, Freelancer စတဲ့ platform တွေကိုအသုံးပြုပြီး client ရှာနိုင်ပါတယ်။

📝Client ရဲ့လိုအပ်ချက်ကိုနားလည်နိုင်တဲ့ proposal ကောင်းကောင်းတစ်ခုဖန်တီး ပြီးရင်တော့ အလုပ်စလို့ရပါပြီ။

ဒီအချက်လေးတွေက developer တို့ freelance အလုပ်ရှာတဲ့နေရာမှာ အထောက်အကူဖြစ်စေမယ်ထင်ပါတယ်

နောက်တပတ်မှာ အလုပ်ရှာလို့ရတဲ့  freelance platform တွေကို ပြောပြပေးသွားဖို့ရှိတာမို့ စောင့်ကြည့်ဖို့ မမေ့ကြနဲ့နော် 👀

#creative_coder_myanmar
Developer Bundle Course Package Promotion လေးဟာ ကျောင်းသား ၁၀ ယောက်တည်းသာ ရရှိမဲ့ အခွင့်ရေးလေးဖြစ်ပါတယ်။ ၇ ယောက်သာ လိုတာမို့နောက်မကျစေနဲ့ဦးနော်ဗျို့။🚀

- ဆရာနဲ့ တစ်ယောက်ချင်း Video Meeting ခေါ်စာမေးနိုင်ခြင်း
- Website Live Chat ကနေ တခုခု အခက်ခဲရှိတာနဲ့ မေးမြန်းနိုင်ခြင်း
- Lifetime Update တစ်သက်တာ ပိုင်ဆိုင်နိုင်မှာဖြစ်တဲ့ အပြင် အပေါ်က service တွေလဲ lifetime ရရှိမှာဖြစ်တာမို့ သေချာဖြုတ်မဲ့သူတွေအတွက် အကောင်းဆုံး investment ဖြစ်မှာယုံကြည်ပါတယ်ခင်ဗျာ။💯

*ဒီအပတ်အတွင်းမှာပဲ ငွေစျေးအရမ်းကျလာတာကြောင့် စျေးလေး တက်သွားမို့ရှိပါတယ်ဆိုတာလေး အသိပေးပါရစေခင်ဗျာ။ ဘတ်ငွေနဲ့ ပေးချေရင်တော့ မပြောင်းလဲပါဘူးခင်ဗျာ။*
ဘာလိုလိုစုံစမ်းမေးမြန်းနိုင်မယ့် 
Creative Coder ရဲ့ Live Chat ✈️

စာသိချင်တာ၊ မေးချင်တာ၊ သင်တန်းစုံစမ်းချင်တာ၊ သင်တန်းအပ်ချင်တာ၊ one on one meeting request ချင်တာမျိုးတွေအတွက် page messenger အထိလာစရာမလိုတော့ဘဲ Website မှာတင်တစ်ခါတည်း သိချင်တာတွေမေးမြန်းနိုင်တော့မှာဖြစ်ပါတယ်။

အသေးစိတ် ဘယ်လိုလုပ်လို့ရမလဲဆိုရင် 👇

page မှာလာစကားပြောပြီး စုံစမ်းစရာမလိုပဲ Website ထဲမှာတင် တိုက်ရိုက် စုံစမ်းမေးမြန်းနိုင်ပါမယ်။
Course Enroll လုပ်ချင်ရင်လဲ တိုက်ရိုက် မေးမြန်းပြီး Enroll လုပ်န်ိုင်ပါမယ်။
စာမေးချင်ရင်လဲ တိုက်ရိုက် ပုံပါပြပြီး မေးမြန်းပြီး အကူညီတောင်းန်ိုင်ပါတယ်။ 
Error တခုခုတက်ပြီး တနေရာမှာ တစ်နေပြီဆိုရင် Live Meeting နဲ့ screen share မေးလို့ရအောင်ပါ စီစဉ်ပေးထားပါတယ်။ 

Bot ကိုအသုံးပြုသွားမှာမဟုတ်ဘဲ လူကိုယ်တိုင်ပြန်လည်ဖြေကြားပေးသွားမှာဖြစ်ပါတယ်။ 
စမ်းသုံးကြည့်ပြီး suggestions လေးတွေလည်း comment မှာပြောခဲ့ကြပါဦးနော် 👀

#creative_coder_myanmar
“စာ‌တွေ့နဲ့လက်တွေ့ မျှတအောင်သင်ကြားပေးနေတဲ့ Creative Coder Myanmar”

=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°
Creative Coder ရဲ့ Learning Platform အတန်းဖြစ်စေ၊ Zoom အတန်းဖြစ်စေ အတန်းတိုင်းမှာ စာတွေ့နဲ့လက်တွေ့ မျှတအောင် သင်ကြားပေးထားပါတယ်။

Web Development နယ်ပယ်ဆိုတာ စာတွေ့ကလည်းအရေးကြီးသလို လက်တွေ့မလုပ်ဖူးရင်လည်း လုပ်ငန်းခွင်မှာ အခက်တွေ့နိုင်တာကြောင့် လက်တွေ့ project တွေဆိုတာလည်းမရှိမဖြစ်အရေးပါပါတယ်။

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

Creative Coder မှာတော့ သင်တန်းတက်ပြီး တကယ်မတတ်မြောက်မှာကို ပူစရာမလိုပါဘူး။

လက်တွေ့ပြုလုပ်ရတဲ့ project တွေပြည့်ပြည့်စုံစုံပါ၀င်ပြီး သက်ဆိုင်ရာ project assignment ပြီးမှ သင်တန်းဆင်းလက်မှတ်ပေးတာ ဖြစ်ပါတယ်။

August လအတွင်းမှာပဲရနိုင်တဲ့ promotion ကြီးလည်းရှိနေတာဖြစ်လို့ အတန်းအပ်ချင်ရင် page messenger မှာ "ဟယ်လို" လို့ရပါပြီ။

#creative_coder_myanmar
သင်ယူလေ့လာမှု Process ကို အချိန်မရွေးပြန်လည်သိရှိနိုင်စေဖို့ Process Tracking Feature 📝

=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°

တစ်ခုခုကိုလေ့လာသင်ယူတဲ့နေရာမှာ အရေးကြီးဆုံးက ကိုယ်ဘာတွေ သင်ယူခဲ့ရပြီးပြီလဲ ဘယ်လောက်ရသွားလဲဆိုတဲ့ ကိုယ့်ရဲ့ သင်ယူလေ့လာမှု process ကိုသိရှိစေဖို့ပဲဖြစ်ပါတယ်။
ဒါအတွက် ကျွန်တော်တို့ Learning Platform မှာလေ့လာတဲ့အချိန်မှာ ကိုယ်ကတော့ Course ဘယ်နှစ်ခုယူထားတယ် ။ ဘယ် Course ကတော့ လုံး၀ပြီးသွားပြီ ဆိုတာမျိုးလေးတွေကို ကိုယ့်ရဲ့ user profile မှာတင်ကြည့်နိုင်ပြီး process ကို tracking လုပ်နိုင်တော့မှာပဲဖြစ်ပါတယ်။ 

ဒါတင်ပဲလားဆိုတော့လည်းမဟုတ်သေးပါဘူး။ Course တစ်ခုချင်းစီအလိုက်လည်း ဘယ်နှစ်ရာခိုင်နှုန်းပြီး‌မြောက်ထားတယ်ဆိုတာ ပြန်ပြီးကြည့်ရှုလို့ရနေမှာဖြစ်ပါတယ်။ ကိုယ့်ရဲ့ profile ထဲမှာတင် All | Ongoing | Completed ဆိုပြီး Category တွေခွဲပေးထားတဲ့အတွက် ကိုယ့်ရဲ့ process ကိုရှင်းရှင်းလင်းလင်းမြင်ရမှာဖြစ်ပါတယ်။ Search feature ကိုလည်း profile တစ်ခုချင်းစီမှာ ထပ်မံထည့်သွင်းပေးထားတဲ့အတွက် ကိုယ်လေ့လာချင်တဲ့ course ကို keyword လေးရိုက်ရှာလိုက်ရုံနဲ့တင် ချက်ချင်းတန်းပေါ်လာမှာပဲဖြစ်ပါတယ်။

ကိုယ့်ရဲ့ activity တွေကိုဖော်ပြပေးမဲ့ အပိုင်းလေးကိုဆက်ကြည့်လိုက်ရအောင် 👀
ဒီ အပိုင်းမှာ  ကိုယ်က သူများ comment ကို reply သွားလုပ်ရင်လည်း My Activity အောက်မှာ ၀င်ကြည့်လို့ရမှာဖြစ်ပါတယ်။ ဒီနေရာမှာ lesson တစ်ခုပြီးမြောက်ကြောင်းတွေကိုလည်းပြပေးပြီး course ကို enroll လုပ်တာတွေ comment ကို reaction ပေးတာတွေ အထိပါ ပြပေးသွားမှာပါ။ Learning Platform ပေါ်မှာ ကိုယ်လုပ်သမျှ activity တွေအကုန် tracking လုပ်ပြီး ဖော်ပြပေးနေမှာပဲဖြစ်ပါတယ်။

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

ကဲ..အခုပဲစာသွားလုပ်လိုက်တော့နော် 👀

#creative_coder_myanmar
API Tutorial တွေအတွက် အကောင်းဆုံး YouTube Channel (၃) ခု 

=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°

API အကြောင်းလေ့လာနေတဲ့ Developer ကြီးတို့ရေ

YouTube channel ကောင်းကောင်းရှာရခက်နေပြီလား?

Creative Coder ကနေ API လေ့လာလိုသူတွေအတွက် သင့်တော်တဲ့ YouTube Channel (၃) ခုကို ပြောပြပေးသွားမှာ ဖြစ်ပါတယ်။ example playlist လေးတွေမှာ ထည့်သွင်းဖော်ပြပေးထားပါတယ်။

📝 freecodecamp 

ပထမတစ်ခုကတော့ developer တော်တော်များများနဲ့ ရင်းနှီးတဲ့ freecodecamp ပဲ ဖြစ်ပါတယ်။ သူ့ဆီမှာ API နဲ့ပတ်သက်ပြီးသေချာရှင်းပြထားတဲ့ သင်ခန်းစာတွေကို လေ့လာနိုင်ပါတယ်။ Beginner level ကနေစလေ့လာလို့ရနိုင်တဲ့အပြင် practical project တွေလည်းပါ၀င်ပါသေးတယ်။

http://www.youtube.com/watch?v=WXsD0ZgxjRw

📝 The Net Ninja 

ဒီမှာတော့ beginner level နဲ့ intermediate level အတွက်သင့်တော်တဲ့ သင်ခန်းစာတွေရှိပါတယ်။ Theory နဲ့ practical projects တွေမျှတစွာပါ၀င်တဲ့ channel လည်းဖြစ်ပါတယ်။ 

http://www.youtube.com/watch?v=BRdcRFvuqsE

📝 Traversy Media

ဒီ channel လေးမှာတော့ web development tech stack တွေနဲ့ပတ်သက်ပြီး API ပါ၀င်တဲ့ သင်ခန်းစာတွေရှိပါတယ်။ သူ့ဆီမှာတော့ coding နဲ့ပတ်သက်တဲ့ tutorial တွေပိုများပါတယ်။

http://www.youtube.com/watch?v=-0exw-9YJBo

#creative_coder_myanmar
#api