“စာ‌တွေ့နဲ့လက်တွေ့ မျှတအောင်သင်ကြားပေးနေတဲ့ 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

Date တွေ အစီအစဉ်ကျဖို့ ဒီ code လေးက အသုံး၀င်ပါလိမ့်မယ် 👀

‌=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°

ဒီအပတ်မှာတော့ Date Range Array function လေးအကြောင်းပြောပြပေးသွားပါမယ်။

Code example လေးနဲ့အတူ ကြည့်လိုက်ရအောင် 👀

function dateRangeArray(start, end, step = 1, unit = 'days') {
// Validate input
if (!(start instanceof Date) !(end instanceof Date)) {
throw new TypeError('Start and end must be Date objects.');
}
if (start > end) {
throw new RangeError('Start date must be before end date.');
}
if (typeof step !== 'number' step <= 0) {
throw new RangeError('Step must be a positive number.');
}
if (!['days', 'months', 'years'].includes(unit)) {
throw new RangeError('Unit must be "days", "months", or "years".');
}
const dates = [];
let current = new Date(start); // Create a new date instance to avoid mutation of the original date
while (current < end) {
dates.push(new Date(current)); // Add a copy of the current date to the array
// Increment the date based on the specified unit
switch (unit) {
case 'days':
current.setDate(current.getDate() + step);
break;
case 'months':
current.setMonth(current.getMonth() + step);
break;
case 'years':
current.setFullYear(current.getFullYear() + step);
break;
}
}
return dates;
}
//usage example
const start = new Date('2024-07-01');
const end = new Date('2024-12-01');
const step = 2;
const unit = 'months';
const dates = dateRangeArray(start, end, step, unit);
function dateRangeArray(start, end, step = 1, unit = 'days')

ပထမဆုံး အနေနဲ့ dateRangeArray ဆိုတဲ့ function တစ်ခုကြေငြာပြီး argument တွေအနေနဲ့ start and end ဆိုတဲ့ date range ၂ခုကို လက်ခံပြီး step ကတော့ date range အတွက် step သက်မှက်ပေးဖို့ဖြစ်ပြီး default အနေနဲ့ ၁ ကို ပေးထားပါတယ်။
unit ဆိုတာကတော့ date range မှာဘယ်ဟာကို range အနေနဲ့ သတ်မှတ်မလဲဆိုတာကိုပြော တာဖြစ်ပါတယ်။
ဆိုလိုတာက days ,months, years ဖြစ်ပြီး default အနေနဲ့ days ကိုပေးထားပါတယ်

if (!(start instanceof Date) !(end instanceof Date)) {
throw new TypeError('Start and end must be Date objects.');
}

ဒီဟာကတော့ validation စစ်တဲ့ code ဖြစ်ပြီး user က အနည်းဆုံး start and end date ကို date object အနေနဲ့ ပေးမပေးစစ်မှာဖြစ်ပြီး date object မဟုတ်တဲ့ string တွေ (eg. ("24.12.2024)) ဒီလိုမျိုးဆို error ပြန်ပေးမှာဖြစ်ပါတယ်။

if (typeof step !== 'number' step <= 0) {
throw new RangeError('Step must be a positive number.');
}

ဒီဟာလည်း အပေါ်ကနည်းတူ validation စစ်ပီး end date က start date စောမစောစစ်ပြီး end date က start date ထက်စောနေရင် error ပြန်ပါတယ်

if (!['days', 'months', 'years'].includes(unit)) {
throw new RangeError('Unit must be "days", "months", or "years".');
}

unit မှာ ပေးတဲ့ data ကို validation စစ်တာ ဖြစ်ပြီး days,months or years မဟုတ်ပဲ တစ်ခြားစာတွေထည့်ရင် error ပြန်ပေတာဖြစ်ပါတယ်

const dates = [];
ဒါက dates ကို empty array ပေးလိုက်ပြီး variable ထဲမှာသိမ်းလိုက်ပါတယ်။

let current = new Date(start);
date range iteration လုပ်နေချိန် start date ကို mutation မဖြစ်အောင် current ဆိုတဲ့ variable ထဲမှာ new Date(start) ဆိုပြီး သိမ်းထားလိုက်ပါတယ်။

while (current < end) {
dates.push(new Date(current));

while loop နဲ့ current date က end date ထက်နည်းနေသရွေ့ dates array ထဲမှာ ထည့်ထည့်ပြီးသိမ်းထားလိုက်ပါတယ်။

switch (unit) {
case 'days':
current.setDate(current.getDate() + step);
break;
case 'months':
current.setMonth(current.getMonth() + step);
break;
case 'years':
current.setFullYear(current.getFullYear() + step);
break;
}

switch case နဲ့ unit မှာသတ်မှတ်ထားတဲ days ,months or years ကို step နဲ့ ပေါင်းပြီး curent date object ကို modify လိုက်ပါတယ်
return dates; ပြီးတော့ရလာတဲ့ date ကို return ပေးလိုက်ပါတယ်။

ဒါကတော့ date range array လေးရဲ့အသုံး၀င်ပုံလေးဖြစ်ပါတယ်။

အခြား developer တွေသိသွားအောင်လည်း share ပေးဖို့ မမေ့ကြနဲ့နော် 👀

#creative_coder_myanmar

Developer Bundle Course Package Promotion လေးဟာ ကျောင်းသား ၄ ယောက်သာ လိုတာမို့နောက်မကျစေနဲ့ဦးနော်ဗျို့။🚀

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