နောက်ထပ် bugs မဖြစ်အောင် ဒီအမှားတွေမလုပ်နဲ့နော်!
JavaScript ကိုစလေ့လာတဲ့ beginner တွေမှားလေ့ရှိတာလေးတွေကို ကြည့်လိုက်ရအောင်
📝map() ထဲမှာ return ပြန်လုပ်ဖို့ မေ့လျော့ခြင်း
map() ဟာ array တစ်ခုစီကို iterate လုပ်ပြီး အသစ်ပြင်ဆင်ထားတဲ့ array တစ်ခုကို ပြန်ပေးပါတယ်။ ဒါပေမဲ့ return statement ကို မသုံးမိရင်တော့ undefined တွေပါတဲ့ array တစ်ခုသာ ပြန်ရမှာပါ။
📝 == နဲ့ === ကို မှားယွင်းစွာ အသုံးပြုခြင်း
JavaScript မှာ တန်ဖိုးနှစ်ခု ညီမညီ စစ်ဆေးတဲ့ operator နှစ်ခုရှိပါတယ်။ == (loose equality) က type conversion ကို လုပ်ဆောင်ပေးပြီး === (strict equality) ကတော့ တန်ဖိုးနဲ့ type နှစ်ခုလုံးကို တိတိကျကျ စစ်ဆေးပါတယ်။ === ကိုသာ သုံးဖို့ အမြဲတမ်း အကြံပြုလိုပါတယ်။
📝let (သို့မဟုတ်) const မပါဘဲ Global Variables များ အသုံးပြုခြင်း
let ဒါမှမဟုတ် const မပါဘဲ variable တွေကို declare လုပ်မိရင် global object (browser မှာဆိုရင် window object) ပေါ်မှာ တင်လိုက်သလို ဖြစ်သွားပါတယ်။ ဒါက code မှာ မထင်မှတ်တဲ့ side effects တွေနဲ့ variable name clashes တွေကို ဖြစ်စေနိုင်ပါတယ်။
Code example လေးတွေနဲ့ပါပြောပြပေးထားတာဖြစ်လို့ သေချာကြည့်ဖို့မမေ့နဲ့နော်။
အခြားဘယ်အမှားတွေရှိသေးလဲဆိုတာ comment မှာရေးပေးသွားကြပါဦး
#creative_coder_myanmar
JavaScript ကိုစလေ့လာတဲ့ beginner တွေမှားလေ့ရှိတာလေးတွေကို ကြည့်လိုက်ရအောင်
📝map() ထဲမှာ return ပြန်လုပ်ဖို့ မေ့လျော့ခြင်း
map() ဟာ array တစ်ခုစီကို iterate လုပ်ပြီး အသစ်ပြင်ဆင်ထားတဲ့ array တစ်ခုကို ပြန်ပေးပါတယ်။ ဒါပေမဲ့ return statement ကို မသုံးမိရင်တော့ undefined တွေပါတဲ့ array တစ်ခုသာ ပြန်ရမှာပါ။
📝 == နဲ့ === ကို မှားယွင်းစွာ အသုံးပြုခြင်း
JavaScript မှာ တန်ဖိုးနှစ်ခု ညီမညီ စစ်ဆေးတဲ့ operator နှစ်ခုရှိပါတယ်။ == (loose equality) က type conversion ကို လုပ်ဆောင်ပေးပြီး === (strict equality) ကတော့ တန်ဖိုးနဲ့ type နှစ်ခုလုံးကို တိတိကျကျ စစ်ဆေးပါတယ်။ === ကိုသာ သုံးဖို့ အမြဲတမ်း အကြံပြုလိုပါတယ်။
📝let (သို့မဟုတ်) const မပါဘဲ Global Variables များ အသုံးပြုခြင်း
let ဒါမှမဟုတ် const မပါဘဲ variable တွေကို declare လုပ်မိရင် global object (browser မှာဆိုရင် window object) ပေါ်မှာ တင်လိုက်သလို ဖြစ်သွားပါတယ်။ ဒါက code မှာ မထင်မှတ်တဲ့ side effects တွေနဲ့ variable name clashes တွေကို ဖြစ်စေနိုင်ပါတယ်။
Code example လေးတွေနဲ့ပါပြောပြပေးထားတာဖြစ်လို့ သေချာကြည့်ဖို့မမေ့နဲ့နော်။
အခြားဘယ်အမှားတွေရှိသေးလဲဆိုတာ comment မှာရေးပေးသွားကြပါဦး
#creative_coder_myanmar
👨💻 Creative Coder ကြီးတို့အတွက် သတင်းကောင်း!
ဒီအပတ်မှာတော့ ကိုယ့် coding စွမ်းရည်ကို မြင်သာအောင် ပြသနိုင်တဲ့ Project တစ်ခုဖန်တီးပြီး၊ လက်ဆောင်တွေကိုလည်း ရယူနိုင်မယ့် ဒုတိယမြောက်အခွင့်အရေးကြီးကိုယူဆောင်လာပါပြီ။
📌 Weekly Project Challenge
ဒီအပတ်ရဲ့ challenge ကတော့ —
ကိုယ်ပိုင်အချက်အလက်နဲ့ လုပ်ဆောင်ချက်တွေကို ဖော်ပြနိုင်တဲ့ ရိုးရှင်းပြီး စိတ်ဝင်စားဖွယ်ရာ Portfolio Website/Page တစ်ခု ဖန်တီးဖို့ပဲ ဖြစ်ပါတယ်။
📌 Portfolio Website ဘာလို့အရေးကြီးလဲ?
Portfolio Website တစ်ခုဟာ —
🔹 သင်ဘယ်လို Developer တစ်ယောက်လဲ
🔹 ဘယ် Project တွေကို လုပ်ပြီးသားလဲ
🔹 ဘယ် Tech Stack တွေကို ကျွမ်းကျင်သလဲ
🔹 ကိုယ်ရေးထားတဲ့ Code Style/Design Pattern
တွေကို ပြသနိုင်တဲ့ အကောင်းဆုံး အလုပ်ရှာရာမှာကောင်းတဲ့အကူအညီပေးမယ့်နည်းလမ်းတစ်ခုပဲဖြစ်ပါတယ်။
✨ Portfolio Website တစ်ခုမှာ ပါဝင်သင့်တဲ့ Common Features:
✅ Home/Intro Section – ကိုယ်ကိုယ်တင်ပြတဲ့ short intro (name, role, tagline)
✅ About Me – career goal, passion
✅ Skills – နားလည်တဲ့ programming languages, frameworks, tools
✅ Projects – လုပ်ခဲ့ဖူးတဲ့ Projects ရဲ့ နမူနာ (GitHub link, screenshots, brief descriptions)
✅ Contact Section – Email, LinkedIn, GitHub, phone number
✅ Responsive Design – စတဲ့ အချက်လေးတွေတော့ပါ၀င်ရမှာဖြစ်ပါတယ်။
🏆 Challenge Participation Details:
📅 အချိန်ကာလ – (၅) ရက်
ဒီ challenge ရဲ့ အချိန်ကာလကတော့ စုစုပေါင်း (၅) ရက်သာရှိပါတယ်။ အဆိုပါကာလအတွင်းမှာ ပထမဆုံး Submit လုပ်သည့် Developer ၃ ဦးကို အထူးတန်ဖိုးရှိတဲ့ လက်ဆောင်များကို ပေးအပ်သွားမှာဖြစ်ပါတယ်။
လက်ဆောင်များမှာတော့ Creative Coder ရဲ့ Official T-Shirt တစ်ထည်၊ သယ်သွားရလွယ်ကူတဲ့ Dev Notebook တစ်စောင်၊ Coding Desk ပေါ်မှာအသုံးဝင်မယ့် Sticker တွေနဲ့ Mouse Pad တို့ ပါဝင်ပါမယ်။
💬 Programming Language မည်သည့်ဘာသာစကားဖြင့်မဆို ဖန်တီးနိုင်ပါတယ်။
🤖 AI Tools သုံးလို့ရပေမယ့် Code ကို ကိုယ်နားလည်ဖို့ မဖြစ်မနေလိုအပ်ပါတယ်။
📤 GitHub Repo ကို Creative Coder Myanmar ရဲ့ Facebook Page Messenger မှာ ပေးပို့ဖို့လိုပါတယ်။
ဆရာဇေယျာဝင်းရဲ့ portfolio project အကြောင်းပြောပြပေးထားတဲ့ video ကိုလည်း အောက်ပါ link မှာကြည့်ရှုနိုင်ပါတယ်။
(https://youtu.be/s6qn8SL6pq4)
🔥 Challenge ထဲ ပါဝင်ချင်သူတွေကတော့ “Ready” လို့ comment မှာရေးခဲ့နော်။
ကိုယ့် coding journey ကို next level တက်ဖို့ ဒီအခွင့်အရေးကို လက်လွှတ်မခံနဲ့နော်! 🚀
#creative_coder_myanmar
#PortfolioChallenge
#BuildAndShow
ဒီအပတ်မှာတော့ ကိုယ့် coding စွမ်းရည်ကို မြင်သာအောင် ပြသနိုင်တဲ့ Project တစ်ခုဖန်တီးပြီး၊ လက်ဆောင်တွေကိုလည်း ရယူနိုင်မယ့် ဒုတိယမြောက်အခွင့်အရေးကြီးကိုယူဆောင်လာပါပြီ။
📌 Weekly Project Challenge
ဒီအပတ်ရဲ့ challenge ကတော့ —
ကိုယ်ပိုင်အချက်အလက်နဲ့ လုပ်ဆောင်ချက်တွေကို ဖော်ပြနိုင်တဲ့ ရိုးရှင်းပြီး စိတ်ဝင်စားဖွယ်ရာ Portfolio Website/Page တစ်ခု ဖန်တီးဖို့ပဲ ဖြစ်ပါတယ်။
📌 Portfolio Website ဘာလို့အရေးကြီးလဲ?
Portfolio Website တစ်ခုဟာ —
🔹 သင်ဘယ်လို Developer တစ်ယောက်လဲ
🔹 ဘယ် Project တွေကို လုပ်ပြီးသားလဲ
🔹 ဘယ် Tech Stack တွေကို ကျွမ်းကျင်သလဲ
🔹 ကိုယ်ရေးထားတဲ့ Code Style/Design Pattern
တွေကို ပြသနိုင်တဲ့ အကောင်းဆုံး အလုပ်ရှာရာမှာကောင်းတဲ့အကူအညီပေးမယ့်နည်းလမ်းတစ်ခုပဲဖြစ်ပါတယ်။
✨ Portfolio Website တစ်ခုမှာ ပါဝင်သင့်တဲ့ Common Features:
✅ Home/Intro Section – ကိုယ်ကိုယ်တင်ပြတဲ့ short intro (name, role, tagline)
✅ About Me – career goal, passion
✅ Skills – နားလည်တဲ့ programming languages, frameworks, tools
✅ Projects – လုပ်ခဲ့ဖူးတဲ့ Projects ရဲ့ နမူနာ (GitHub link, screenshots, brief descriptions)
✅ Contact Section – Email, LinkedIn, GitHub, phone number
✅ Responsive Design – စတဲ့ အချက်လေးတွေတော့ပါ၀င်ရမှာဖြစ်ပါတယ်။
🏆 Challenge Participation Details:
📅 အချိန်ကာလ – (၅) ရက်
ဒီ challenge ရဲ့ အချိန်ကာလကတော့ စုစုပေါင်း (၅) ရက်သာရှိပါတယ်။ အဆိုပါကာလအတွင်းမှာ ပထမဆုံး Submit လုပ်သည့် Developer ၃ ဦးကို အထူးတန်ဖိုးရှိတဲ့ လက်ဆောင်များကို ပေးအပ်သွားမှာဖြစ်ပါတယ်။
လက်ဆောင်များမှာတော့ Creative Coder ရဲ့ Official T-Shirt တစ်ထည်၊ သယ်သွားရလွယ်ကူတဲ့ Dev Notebook တစ်စောင်၊ Coding Desk ပေါ်မှာအသုံးဝင်မယ့် Sticker တွေနဲ့ Mouse Pad တို့ ပါဝင်ပါမယ်။
💬 Programming Language မည်သည့်ဘာသာစကားဖြင့်မဆို ဖန်တီးနိုင်ပါတယ်။
🤖 AI Tools သုံးလို့ရပေမယ့် Code ကို ကိုယ်နားလည်ဖို့ မဖြစ်မနေလိုအပ်ပါတယ်။
📤 GitHub Repo ကို Creative Coder Myanmar ရဲ့ Facebook Page Messenger မှာ ပေးပို့ဖို့လိုပါတယ်။
ဆရာဇေယျာဝင်းရဲ့ portfolio project အကြောင်းပြောပြပေးထားတဲ့ video ကိုလည်း အောက်ပါ link မှာကြည့်ရှုနိုင်ပါတယ်။
(https://youtu.be/s6qn8SL6pq4)
🔥 Challenge ထဲ ပါဝင်ချင်သူတွေကတော့ “Ready” လို့ comment မှာရေးခဲ့နော်။
ကိုယ့် coding journey ကို next level တက်ဖို့ ဒီအခွင့်အရေးကို လက်လွှတ်မခံနဲ့နော်! 🚀
#creative_coder_myanmar
#PortfolioChallenge
#BuildAndShow
YouTube
Build Portfolio With Creative Coder Myanmar
ဒီဗီဒီယိုထဲမှာ HTML နဲ့ CSS ကိုသုံးပြီး ရိုးရှင်းတဲ့ Portfolio Project တစ်ခုကို ဘယ်လိုဖန်တီးရမလဲဆိုတာ ပြသထားပါတယ်။ အချိန်တိုအတွင်း ကိုယ်ပိုင်ပရောဂျက်တစ်ခု ဘယ်လိုတည်ဆောက်ရမယ်ဆိုတာ လမ်းညွှန်ပေးပါလိမ့်မယ်။ Build & Show Off! လုပ်ဖို အခုပဲ စလိုက်ရအောင်။