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

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

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

နောက်ထပ် 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

👨‍💻 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

Feedback ကောင်းများစွာရရှိထားတဲ့ Web Development Foundation အတန်းလေး July (5) ရက်နေ့စပါမယ် 🚀

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

ဒီအတန်းမှာ အခြေခံကိုပဲ၍သေချာပိုင်နိုင်အောင် သင်ကြားပေးသွားမှာဖြစ်ပါတယ်။

✅ Telegram & Zoom Only အသုံးပြုသင်ကြားရမှာဖြစ်ပါတယ်။
✅ One on One mentorship meeting support ပေးထားပါတယ်။
✅ Video Record တွေလဲတရက်စာစီပေးထားတဲ့ အပြင် batch တိုင်းအခမဲ့ ပြန်တက်ရောက်နိုင်ပါသေးတယ်ခင်ဗျာ🚀

အတန်းအပ်မယ်ဆို page messenger ကနေ အပ်နှံနိုင်ပါပြီ 🥳

#creative_coder_myanmar

JavaScript မှာ String နဲ့ပတ်သက်တဲ့ လုပ်ဆောင်ချက်တွေက မကြာခဏဆိုသလို လိုအပ်လာတတ်ပါတယ်။ ဒီလိုအချိန်မျိုးမှာ ကိုယ့်ရဲ့ Code ကို ပိုမိုထိရောက်စေဖို့အတွက် အသုံးများပြီး သိထားသင့်တဲ့ String Method (၅) ခုကို တစ်ပုံချင်းစီမှာ code example တွေနဲ့အတူ ကြည့်လိုက်ရအောင်👀
📝slice()
slice() Method က String တစ်ခုရဲ့ သတ်မှတ်ထားတဲ့ အပိုင်းအစကို ဖြတ်ထုတ်ယူဖို့ အသုံးပြုပါတယ်။
📝replace()
replace() Method က String တစ်ခုထဲမှာရှိတဲ့ သတ်မှတ်ထားတဲ့ စာသား ဒါမှမဟုတ် ပုံစံကို တခြားစာသားနဲ့ အစားထိုးဖို့ အသုံးပြုပါတယ်။ ပထမဆုံးတွေ့တဲ့ စာသားကိုပဲ အစားထိုးပေးမှာပါ။
📝toLowerCase()
toLowerCase() Method က String တစ်ခုလုံးမှာရှိတဲ့ အက္ခရာအားလုံးကို အင်္ဂလိပ်အက္ခရာ အသေး (lowercase) အဖြစ် ပြောင်းလဲပေးပါတယ်။
📝 includes()
includes() Method က String တစ်ခုထဲမှာ သတ်မှတ်ထားတဲ့ စာသား ဒါမှမဟုတ် စာလုံးပေါင်း ပါဝင်ဟုတ်မဟုတ်ကို စစ်ဆေးပါတယ်။ ပါဝင်တယ်ဆိုရင် true ၊ မပါဝင်ဘူးဆိုရင် false ပြန်ပေးပါတယ်။
📝 split()
split() Method က String တစ်ခုကို သတ်မှတ်ထားတဲ့ ခွဲခြားမှတ် (delimiter) နဲ့ ခွဲခြားပြီး Array တစ်ခုအဖြစ် ပြောင်းလဲပေးပါတယ်။
#creative_coder_myanmar

🚀 Web Development ကို AI နဲ့ Level Up လုပ်ကြမယ်။

Developer တိုင်းသိထားသင့်တဲ့ နောက်ဆုံးထွက် AI Tools များ
AI က Web Development လောကကို အရှိန်အဟုန်နဲ့ ပြောင်းလဲနေပါပြီ။ အခုဆိုရင် Code ရေးတာကနေ၊ Bug ရှင်းတာ၊ UI ဒီဇိုင်းဆွဲတာအထိ AI က နေရာတိုင်းမှာ ပါဝင်လာပါပြီ။ ဒါဟာ Developer တွေရဲ့ အလုပ်ကို အစားထိုးဖို့မဟုတ်ဘဲ၊ ပိုမြန်၊ ပိုတိကျ၊ ပို Productive ဖြစ်အောင် ကူညီပေးဖို့ပါပဲ။
ဒီနေ့တော့ Developer တွေရဲ့ Productivity ကို အဆပေါင်းများစွာ မြှင့်တင်ပေးမယ့် နောက်ဆုံးပေါ် AI Tool (၄) ခုနဲ့ မိတ်ဆက်ပေးချင်ပါတယ်။

ဘယ် tool တွေသုံးဖြစ်နေလဲ comment မှာရေးသွားကြပါဦးနော်။

#creative_coder_myanmar

🚀 Level-Up November: ဒီလက Developer Career အတွက် Turning Point ဖြစ်မယ့်လ လို့ထင်ပါသလား?

ဟုတ်ပါတယ်။ ဒီလက ပုံမှန်လ မဟုတ်ပါဘူး။
ဒါဟာ Developer career တိုးတက်ဖို့ အဓိကကျတဲ့ "ကွာတား" တစ်ခုဖြစ်လာမှာပါ။ ဒီလရဲ့ Focus က တကယ့် Developer အဖြစ် ရပ်တည်ချင်တဲ့သူတွေ...
"တိုးတက်ချင်ပါတယ်" "ကြိုးစားမယ်" "၂၀၂၆ ကို ကိုယ့်ရဲ့ Career Breakthrough Year အဖြစ် ပြောင်းလဲပစ်မယ်"
လို့ စိတ်ပိုင်းဖြတ်ထားပြီး ပြန်ပြောနိုင်တဲ့မိတ်‌ဆွေတို့အတွက်လပါပဲ 🤝🔥

ဒီလမှာ ကျွန်တော်တို့လုပ်မယ့် Program တွေကတော့
📝 team style coding စတင်ဖို့အတွက် Free Git & GitHub Workshop၊
📝modern UI ကို အမြန်တည်ဆောက်နိုင်ဖို့ Tailwind Mini Project၊
📝2026 demand အမြင့်ဆုံး skill ဖြစ်လာမယ့် Next.js Screencast Release နဲ့ beginner ကနေ real developer ဖြစ်လာဖို့ (Dec 6 စမယ့်) WDF Afternoon Class Enrollment တို့ပဲ ဖြစ်ပါတယ်။

2025 မကြာခင်ကုန်တော့မှာဖြစ်လို့ ကြိုးစားမှလည်း result ရမယ့်လလည်းဖြစ်ပါတယ်။ ✅။ ဒါကြောင့် ဒီလက ကိုယ့်ကိုယ်ကို ဂရုစိုက်မယ့်လ၊ တည်ဆောက်မယ့်လ၊ နိုင်အောင်လုပ်မယ့်လပဲဖြစ်ပါတယ်။ 💪🔥
Level-Up November — let's rise together

အတန်းတွေနဲ့ workshop အကြောင်းကိုသိချင်နေပြီဆိုရင် page messenger မှာတိတ်တိတ်လေးလာမေးလို့ရတယ်နော် 🗨️
#creative_coder_myanmar

WDF အတန်းကကျောင်းသားတွေ ဘာပြောခဲ့ကြလဲ?

အရှေ့ကအတန်းတွေမှာ တက်ရောက်ခဲ့ကြတဲ့ကျောင်းသားတွေ Creative Coder ကိုဘယ်လိုမျိုး feedback ပေးခဲ့ကြလဲဆိုတာ အောက်ပါ link မှာ၀င်ရောက်ကြည့်ရှုနိုင်ပါတယ်။

#creative_coder