Web Development for Beginners - အတန်းအစီအစဉ်

Microsoft Cloud Advocates မှ ပံ့ပိုးပေးသော ၁၂ ပတ်ကြာ သီးသန့်သင်တန်းဖြင့် ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်ရေး၏ အခြေခံအဆောက်အအုံများကို သင်ယူပါ။ သင်ခန်းစာ ၂၄ ခုစီတွင် JavaScript, CSS နှင့် HTML ကို terrariums, browser extensions, နှင့် space games ကဲ့သို့သော လက်တွေ့ပေါင်းစပ်စက်မှုများဖြင့် မျက်နှာစာချင်းဆိုင် ကျယ်ပြန့်စွာ ရှင်းလင်းပြသထားသည်။ စစ်ဆေးမှုများ၊ ဆွေးနွေးမှုများနှင့် လက်တွေ့တာဝန်များနှင့် လေ့လာသင်ယူပါ။ ကျွမ်းကျင်မှုများအတိုးအမြှင့်နှင့် သင်ယူမှု ထိန်းသိမ်းမှုအား ရရှိစေရန် ကျွန်ုပ်တို့၏ အကျိုးရှိသော စီမံကိန်းအခြေပြု သင်ကြားမှုနည်းလမ်းဖြင့် တိုးတက်စေပါမည်။ ဒီနေ့မှ စ၍ သင်ယူရန် စတင်လိုက်ပါ! Azure AI Foundry Discord Community တွင် တက်ရောက်ပါ Follow these steps to get started using these resources:

Fork the Repository: Click
Clone the Repository: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Join The Azure AI Foundry Discord and meet experts and fellow developers

🌐 အများဘာသာစကား ပံ့ပိုးမှု

GitHub Action ဖြင့် ပံ့ပိုးထားပြီး (အလိုအလျောက်နှင့် အမြဲ Update ဖြစ်သည်)

ထပ်မံ ဘာသာပြန် ဘာသာစကားများလိုပါက ဒီမှာ မှာ ဝင်ကြည့်ပါ

🧑‍🎓 သင်တန်းသားဖြစ်ပါသလား?

Student Hub စာမျက်နှာ သို့ သွားပြီး စတင်သူအရင်းအမြစ်များ၊ သင်တန်းသား အစားထိုးအထုပ်များနှင့် အခမဲ့ အထောက်အထားပေးလက်မှတ် ရရှိနိုင်သော နည်းလမ်းများကို ရှာဖွေလိုက်ပါ။ ဤစာမျက်နှာသည် လစဉ် အကြောင်းအရာများကို ပြောင်းလဲနေသည့်ကြောင့် သင့်အနေဖြင့် Bookmark ထားပြီး အချိန်အခါအခါ ကြည့်ရှုစစ်ဆေးရန် လိုအပ်သည်။

📣 ကြေညာချက် - GitHub Copilot Agent mode စိန်ခေါ်မှု အသစ်များ ပြီးစီးရန်!

အသစ်ထပ် မည်သည့် စိန်ခေါ်မှု ဖြစ်သည်မှာ "GitHub Copilot Agent Challenge 🚀" ဟု အများဆုံး အခန်းများ၌ တွေ့ရပါသည်။ GitHub Copilot နှင့် Agent mode ကို အသုံးပြု၍ ပြီးစီးရန် သင့်ကြားမွမ်းမံမှုအသစ် ဖြစ်သည်။ Agent mode ကို ယခုအချိန်အထိ မသုံးဖူးလျှင်၊ စာသားကို များပြားစွာ ဖန်တီးပေးနိုင်သည့်အပြင် ဖိုင်များ ကို ဖန်တီးပြီး တည်းဖြတ်ခြင်း၊ ကွန်မန်များ chạyခြင်း နှင့် အခြား ဆောင်ရွက်ချက်များ ပြုလုပ်နိုင်သည်။

📣 ကြေညာချက် - Generative AI ဖြင့် တည်ဆောက်ရမည့် အသစ်သော စီမံကိန်း

အသစ်ထပ်ပါဝင်သည့် AI အကူအညီ စီမံကိန်းကို စစ်ဆေးပါ project

📣 ကြေညာချက် - Generative AI အတွက် JavaScript အခြေပြု အသစ်သော အတန်းအစီအစဉ် ထွက်ရှိခဲ့ပြီ

ကျွန်ုပ်တို့၏ Generative AI အတန်းအစီအစဉ် အသစ်ကို မလွဲမသွေ မရှုပ်မိစေရန် မလွဲမသွေ လေ့လာလိုက်ပါ! စတင်ရန် https://aka.ms/genai-js-course သို့ သွားပါ။

အခြေခံမှ RAG ထိ လေ့လာမှုများ ပါဝင်သည်။
GenAI နှင့် ကျွန်ုပ်တို့၏ အဖော်အစည်း app ကိုအသုံးပြု၍ သမိုင်းက လူမှုဇာတ်ကောင်များနှင့် ဆက်သွယ်နိုင်သည်။
စိတ်လှုပ်ရှားဖွယ် အကြောင်းအရာဖြင့် သင်ခရီး တုန့်ပြန်မောင်းနှင်မှု။ တစ်ခုချင်းစီသင်ခန်းစာတွင် တာဝန်များ ပြီးမြောက်စေရန်လိုအပ်ပြီး နားလည်မှု စစ်ဆေးမှုနှင့် စိန်ခေါ်မှုများ ပါဝင်သည်၊ ဥပမာ -
Prompting နှင့် prompt engineering
စာသားနှင့် ပုံ app ဖန်တီးခြင်း
ရှာဖွေရေး app များ စတင်ရန် https://aka.ms/genai-js-course တွင် ဝင်ပါ။

🌱 စတင်ခြင်း

သင်တန်းသားများ၊ သင်ခန်းစာစီစဉ်ရာတွင် လေ့လာမှုမတိုင်မီ စစ်ဆေးမှုဖြင့် စတင်ပြီး သင်ခန်းစာ စာသားများ ဖတ်ရှု၊ လုပ်ငန်းစဉ် အမျိုးမျိုး ပြီးမြောက်စေရန် လိုက်နာပြီး သင်ခန်းစာပြီးမြောက်ပြီးနောက် စစ်ဆေးမှု ဖြင့် နားလည်မှုကို စစ်ဆေးပါ။ သင်ယူမှုကို မြှင့်တင်ရန် အတူတူ စီမံကိန်းများအတွက် စေ့စပ်သူများနှင့် ဆက်သွယ်ပါ။ ဆွေးနွေးမှုများမှာ ကျွန်ုပ်တို့၏ ဆွေးနွေးမှုပိုင်း တွင် ကျင့်သုံးနိုင်ပြီး ကျွန်ုပ်တို့၏ မော်ဒရေတာ အဖွဲ့က မေးခွန်းများကို ဖြေကြားပေးပါမည်။ ထပ်ဆင့်ပညာသင်ယူမှုအတွက် Microsoft Learn တွင် ပိုမိုလေ့လာနိုင်သော ပစ္စည်းများ ရှာဖွေလိုက်ပါ။

📋 သင့်ပတ်ဝန်းကျင် ပြင်ဆင်ခြင်း

ဤ အတန်းအစီအစဉ်သည် ဖွံ့ဖြိုးရေးပတ်ဝန်းကျင် ပြင်ဆင်ထားပြီးဖြစ်သည်။ စတင်ရာတွင် Codespace (ဘရောက်ဇာမပါ အပ်ဒိတ် မလိုအပ်သော စနစ်) အသုံးပြု၍ ဒါမှမဟုတ် သင့် ကွန်ပျူတာတွင် Visual Studio Code ကဲ့သို့သော စာသားဖြည့် စက်ကိရိယာဖြင့် အလုပ်လုပ်နိုင်သည်။

သင့်ကိုယ်ပိုင် Repository ဖန်တီးခြင်း

အလုပ်များကို အဆင်ပြေထိန်းသိမ်းနိုင်ရန် ဤ Repository ၏ ကိုယ်ပိုင် မိတ္တူကို ဖန်တီးရန် အကြံပြုသည်။ စာမျက်နှာအပေါ်တွင် ရှိသော Use this template ခလုတ်ကို နှိပ်ခြင်းဖြင့် သင့် GitHub အကောင့်တွင် အသစ်တစ်ခုဖန်တီးပေးပါမည်။ အောက်ပါအဆင့်များ ဦးတည်လိုက်ပါ-

Repository ကို Fork လုပ်ပါ - ဤစာမျက်နှာ၏ ထောင့်ညာဘက်အပေါ်မှာရှိသည့် "Fork" ခလုတ်ကို နှိပ်ပါ။
Repository ကို Clone လုပ်ပါ - git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Codespace တွင် အတန်းစီအစဉ် လည်ပတ်ခြင်း

သင့်ဖန်တီးထားသော Repository မိတ္တူတွင် Code ခလုတ်ကိုနှိပ်ပြီး Open with Codespaces ကို ရွေးချယ်ပါ။ သင့်အတွက် Codespace အသစ်တစ်ခု ဖန်တီးပေးပါမည်။

သင့် ကွန်ပျူတာတွင် ဒေသခံအနေနဲ့ အတန်းများ လည်ပတ်ခြင်း

ဤအတန်းအစီအစဉ်ကို ဒေသခံအနေဖြင့် လည်ပတ်ရန် လိုအပ်ချက်မှာ စာသားရေး တည်းဖြတ်စက်, browser နှင့် command line ကိရိယာဖြစ်သည်။ ကျွန်ုပ်တို့၏ ပထမဆုံး သင်ခန်းစာ Programming Languages သင်ခန်းစာ မိတ်ဆက် တွင် ယင်းအရာများ၏ အမျိုးမျိုးရွေးချယ်မှုနှင့် သင့်တပ်ဆင်ချက်အတွက် လမ်းညွှန်ချက်များ ပါဝင်ပါသည်။ ကျွန်ုပ်တို႔ အကြံပြုနေသည်မှာ Visual Studio Code တည်းဖြတ်စက်ကို အသုံးပြုရန်ဖြစ်ပြီး ထိုတွင် အတွင်းတွင် ပါဝင်သော Terminal ပါရှိသည်။ Visual Studio Code ကို ဤနေရာတွင် ဒေါင်းလုပ်ဆွဲနိုင်ပါသည်။

သင့်ရဲ့ repository ကို သင့်ကွန်ပျူတာပေါ်သို့ အကူးအပြောင်းလုပ်ပါ။ ဒီလို့လုပ်ဖို့ Code ခလုတ်ကိုနှိပ်ပြီး URL ကို ကူးယူနိုင်ပါတယ်- CodeSpace အဲဒီနောက်, Visual Studio Code အတွင်း Terminal ကို ဖွင့်ပြီး၊ အောက်ပါ command ကို ရိုက်ထည့်ပါ၊ ကို သင့်ကူးယူထားသော URL နဲ့ ချိန်ညှိသွားပါ-

git clone <your-repository-url>

ပြီးလျှင် အဲဒီ folder ကို Visual Studio Code မှာ ဖွင့်ပါ။ File > Open Folder ကိုနှိပ်ပြီး မကြာသေးမီက clone လုပ်ထားသော folder ကို ရွေးချယ်နိုင်ပါတယ်-

📂 လေ့လာခန်းတိုင်းတွင် ပါဝင်သည်မှာ-

ရွေးချယ်နိုင်သည့် စကက်ချ်မှတ်စု
ရွေးချယ်နိုင်သည့် အပိုဗွီဒီယို
မတိုင်မီ အပတ်အတွင်း စစ်တမ်း
လေ့လာခန်းစာ များ
စီမံကိန်းအခြေပြုလေ့လာခန်းများအတွက် စီမံကိန်းတည်ဆောက်ရန် ဆက်လက် လမ်းညွှန်ချက်များ
အသိပညာစစ်ဆေးခြင်းများ
စိန်ခေါ်မှုတစ်ရပ်
အပို ဖတ်ရှုရန်
အလုပ်အပ်ရန်
မတိုင်မီ စစ်တမ်း

🗃️ လေ့လာခန်းများ

🏫 သင်ကြားနည်း ပြောကြားချက်

ကျွန်ုပ်တို့၏ သင်တန်းအစီအစဉ်သည် အောက်ပါ ပညာသင်ကြားမှု အခြေခံသဘောတရား နှစ်ခုဖြင့် ဖန်တီးထားသည်-

စီမံကိန်းအခြေပြုပြုသင်ယူမှု
မကြာခဏရှိသော စစ်တမ်းများ ပရိုဂရမ်သည် JavaScript, HTML, CSS အခြေခံများနှင့် လက်ရှိ ဝက်ဘ် developer များ အသုံးပြုသည့် နောက်ဆုံးပေါ် ကိရိယာများနှင့် နည်းစနစ်များကို သင်ကြားပေးသည်။ ကျောင်းသားများသည် typing game, virtual terrarium, eco-friendly browser extension, space-invader ပုံစံဂိမ်း နှင့် စီးပွားရေးလုပ်ငန်းများအတွက် ဘဏ်လုပ်ငန်း အက်ပ် တည်ဆောက်ခြင်းတို့ဖြင့် လက်တွေ့ကျွမ်းကျင်မှု ရရှိနိုင်မည်ဖြစ်သည်။ အစီအစဉ်၏ အဆုံးသတ်အချိန်တွင် ဝက်ဘ်ဖွံ့ဖြိုးမှုကို ပြင်းထန်စွာ နားလည်မှု ရရှိစေမည် ဖြစ်သည်။ အကြောင်းအရာများကို project များနှင့် ကိုက်ညီစေရန် ကြိုးစားခြင်းကြောင့် ကျောင်းသားများအတွက် ပိုမိုစိတ်ဝင်စားမှုရှိကာ သင်ယူမှုအတွင်း ပါဝင်မှုတိုးတက်စေသည်။ JavaScript အခြေခံများသင်ကြားရန် စတင်လေ့လာခန်းများ၊ "Beginners Series to: JavaScript" ဗီဒီယို သင်ခန်းစာ စီးရီးများဖြင့် တွဲဖက်ရေးသားထားသည်။ အချို့သောစာရေးသူများက ဒီအစီအစဉ်တွင် ပါဝင်ခဲ့သည်။ ဒီအစီအစဉ်တွင် နည်းပညာတစ်ခုကို သင်ယူနိုင်ရန် စစ်တမ်းအနည်းငယ် မတိုင်မီနှင့် စစ်တမ်း တစ်ခုအပြီး သုံးကွင်းစစ်တမ်းတို့ဟာ သင်ယူမည့် အကြောင်းအရာများ၌ အားပြုထားခြင်းဖြစ်သည်။ ဒီအစီအစဉ်ကို လေးနက်စွာ လေ့လာရန် တစ်ခုလုံး သို့မဟုတ် အစိတ်အပိုင်း တစ်စိတ်တစ်ဒေသယူပြီး ရင်းနှီးနိုင်သည်။ ၁၂ ပတ်အတွင်း သင်ယူရာတွင် စီမံကိန်းများသည် ဆက်တိုက် ရှင်းလင်းကောင်းကောင်းဖြစ်လာမည်။ JavaScript framework များကို မသွင်းယူဘဲ web developer အနေဖြင့် အခြေခံကျကျ လေ့ကျင့်ဖို့ ဗဟုသုတ ရစေမည့်အတွက် framework မသုံးမီ အခြေခံကျကျ လေ့လာပုံ အစီအစဉ် ဖြစ်သည်။ ဒီအစီအစဉ်ပြီးဆုံးပြီးရင် Node.js သင်ခန်းစာများ သင်ယူရန် ကောင်းမည့် နောက်တခုအနေဖြင့် "Beginner Series to: Node.js" ဗီဒီယိုအစီအစဉ်များကို တက်ရောက်နိုင်သည်။

🧭 အော့ဖ်လိုင်း ခွင့်ပြုချက်

Docsify ကို အသုံးပြု၍ ဒီစာတမ်းကို အော့ဖ်လိုင်းတွင် လည်ပတ်နိုင်သည်။ ဒီ repo ကို fork လုပ်ပြီး၊ သင့်ကိုယ်ပိုင်စက်သို့ Docsify ကို install ပြုလုပ်ပါ၊ ထို့နောက် ဒီ repo root folder တွင် docsify serve ဟု ရိုက်ထည့်ပါ။ ဝက်ဘ်ဆိုက်သည် နေရာတိုင်းသုံး localhost ၏ 3000 port တွင် ရရှိနိုင်ပါမည် - localhost:3000။

📘 PDF

သင်ခန်းစာအားလုံးသို့မဟုတ် PDF ကို ဒီမှာတွေ့နိုင်ပါတယ် here။

🎒 အခြားသင်တန်းများ

ကျွန်ုပ်တို့အဖွဲ့သည် အခြားသင်တန်းများကို ထုတ်လုပ်လျက်ရှိပါသည်။ စစ်ဆေးကြည့်ပါ-

LangChain

Azure / Edge / MCP / Agents

Generative AI Series

-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA) -C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC) -E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)

Core Learning

Copilot Series

ကူညီမှုရယူခြင်း

AI အက်ပ်များ တည်ဆောက်ရာတွင် ဖိအားခံရလျှင် သို့မဟုတ် မေးခွန်းရှိချိန်တွင် MCP အကြောင်း ညှိနှိုင်းမှုများတွင် တွဲဖက်သင်ယူနေကြသည့် လေ့လာသူများ နှင့် အတွေ့အကြုံရှိသော developer များနှင့် တွဲဖက်ရောကြသည်။ မေးခွန်းများ လက်ခံသော ပံ့ပိုးထောက်ပံ့မှုရှိသော အသိုင်းအဝိုင်းဖြစ်ပြီး သတင်းအချက်အလက်များ ကိုလည်း လွတ်လပ်စွာမျှဝေကြသည်။ ထုတ်ကုန်အကြံပြုချက် သို့မဟုတ် အမှားများ အကြောင်း ကြိုတင်ပြောဆိုလိုပါက:

လိုင်စင်

ဤ repository သည် MIT လိုင်စင်ဖြင့် လိုင်စင်ပေးထားပါသည်။ ပိုမိုသိရှိလိုပါက LICENSE ဖိုင်ကို ကြည့်ပါ။

ပယ်ချခြင်း: ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှုဖြစ်သော Co-op Translator အသုံးပြု၍ ဘာသာပြန်ထားသည်။ ကျွန်ုပ်တို့သည် မှန်ကန်မှုအတွက်ကြိုးစားပါသည်၊ သို့သော် အလိုအလျောက်ဘာသာပြန်ခြင်းများတွင် အမှားများ သို့မဟုတ် မှားယွင်းချက်များ ပါဝင်နိုင်ကြောင်း ယခင်သိရှိထားပါ။ မူရင်းစာရွက်စာတမ်းကို နိုင်ငံသူဘာသာဖြင့်သာ အတည်ပြုရမည့် အရင်းအမြစ်ဟုလုပ်ဆောင်သင့်ပါသည်။ အရေးကြီးသောသတင်းအချက်အလက်များအတွက် လူကြီးမင်းက စက်မှုလက်မှုကြွယ်ဝသော လူသားဘာသာပြန်ဝန်ဆောင်မှုကို အသုံးပြုရန် အကြံပြုပါသည်။ ဤဘာသာပြန်ချက်ကို အသုံးပြုရာမှ ဖြစ်ပေါ်လာနိုင်သော နားလည်မှုမမှန်ခြင်း သို့မဟုတ် မှားယွင်းမှုများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။