Code ရေးတာ Crush နဲ့စာရိုက်နေရသလိုပဲ
ဆိုပြီး Creative Coder အတန်းမှာ တက်ရောက်ခဲ့တဲ့ ကျောင်းသားတစ်ယောက်ကတော့review ပေးသွားပါတယ်🤭
နားလည်လွယ်အောင် သင်ကြားပေးပြီး လက်တွေ့ project တွေပါထည့်သွင်းထားတာကြောင့် မတတ်မြောက်မှာစိတ်ပူစရာမလိုပါဘူးနော်။
Learning Platform မှာတက်ရောက်ခဲ့တဲ့ကျောင်းသားတွေက ဘာတွေပြောခဲ့ကြလဲဆိုတာ ပုံတစ်ပုံချင်းစီမှာ ကြည့်ရှုနိုင်ပါတယ်။
#creative_coder_myanmar
ဆိုပြီး Creative Coder အတန်းမှာ တက်ရောက်ခဲ့တဲ့ ကျောင်းသားတစ်ယောက်ကတော့review ပေးသွားပါတယ်🤭
နားလည်လွယ်အောင် သင်ကြားပေးပြီး လက်တွေ့ project တွေပါထည့်သွင်းထားတာကြောင့် မတတ်မြောက်မှာစိတ်ပူစရာမလိုပါဘူးနော်။
Learning Platform မှာတက်ရောက်ခဲ့တဲ့ကျောင်းသားတွေက ဘာတွေပြောခဲ့ကြလဲဆိုတာ ပုံတစ်ပုံချင်းစီမှာ ကြည့်ရှုနိုင်ပါတယ်။
#creative_coder_myanmar
❤2
WDF Foundation အတန်းလေးက Web Developer အဖြစ်ခြေလှမ်းစချင်သူတွေ တက်သင့်တဲ့အတန်းလေးဖြစ်ပါတယ်။
ဒီအတန်းလေးမှာဆိုရင် အခြေခံကနေစပြီး တွေးတတ်ခေါ်တတ်အောင် လေ့ကျင့်သင်ကြားပေးရုံသာမက ခေတ်နဲ့အညီ AI tools တွေသုံးပြီး code ကိုနားလည်လာအောင်၊ efficient ဖြစ်ဖြစ် code ရေးတတ်အောင်လည်းသင်ကြားပေးသွားမှာပါ။
ဒါတင်ပဲလားဆိုတော့ မဟုတ်သေးပါဘူး။ လက်တွေ့ project တွေပါ၀င်သွားမယ့် အပြင် one on one meeting နဲ့ zoom video record ပါပါ၀င်သွားမှာဖြစ်ပါတယ်။
တကယ်လို့ အကြောင်းတစ်ခုခုကြောင့်ငွေသွင်းပြီးမှ ဆက်မတက်ဖြစ်တာမျိုးဆိုရင်လည်း နောက် batch တွေမှာ သင်တန်းကြေးလုံး၀(လုံး၀) ပေးစရာမလိုဘဲ ပြန်လည်တက်ရောက်နိုင်မှာပါ။
ဒီအတန်းလေးကို 50,000 MMK Discount နဲ့တက်ရောက်နိုင်သေးတာကြောင့် အခုပဲ page messenger မှာလာရောက်အပ်နှံနိုင်ပါပြီ။
#creative_coder_myanmar
ဒီအတန်းလေးမှာဆိုရင် အခြေခံကနေစပြီး တွေးတတ်ခေါ်တတ်အောင် လေ့ကျင့်သင်ကြားပေးရုံသာမက ခေတ်နဲ့အညီ AI tools တွေသုံးပြီး code ကိုနားလည်လာအောင်၊ efficient ဖြစ်ဖြစ် code ရေးတတ်အောင်လည်းသင်ကြားပေးသွားမှာပါ။
ဒါတင်ပဲလားဆိုတော့ မဟုတ်သေးပါဘူး။ လက်တွေ့ project တွေပါ၀င်သွားမယ့် အပြင် one on one meeting နဲ့ zoom video record ပါပါ၀င်သွားမှာဖြစ်ပါတယ်။
တကယ်လို့ အကြောင်းတစ်ခုခုကြောင့်ငွေသွင်းပြီးမှ ဆက်မတက်ဖြစ်တာမျိုးဆိုရင်လည်း နောက် batch တွေမှာ သင်တန်းကြေးလုံး၀(လုံး၀) ပေးစရာမလိုဘဲ ပြန်လည်တက်ရောက်နိုင်မှာပါ။
ဒီအတန်းလေးကို 50,000 MMK Discount နဲ့တက်ရောက်နိုင်သေးတာကြောင့် အခုပဲ page messenger မှာလာရောက်အပ်နှံနိုင်ပါပြီ။
#creative_coder_myanmar
Creative Coder တို့အတွက် သတင်းကောင်းကတော့
Project တစ်ခုဖန်တီးပြီးတိုင်း လက်ဆောင်ပေးသွားမှာပဲဖြစ်ပါတယ်။
ကျွန်တော်တို့ရဲ့ Weekly Project Challenge က coding စွမ်းရည်တွေကို လက်တွေ့ကျကျ ထုတ်ဖော်ပြသပြီး တန်ဖိုးရှိတဲ့ ဆုလက်ဆောင်တွေ ရယူနိုင်ဖို့ အကောင်းဆုံး အခွင့်အရေးပါပဲ။ ကိုယ်တကယ်တတ်မြောက်နေပြီဆိုတာကို ပြသချင်တယ်ဆိုရင် To-Do List လိုမျိုး နေ့စဉ်ဘဝမှာ အသုံးဝင်တဲ့ project လေးတွေ၊ဒါမှမဟုတ် ကိုယ့်ရဲ့ အရည်အချင်းကို ဖော်ပြနိုင်မယ့် ရိုးရှင်းတဲ့ Portfolio Page လိုမျိုး Project တစ်ခုခုကို ဖန်တီးပေးရုံပါပဲ။
ပထမဆုံး Submit လုပ်တဲ့သူ ၃ ယောက် ကို ကျွန်တော်တို့ဆီက အထူးတန်ဖိုးရှိတဲ့ လက်ဆောင်တွေ ပေးသွားမှာပါ။ Creative Coder တီရှပ် းတစ်ထည်၊ အသုံးဝင်ပြီး ဘယ်နေရာမဆို သယ်သွားနိုင်မယ့် Dev Notebook ဒါမှမဟုတ် စတစ်ကာတွေနဲ့ Mouse Padစတာတွေပေးသွားမှာပါ။
AI tools တွေသုံးလို့လည်းရပါတယ်။ ဒါပေမယ့် ကိုယ်ရေးထားတဲ့ code ကိုတော့ ကိုယ်နားလည်ဖို့အရေးကြီးပြီး ပြန်ရှင်းပြနိုင်ရမှာဖြစ်ပါတယ်။
ဒီ Weekly Challenge လေးရဲ့ ခေါင်းစဉ်ကတော့ to do list app လေးပဲဖြစ်ပါတယ်။
To-do List မှာပါ၀င်သွားရမယ့် feature တွေကတော့
📌Add Todo item
📌Edit Todo Item
📌Delete Todo Item
📌Show Count
📌Filter Todo item
📝 ဘယ် language ကိုမဆိုသုံးပြီးရေးလို့ရပါတယ်။
📝 အချိန် (၅) ရက်ရမှာဖြစ်ပြီး အစောဆုံးထပ်တဲ့ (၃) ဦးက ဆုလက်ဆောင်ရမှာဖြစ်ပါတယ်။
📝GitHub repo ကို Creative Coder ရဲ့ page messenger မှာပို့ပေးရပါမယ်။
📝 AI tools သုံးပြီးရေးထားခဲ့ရင် ကိုယ်ရေးထားတဲ့ code ကို ကိုယ်နားလည်ရပါမယ်။
Challenge ထဲပါ၀င်ဖို့ ready ဖြစ်ရင် comment မှာ “Ready” လို့ရေးခဲ့နော် Developer ကြီးတို့ရေ။
#creative_coder_myanmar
Project တစ်ခုဖန်တီးပြီးတိုင်း လက်ဆောင်ပေးသွားမှာပဲဖြစ်ပါတယ်။
ကျွန်တော်တို့ရဲ့ Weekly Project Challenge က coding စွမ်းရည်တွေကို လက်တွေ့ကျကျ ထုတ်ဖော်ပြသပြီး တန်ဖိုးရှိတဲ့ ဆုလက်ဆောင်တွေ ရယူနိုင်ဖို့ အကောင်းဆုံး အခွင့်အရေးပါပဲ။ ကိုယ်တကယ်တတ်မြောက်နေပြီဆိုတာကို ပြသချင်တယ်ဆိုရင် To-Do List လိုမျိုး နေ့စဉ်ဘဝမှာ အသုံးဝင်တဲ့ project လေးတွေ၊ဒါမှမဟုတ် ကိုယ့်ရဲ့ အရည်အချင်းကို ဖော်ပြနိုင်မယ့် ရိုးရှင်းတဲ့ Portfolio Page လိုမျိုး Project တစ်ခုခုကို ဖန်တီးပေးရုံပါပဲ။
ပထမဆုံး Submit လုပ်တဲ့သူ ၃ ယောက် ကို ကျွန်တော်တို့ဆီက အထူးတန်ဖိုးရှိတဲ့ လက်ဆောင်တွေ ပေးသွားမှာပါ။ Creative Coder တီရှပ် းတစ်ထည်၊ အသုံးဝင်ပြီး ဘယ်နေရာမဆို သယ်သွားနိုင်မယ့် Dev Notebook ဒါမှမဟုတ် စတစ်ကာတွေနဲ့ Mouse Padစတာတွေပေးသွားမှာပါ။
AI tools တွေသုံးလို့လည်းရပါတယ်။ ဒါပေမယ့် ကိုယ်ရေးထားတဲ့ code ကိုတော့ ကိုယ်နားလည်ဖို့အရေးကြီးပြီး ပြန်ရှင်းပြနိုင်ရမှာဖြစ်ပါတယ်။
ဒီ Weekly Challenge လေးရဲ့ ခေါင်းစဉ်ကတော့ to do list app လေးပဲဖြစ်ပါတယ်။
To-do List မှာပါ၀င်သွားရမယ့် feature တွေကတော့
📌Add Todo item
📌Edit Todo Item
📌Delete Todo Item
📌Show Count
📌Filter Todo item
📝 ဘယ် language ကိုမဆိုသုံးပြီးရေးလို့ရပါတယ်။
📝 အချိန် (၅) ရက်ရမှာဖြစ်ပြီး အစောဆုံးထပ်တဲ့ (၃) ဦးက ဆုလက်ဆောင်ရမှာဖြစ်ပါတယ်။
📝GitHub repo ကို Creative Coder ရဲ့ page messenger မှာပို့ပေးရပါမယ်။
📝 AI tools သုံးပြီးရေးထားခဲ့ရင် ကိုယ်ရေးထားတဲ့ code ကို ကိုယ်နားလည်ရပါမယ်။
Challenge ထဲပါ၀င်ဖို့ ready ဖြစ်ရင် comment မှာ “Ready” လို့ရေးခဲ့နော် Developer ကြီးတို့ရေ။
#creative_coder_myanmar
Git ကိုအခုမှ စလေ့လာမယ်ဆိုရင်တော့ သိထားသင့်တဲ့ command (၅) ခုကိုပြောပြပေးသွားမှာဖြစ်ပါတယ်။
📝 git init
ပထမဆုံးအနေနဲ့ ကိုယ့်ရဲ့ project folder ကို Git နဲ့ စတင်ချိတ်ဆက်ဖို့အတွက် git init command ကို အသုံးပြုရပါမယ်။ ဒီ command က လက်ရှိရောက်နေတဲ့ folder ထဲမှာ .git လို့ခေါ်တဲ့ ဖိုင်တွဲတစ်ခုကို ဖန်တီးပေးပြီး Git ရဲ့ version control စနစ်ကို စတင်ပေးပါတယ်။
📝git add
ကိုယ့် project ထဲမှာ အပြောင်းအလဲတွေ ပြုလုပ်ပြီးပြီဆိုရင် အဲဒီအပြောင်းအလဲတွေကို Git ရဲ့ "staging area" ထဲကို ထည့်သွင်းဖို့အတွက် git add command ကို အသုံးပြုပါတယ်။ ဥပမာ၊ ဖိုင်အားလုံးကို ထည့်မယ်ဆိုရင် git add . ကို သုံးနိုင်ပါတယ်။
📝 git commit
Staging area ထဲကို ထည့်ပြီးတဲ့ ဖိုင်တွေကို Git ရဲ့ "repository" ထဲကို အပြီးသတ်သိမ်းဆည်းဖို့အတွက် git commit command ကို အသုံးပြုပါတယ်။ commit တိုင်းမှာ ဘာတွေပြောင်းလဲသွားတယ်ဆိုတာကို မှတ်မိနိုင်အောင် message တစ်ခု ထည့်ပေးရပါတယ်။
📝git push
Local repository ထဲမှာ သိမ်းဆည်းထားတဲ့ အပြောင်းအလဲတွေကို GitHub (သို့မဟုတ်) အခြား remote repository တစ်ခုဆီကို ပို့ဖို့အတွက် git push command ကို အသုံးပြုပါတယ်။ ဒါမှ ကိုယ့်ရဲ့ code တွေကို အခြားသူတွေနဲ့ မျှဝေနိုင်ပြီး အွန်လိုင်းမှာ backup လုပ်ထားနိုင်မှာပါ။
📝 git pull
တခြားသူတွေ ပြုလုပ်ထားတဲ့ အပြောင်းအလဲတွေ ဒါမှမဟုတ် remote repository မှာရှိတဲ့ နောက်ဆုံး version ကို ကိုယ့် local repository ဆီကို download ပြန်ဆွဲဖို့အတွက် git pull command ကို အသုံးပြုပါတယ်။ ဒီ command က ကိုယ့်ရဲ့ local code ကို နောက်ဆုံးအခြေအနေနဲ့ synchronize လုပ်ပေးပါဝယ်။
ဒီ command တွေကို နားလည်ပြီး ကျွမ်းကျင်စွာ အသုံးပြုနိုင်မယ်ဆိုရင် project တွေကို စနစ်တကျ စီမံခန့်ခွဲရာမှာ အများကြီး အထောက်အကူဖြစ်စေမှာပါ။
Git နဲ့ပတ်သက်ပြီး Free Basic & Intermediate Course တွေကိုလည်း Creative Coder Myanmar ရဲ့ learning platform မှာ လေ့လာနိုင်ကြောင်း သတင်းကောင်းပါးလိုက်ရပါစေ။
#creative_coder_myanmar
📝 git init
ပထမဆုံးအနေနဲ့ ကိုယ့်ရဲ့ project folder ကို Git နဲ့ စတင်ချိတ်ဆက်ဖို့အတွက် git init command ကို အသုံးပြုရပါမယ်။ ဒီ command က လက်ရှိရောက်နေတဲ့ folder ထဲမှာ .git လို့ခေါ်တဲ့ ဖိုင်တွဲတစ်ခုကို ဖန်တီးပေးပြီး Git ရဲ့ version control စနစ်ကို စတင်ပေးပါတယ်။
📝git add
ကိုယ့် project ထဲမှာ အပြောင်းအလဲတွေ ပြုလုပ်ပြီးပြီဆိုရင် အဲဒီအပြောင်းအလဲတွေကို Git ရဲ့ "staging area" ထဲကို ထည့်သွင်းဖို့အတွက် git add command ကို အသုံးပြုပါတယ်။ ဥပမာ၊ ဖိုင်အားလုံးကို ထည့်မယ်ဆိုရင် git add . ကို သုံးနိုင်ပါတယ်။
📝 git commit
Staging area ထဲကို ထည့်ပြီးတဲ့ ဖိုင်တွေကို Git ရဲ့ "repository" ထဲကို အပြီးသတ်သိမ်းဆည်းဖို့အတွက် git commit command ကို အသုံးပြုပါတယ်။ commit တိုင်းမှာ ဘာတွေပြောင်းလဲသွားတယ်ဆိုတာကို မှတ်မိနိုင်အောင် message တစ်ခု ထည့်ပေးရပါတယ်။
📝git push
Local repository ထဲမှာ သိမ်းဆည်းထားတဲ့ အပြောင်းအလဲတွေကို GitHub (သို့မဟုတ်) အခြား remote repository တစ်ခုဆီကို ပို့ဖို့အတွက် git push command ကို အသုံးပြုပါတယ်။ ဒါမှ ကိုယ့်ရဲ့ code တွေကို အခြားသူတွေနဲ့ မျှဝေနိုင်ပြီး အွန်လိုင်းမှာ backup လုပ်ထားနိုင်မှာပါ။
📝 git pull
တခြားသူတွေ ပြုလုပ်ထားတဲ့ အပြောင်းအလဲတွေ ဒါမှမဟုတ် remote repository မှာရှိတဲ့ နောက်ဆုံး version ကို ကိုယ့် local repository ဆီကို download ပြန်ဆွဲဖို့အတွက် git pull command ကို အသုံးပြုပါတယ်။ ဒီ command က ကိုယ့်ရဲ့ local code ကို နောက်ဆုံးအခြေအနေနဲ့ synchronize လုပ်ပေးပါဝယ်။
ဒီ command တွေကို နားလည်ပြီး ကျွမ်းကျင်စွာ အသုံးပြုနိုင်မယ်ဆိုရင် project တွေကို စနစ်တကျ စီမံခန့်ခွဲရာမှာ အများကြီး အထောက်အကူဖြစ်စေမှာပါ။
Git နဲ့ပတ်သက်ပြီး Free Basic & Intermediate Course တွေကိုလည်း Creative Coder Myanmar ရဲ့ learning platform မှာ လေ့လာနိုင်ကြောင်း သတင်းကောင်းပါးလိုက်ရပါစေ။
#creative_coder_myanmar
❤5
နောက်ထပ် 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
❤2