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

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