|
|
<!--
|
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
|
{
|
|
|
"original_hash": "8b9d0562ea649b6012d1a67acc630681",
|
|
|
"translation_date": "2025-10-24T16:03:19+00:00",
|
|
|
"source_file": "README.md",
|
|
|
"language_code": "my"
|
|
|
}
|
|
|
-->
|
|
|
[](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
|
|
|
[](http://makeapullrequest.com)
|
|
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
|
|
|
|
|
|
[](https://discord.gg/zxKYvhSnVp?WT.mc_id=academic-000002-leestott)
|
|
|
|
|
|
# စတင်သူများအတွက် ဝက်ဘ်ဖွံ့ဖြိုးရေး - သင်ရိုး
|
|
|
|
|
|
Microsoft Cloud Advocates မှ ၁၂ ပတ်ကြာ သင်ရိုးတစ်ခုဖြင့် ဝက်ဘ်ဖွံ့ဖြိုးရေးအခြေခံကို လေ့လာပါ။ ၂၄ သင်ခန်းစာတစ်ခုစီတွင် JavaScript, CSS နှင့် HTML ကို terrariums, browser extensions, space games စသည်တို့ကဲ့သို့သော လက်တွေ့လုပ်ငန်းများမှတစ်ဆင့် လေ့လာနိုင်ပါသည်။ မေးခွန်းများ၊ ဆွေးနွေးမှုများနှင့် လက်တွေ့လုပ်ငန်းများဖြင့် ပါဝင်ဆင်နွှဲပါ။ သင်၏ကျွမ်းကျင်မှုများကို တိုးတက်စေပြီး ကျွမ်းကျင်မှုကို ထိန်းသိမ်းနိုင်ရန် အကျိုးရှိသော လက်တွေ့လုပ်ငန်းအခြေပြု သင်ကြားမှုနည်းပညာဖြင့် သင်ယူပါ။ သင်၏ coding ခရီးကို ယနေ့စတင်လိုက်ပါ!
|
|
|
|
|
|
Azure AI Foundry Discord Community ကို ဝင်ရောက်ပါ
|
|
|
|
|
|
[](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
|
|
ဤအရင်းအမြစ်များကို အသုံးပြုရန်အတွက် အောက်ပါအဆင့်များကို လိုက်နာပါ။
|
|
|
1. **Repository ကို Fork လုပ်ပါ**: [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) ကိုနှိပ်ပါ။
|
|
|
2. **Repository ကို Clone လုပ်ပါ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
3. [**Azure AI Foundry Discord ကို ဝင်ရောက်ပြီး ကျွမ်းကျင်သူများနှင့် ဖွံ့ဖြိုးရေးဆရာများနှင့် တွေ့ဆုံပါ**](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
|
|
### 🌐 ဘာသာစကားများအထောက်အပံ့
|
|
|
|
|
|
#### GitHub Action မှတစ်ဆင့် အလိုအလျောက် (အမြဲ Update ဖြစ်နေသော)
|
|
|
|
|
|
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
|
|
|
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](./README.md) | [Chinese (Simplified)](../zh/README.md) | [Chinese (Traditional, Hong Kong)](../hk/README.md) | [Chinese (Traditional, Macau)](../mo/README.md) | [Chinese (Traditional, Taiwan)](../tw/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../br/README.md) | [Portuguese (Portugal)](../pt/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
|
|
|
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
|
|
|
|
|
|
**အပိုဘာသာစကားများထည့်သွင်းလိုပါက [ဒီနေရာမှာ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ရှိသောစာရင်းကို ကြည့်ပါ**
|
|
|
|
|
|
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
|
|
|
|
|
|
#### 🧑🎓 _ကျောင်းသားများအတွက်_
|
|
|
|
|
|
[**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ကိုလည်ပတ်ပါ။ အဲဒီမှာ စတင်သူများအတွက် အရင်းအမြစ်များ၊ ကျောင်းသားအထုပ်များနှင့် အခမဲ့လက်မှတ်ရယူနိုင်မည့် နည်းလမ်းများကို တွေ့နိုင်ပါသည်။ ဤစာမျက်နှာကို bookmark လုပ်ထားပြီး အကြောင်းအရာများကို လစဉ်ပြောင်းလဲသည့်အတွက် အချိန်အခါမရွေး လာရောက်ကြည့်ရှုပါ။
|
|
|
|
|
|
### 📣 ကြေညာချက် - GitHub Copilot Agent mode အခန်းကဏ္ဍများကို ပြီးမြောက်ရန် စိန်ခေါ်မှုအသစ်များ!
|
|
|
|
|
|
စိန်ခေါ်မှုအသစ်ထည့်သွင်းထားပြီး၊ "GitHub Copilot Agent Challenge 🚀" ဟူသော စိန်ခေါ်မှုကို အခန်းများအများစုတွင် ရှာဖွေပါ။ GitHub Copilot နှင့် Agent mode ကို အသုံးပြု၍ စိန်ခေါ်မှုကို ပြီးမြောက်စေပါ။ Agent mode ကို မသုံးဖူးပါက၊ ၎င်းသည် စာသားများကို ဖန်တီးနိုင်သလို ဖိုင်များကို ပြင်ဆင်နိုင်ပြီး၊ command များကို run လုပ်နိုင်သည့် စွမ်းရည်ရှိသည်။
|
|
|
|
|
|
### 📣 ကြေညာချက် - _Generative AI ကို အသုံးပြု၍ ဖန်တီးရန် Project အသစ်_
|
|
|
|
|
|
AI Assistant project အသစ်ကို ထည့်သွင်းထားပြီး၊ [project](./09-chat-project/README.md) ကို ကြည့်ပါ။
|
|
|
|
|
|
### 📣 ကြေညာချက် - _Generative AI သင်ရိုး_ JavaScript အတွက် အသစ်ထွက်ရှိ
|
|
|
|
|
|
Generative AI သင်ရိုးအသစ်ကို မလွတ်တမ်း လေ့လာပါ!
|
|
|
|
|
|
စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ကို လည်ပတ်ပါ!
|
|
|
|
|
|
|
|
|
|
|
|
- အခြေခံမှ RAG အထိကို ဖုံးကွယ်ထားသော သင်ခန်းစာများ။
|
|
|
- GenAI နှင့် ကျွန်ုပ်တို့၏ companion app ကို အသုံးပြု၍ သမိုင်းဝင် လူပုဂ္ဂိုလ်များနှင့် အပြန်အလှန် ဆွေးနွေးပါ။
|
|
|
- စိတ်ဝင်စားဖွယ် ဇာတ်လမ်းတစ်ခုဖြင့် အချိန်ခရီးသွားပါ။
|
|
|
|
|
|
|
|
|
|
|
|
သင်ခန်းစာတစ်ခုစီတွင် လုပ်ငန်းတာဝန်များ၊ အသိပညာစစ်ဆေးမှုများနှင့် စိန်ခေါ်မှုများ ပါဝင်ပြီး၊ အောက်ပါအကြောင်းအရာများကို လေ့လာရန် လမ်းညွှန်ပါသည်။
|
|
|
- Prompting နှင့် prompt engineering
|
|
|
- စာသားနှင့် ပုံ app ဖန်တီးခြင်း
|
|
|
- ရှာဖွေမှု app များ
|
|
|
|
|
|
စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ကို လည်ပတ်ပါ!
|
|
|
|
|
|
## 🌱 စတင်ခြင်း
|
|
|
|
|
|
> **ဆရာများ**၊ ဤသင်ရိုးကို အသုံးပြုရန်အတွက် [အကြံပြုချက်များ](for-teachers.md) ထည့်သွင်းထားပါသည်။ ကျွန်ုပ်တို့၏ [ဆွေးနွေးမှုဖိုရမ်](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) တွင် သင့်တုံ့ပြန်ချက်ကို ကြိုဆိုပါသည်။
|
|
|
|
|
|
**[လေ့လာသူများ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**၊ သင်ခန်းစာတစ်ခုစီအတွက် သင်ခန်းစာမတိုင်မီ မေးခွန်းများဖြင့် စတင်ပြီး သင်ခန်းစာအကြောင်းအရာကို ဖတ်ရှုခြင်း၊ လှုပ်ရှားမှုများကို ပြီးမြောက်စေခြင်းနှင့် သင်ခန်းစာပြီးဆုံးပြီးနောက် မေးခွန်းများဖြင့် သင်၏နားလည်မှုကို စစ်ဆေးပါ။
|
|
|
|
|
|
သင်၏လေ့လာမှုအတွေ့အကြုံကို မြှင့်တင်ရန်၊ သင်၏အတန်းဖော်များနှင့် ပူးပေါင်းပြီး လက်တွေ့လုပ်ငန်းများကို အတူတကွ လုပ်ဆောင်ပါ! [ဆွေးနွေးမှုဖိုရမ်](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) တွင် ဆွေးနွေးမှုများကို အားပေးပါ၊ ကျွန်ုပ်တို့၏ moderator အဖွဲ့သည် သင်၏မေးခွန်းများကို ဖြေကြားရန် ရှိနေပါမည်။
|
|
|
|
|
|
သင်၏ပညာရေးကို တိုးတက်စေရန်၊ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ကို လေ့လာရန် အကြံပြုပါသည်။
|
|
|
|
|
|
### 📋 သင့်ပတ်ဝန်းကျင်ကို စတင်တပ်ဆင်ခြင်း
|
|
|
|
|
|
ဤသင်ရိုးသည် ဖွံ့ဖြိုးရေးပတ်ဝန်းကျင်ကို အသင့်ဖြစ်စေထားပါသည်! စတင်ရန် သင်သည် [Codespace](https://github.com/features/codespaces/) (_browser-based, အတပ်မလိုအပ်သော ပတ်ဝန်းကျင်_) သို့မဟုတ် သင့်ကွန်ပျူတာတွင် [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကဲ့သို့သော text editor ကို အသုံးပြု၍ locally run လုပ်နိုင်ပါသည်။
|
|
|
|
|
|
#### သင့် repository ကို ဖန်တီးပါ
|
|
|
သင့်လုပ်ငန်းကို လွယ်ကူစွာ သိမ်းဆည်းရန်၊ ဤ repository ၏ ကိုယ်ပိုင် copy ကို ဖန်တီးရန် အကြံပြုပါသည်။ ဤစာမျက်နှာ၏ အပေါ်ဘက်တွင် **Use this template** ခလုတ်ကို နှိပ်ပါ။ ဤသည် သင့် GitHub အကောင့်တွင် သင်ရိုး၏ copy ဖြင့် repository အသစ်ကို ဖန်တီးပါမည်။
|
|
|
|
|
|
အောက်ပါအဆင့်များကို လိုက်နာပါ။
|
|
|
1. **Repository ကို Fork လုပ်ပါ**: ဤစာမျက်နှာ၏ အပေါ်ညာဘက်တွင် "Fork" ခလုတ်ကို နှိပ်ပါ။
|
|
|
2. **Repository ကို Clone လုပ်ပါ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
|
|
#### Codespace တွင် သင်ရိုးကို run လုပ်ခြင်း
|
|
|
|
|
|
သင်ဖန်တီးထားသော repository copy တွင် **Code** ခလုတ်ကို နှိပ်ပြီး **Open with Codespaces** ကို ရွေးပါ။ ဤသည် သင်အလုပ်လုပ်ရန် Codespace အသစ်ကို ဖန်တီးပါမည်။
|
|
|
|
|
|
|
|
|
|
|
|
#### သင့်ကွန်ပျူတာတွင် locally သင်ရိုးကို run လုပ်ခြင်း
|
|
|
|
|
|
သင့်ကွန်ပျူတာတွင် locally run လုပ်ရန်၊ သင့်တွင် text editor, browser နှင့် command line tool တစ်ခုလိုအပ်ပါသည်။ ကျွန်ုပ်တို့၏ ပထမဆုံးသင်ခန်းစာ [Programming Languages နှင့် Tools of the Trade ကိုမိတ်ဆက်ခြင်း](../../1-getting-started-lessons/1-intro-to-programming-languages) တွင် ဤ tools များအတွက် အကောင်းဆုံးရွေးချယ်မှုများကို သင့်အတွက် လမ်းညွှန်ပါမည်။
|
|
|
|
|
|
ကျွန်ုပ်တို့၏အကြံပြုချက်မှာ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကို editor အဖြစ် အသုံးပြုရန်ဖြစ်ပြီး၊ ၎င်းတွင် [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ပါဝင်သည်။ Visual Studio Code ကို [ဒီနေရာ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) မှာ download လုပ်နိုင်ပါသည်။
|
|
|
|
|
|
1. သင့် repository ကို သင့်ကွန်ပျူတာသို့ Clone လုပ်ပါ။ **Code** ခလုတ်ကို နှိပ်ပြီး URL ကို copy လုပ်ပါ:
|
|
|
|
|
|
[CodeSpace](./images/createcodespace.png)
|
|
|
|
|
|
ထို့နောက် [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) တွင် [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ကို ဖွင့်ပြီး၊ သင် copy လုပ်ထားသော URL ကို `<your-repository-url>` အစားထိုး၍ အောက်ပါ command ကို run လုပ်ပါ။
|
|
|
|
|
|
```bash
|
|
|
git clone <your-repository-url>
|
|
|
```
|
|
|
|
|
|
2. Visual Studio Code တွင် folder ကို ဖွင့်ပါ။ **File** > **Open Folder** ကို နှိပ်ပြီး သင် Clone လုပ်ထားသော folder ကို ရွေးပါ။
|
|
|
|
|
|
> Visual Studio Code extensions အကြံပြုချက်:
|
|
|
>
|
|
|
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code အတွင်း HTML စာမျက်နှာများကို ကြည့်ရှုရန်
|
|
|
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ကုဒ်ကို ပိုမိုလျင်မြန်စွာရေးသားရန် အကူအညီပေးသည်
|
|
|
|
|
|
## 📂 သင်ခန်းစာတစ်ခုစီတွင် ပါဝင်သောအရာများ:
|
|
|
|
|
|
- ရွေးချယ်နိုင်သော sketchnote
|
|
|
- ရွေးချယ်နိုင်သော အပိုဗီဒီယို
|
|
|
- သင်ခန်းစာမတိုင်မီ အပူတက်မေးခွန်း
|
|
|
- ရေးသားထားသော သင်ခန်းစာ
|
|
|
- ပရောဂျက်အခြေခံ သင်ခန်းစာများအတွက် ပရောဂျက်ကို တစ်ဆင့်ချင်းဆင့် တည်ဆောက်ပုံလမ်းညွှန်
|
|
|
- အသိပညာစစ်ဆေးမှုများ
|
|
|
- စိန်ခေါ်မှု
|
|
|
- အပိုဖတ်ရှုရန်စာများ
|
|
|
- အိမ်စာ
|
|
|
- [သင်ခန်းစာပြီးဆုံးပြီး မေးခွန်း](https://ff-quizzes.netlify.app/web/)
|
|
|
|
|
|
> **မေးခွန်းများအကြောင်းမှတ်ချက်**: မေးခွန်းအားလုံးကို Quiz-app ဖိုလ်ဒါတွင် ထည့်ထားပြီး၊ မေးခွန်း ၃ ခုပါဝင်သော မေးခွန်း ၄၈ ခုရှိသည်။ [ဒီမှာ](https://ff-quizzes.netlify.app/web/) ရရှိနိုင်ပြီး Quiz app ကို ဒေသတွင်းတွင် အလုပ်လုပ်စေခြင်း သို့မဟုတ် Azure တွင် တင်နိုင်သည်။ `quiz-app` ဖိုလ်ဒါတွင် ရှိသော လမ်းညွှန်ချက်များကို လိုက်နာပါ။
|
|
|
|
|
|
## 🗃️ သင်ခန်းစာများ
|
|
|
|
|
|
| | ပရောဂျက်အမည် | သင်ကြားမည့်အကြောင်းအရာများ | သင်ယူရမည့်ရည်ရွယ်ချက်များ | သင်ခန်းစာချိတ်ဆက် | အရေးသားသူ |
|
|
|
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
|
|
|
| 01 | စတင်ခြင်း | Programming နှင့် Tools of the Trade အကြောင်းမိတ်ဆက် | Programming ဘာသာစကားများနှင့် Professional Developer များအလုပ်လုပ်ရန် အကူအညီပေးသော Software များအကြောင်း အခြေခံကို သင်ယူပါ | [Programming ဘာသာစကားများနှင့် Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
|
|
|
| 02 | စတင်ခြင်း | GitHub အခြေခံများ၊ အဖွဲ့နှင့်အတူ အလုပ်လုပ်ခြင်း | GitHub ကို သင်၏ပရောဂျက်တွင် အသုံးပြုပုံ၊ အခြေခံကုဒ်အပေါ် အခြားသူများနှင့် ပူးပေါင်းလုပ်ဆောင်ပုံ | [GitHub အခြေခံ](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
|
|
|
| 03 | စတင်ခြင်း | Accessibility | Web Accessibility အခြေခံများကို သင်ယူပါ | [Accessibility အခြေခံ](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
|
|
|
| 04 | JS အခြေခံ | JavaScript Data Types | JavaScript Data Types အခြေခံများ | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
|
|
|
| 05 | JS အခြေခံ | Functions နှင့် Methods | Application Logic Flow ကို စီမံရန် Functions နှင့် Methods အကြောင်းကို သင်ယူပါ | [Functions နှင့် Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
|
|
|
| 06 | JS အခြေခံ | JS ဖြင့် ဆုံးဖြတ်ချက်များလုပ်ခြင်း | Decision-Making Methods အသုံးပြု၍ သင်၏ကုဒ်တွင် အခြေအနေများဖန်တီးပုံကို သင်ယူပါ | [ဆုံးဖြတ်ချက်များလုပ်ခြင်း](./2-js-basics/3-making-decisions/README.md) | Jasmine |
|
|
|
| 07 | JS အခြေခံ | Arrays နှင့် Loops | JavaScript တွင် Arrays နှင့် Loops အသုံးပြု၍ ဒေတာများကို အလုပ်လုပ်ပုံ | [Arrays နှင့် Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
|
|
|
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ကို လက်တွေ့ကျကျ အသုံးပြုခြင်း | Layout တစ်ခုတည်ဆောက်ရန် အွန်လိုင်း Terrarium ဖန်တီးရန် HTML ကို တည်ဆောက်ပါ | [HTML မိတ်ဆက်](./3-terrarium/1-intro-to-html/README.md) | Jen |
|
|
|
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ကို လက်တွေ့ကျကျ အသုံးပြုခြင်း | CSS ကို တည်ဆောက်၍ အွန်လိုင်း Terrarium ကို Responsive ဖြစ်အောင် အခြေခံ CSS များကို အာရုံစိုက်ပါ | [CSS မိတ်ဆက်](./3-terrarium/2-intro-to-css/README.md) | Jen |
|
|
|
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM Manipulation | Terrarium ကို Drag/Drop Interface အဖြစ် လုပ်ဆောင်ရန် JavaScript ကို တည်ဆောက်ပါ၊ Closures နှင့် DOM Manipulation ကို အာရုံစိုက်ပါ | [JavaScript Closures, DOM Manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
|
|
|
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Typing Game တစ်ခု တည်ဆောက်ခြင်း | JavaScript App ၏ Logic ကို Keyboard Events အသုံးပြု၍ အလုပ်လုပ်ပုံကို သင်ယူပါ | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
|
|
|
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Browser များနှင့် အလုပ်လုပ်ခြင်း | Browser များအလုပ်လုပ်ပုံ၊ ၎င်းတို့၏ သမိုင်းကြောင်းနှင့် Browser Extension ၏ ပထမဆုံး Element များကို Scaffold လုပ်ပုံကို သင်ယူပါ | [Browser များအကြောင်း](./5-browser-extension/1-about-browsers/README.md) | Jen |
|
|
|
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Form တစ်ခုတည်ဆောက်ခြင်း၊ API ကို ခေါ်ခြင်းနှင့် Local Storage တွင် Variables များသိမ်းဆည်းခြင်း | Local Storage တွင် သိမ်းဆည်းထားသော Variables အသုံးပြု၍ API ကို ခေါ်ရန် Browser Extension ၏ JavaScript Element များကို တည်ဆောက်ပါ | [APIs, Forms, နှင့် Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
|
|
|
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Browser ၏ Background Processes, Web Performance | Extension ၏ Icon ကို စီမံရန် Browser ၏ Background Processes ကို အသုံးပြုပါ၊ Web Performance နှင့် Optimization များအကြောင်း သင်ယူပါ | [Background Tasks နှင့် Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
|
|
|
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript ဖြင့် အဆင့်မြင့် Game Development | Game တစ်ခုတည်ဆောက်ရန် Class နှင့် Composition အသုံးပြု၍ Inheritance အကြောင်း၊ Pub/Sub Pattern အကြောင်း သင်ယူပါ | [အဆင့်မြင့် Game Development မိတ်ဆက်](./6-space-game/1-introduction/README.md) | Chris |
|
|
|
| 16 | [Space Game](./6-space-game/solution/README.md) | Canvas တွင် ရေးဆွဲခြင်း | Screen တွင် Element များရေးဆွဲရန် အသုံးပြုသော Canvas API အကြောင်း သင်ယူပါ | [Canvas တွင် ရေးဆွဲခြင်း](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
|
|
|
| 17 | [Space Game](./6-space-game/solution/README.md) | Screen ပေါ်တွင် Element များရွှေ့ခြင်း | Cartesian Coordinates နှင့် Canvas API အသုံးပြု၍ Element များကို Motion ရရှိစေခြင်းကို ရှာဖွေပါ | [Element များရွှေ့ခြင်း](./6-space-game/3-moving-elements-around/README.md) | Chris |
|
|
|
| 18 | [Space Game](./6-space-game/solution/README.md) | Collision Detection | Element များကို တိုက်မိစေပြီး Keypresses အသုံးပြု၍ တုံ့ပြန်မှုများပေးပါ၊ Game ၏ Performance အတွက် Cooldown Function တစ်ခု ပေးပါ | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
|
|
|
| 19 | [Space Game](./6-space-game/solution/README.md) | အမှတ်တွက်ခြင်း | Game ၏ Status နှင့် Performance အပေါ် အခြေခံ၍ Math Calculations များ ဆောင်ရွက်ပါ | [အမှတ်တွက်ခြင်း](./6-space-game/5-keeping-score/README.md) | Chris |
|
|
|
| 20 | [Space Game](./6-space-game/solution/README.md) | Game ကို အဆုံးသတ်ခြင်းနှင့် ပြန်စတင်ခြင်း | Game ကို အဆုံးသတ်ခြင်းနှင့် ပြန်စတင်ခြင်းအကြောင်း၊ Asset များကို ရှင်းလင်းခြင်းနှင့် Variable Values များကို ပြန်လည် Reset လုပ်ခြင်းကို သင်ယူပါ | [အဆုံးသတ်အခြေအနေ](./6-space-game/6-end-condition/README.md) | Chris |
|
|
|
| 21 | [Banking App](./7-bank-project/solution/README.md) | Web App တွင် HTML Templates နှင့် Routes | Routing နှင့် HTML Templates အသုံးပြု၍ Multipage Website Architecture တစ်ခု၏ Scaffold ကို တည်ဆောက်ပုံကို သင်ယူပါ | [HTML Templates နှင့် Routes](./7-bank-project/1-template-route/README.md) | Yohan |
|
|
|
| 22 | [Banking App](./7-bank-project/solution/README.md) | Login နှင့် Registration Form တစ်ခု တည်ဆောက်ခြင်း | Form များတည်ဆောက်ခြင်းနှင့် Validation Routines ကို စီမံပုံကို သင်ယူပါ | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
|
|
|
| 23 | [Banking App](./7-bank-project/solution/README.md) | Data ကို Fetching နှင့် အသုံးပြုခြင်း၏ နည်းလမ်းများ | သင်၏ App တွင် Data ရေစီးကြောင်း၊ Fetching, Storing, နှင့် Disposing ပုံကို သင်ယူပါ | [Data](./7-bank-project/3-data/README.md) | Yohan |
|
|
|
| 24 | [Banking App](./7-bank-project/solution/README.md) | State Management ၏ အကြောင်းအရာများ | သင်၏ App ၏ State ကို ထိန်းသိမ်းပုံနှင့် Programmatically စီမံပုံကို သင်ယူပါ | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
|
|
|
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode နှင့် အလုပ်လုပ်ခြင်း | Code Editor အသုံးပြုပုံကို သင်ယူပါ | [VScode Code Editor အသုံးပြုခြင်း](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
|
|
|
| 26 | [AI Assistants](./9-chat-project/README.md) | AI နှင့် အလုပ်လုပ်ခြင်း | သင်၏ကိုယ်ပိုင် AI Assistant တစ်ခု တည်ဆောက်ပုံကို သင်ယူပါ | [AI Assistant Project](./9-chat-project/README.md) | Chris |
|
|
|
|
|
|
## 🏫 သင်ကြားရေးနည်းပညာ
|
|
|
|
|
|
ကျွန်ုပ်တို့၏ သင်ရိုးညွှန်းတန်းကို အဓိက သင်ကြားရေးနည်းပညာဆိုင်ရာ မူဝါဒနှစ်ခုအတိုင်း ဒီဇိုင်းဆွဲထားပါသည်:
|
|
|
* Project-Based Learning
|
|
|
* မကြာခဏ မေးခွန်းများ
|
|
|
|
|
|
ဒီအစီအစဉ်သည် JavaScript, HTML, နှင့် CSS ၏ အခြေခံများကို သင်ကြားပေးပြီး ယနေ့ Web Developer များအသုံးပြုသော Tools နှင့် Techniques များကိုလည်း သင်ကြားပေးပါသည်။ ကျောင်းသားများသည် Typing Game, Virtual Terrarium, Eco-Friendly Browser Extension, Space-Invader-Style Game, နှင့် Business များအတွက် Banking App တည်ဆောက်ခြင်းဖြင့် လက်တွေ့ကျကျ အတွေ့အကြုံရရှိမည်ဖြစ်သည်။ အစီအစဉ်၏ အဆုံးတွင် ကျောင်းသားများသည် Web Development အကြောင်းကို အခြေခံအားလုံးကို နားလည်သွားမည်ဖြစ်သည်။
|
|
|
|
|
|
> 🎓 ဒီသင်ရိုးညွှန်းတန်း၏ ပထမဆုံး သင်ခန်းစာများကို Microsoft Learn တွင် [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) အဖြစ် လေ့လာနိုင်ပါသည်။
|
|
|
|
|
|
Content ကို Project များနှင့် ကိုက်ညီစေရန် သေချာစေခြင်းဖြင့် ကျောင်းသားများအတွက် ပိုမိုစိတ်ဝင်စားစေပြီး Concept များကို ပိုမိုမှတ်မိစေမည်ဖြစ်သည်။ JavaScript အခြေခံများကို မိတ်ဆက်သည့် Starter Lessons များကိုလည်း ရေးသားထားပြီး "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" Tutorial Video Collection မှ Video တစ်ခုနှင့် တွဲဖက်ထားပါသည်။ ဒီ Tutorial ၏ အချို့သော အရေးသားသူများသည် ဒီသင်ရိုးညွှန်းတန်းကိုလည်း ပံ့ပိုးပေးထားပါသည်။
|
|
|
|
|
|
ထို့အပြင် သင်ခန်းစာမတိုင်မီ Low-Stakes Quiz တစ်ခုသည် ကျောင်းသား၏ အာရုံစိုက်မှုကို သင်ခန်းစာအပေါ် အလေးထားစေပြီး သင်ခန်းစာပြီးဆုံးပြီး မေးခွန်းတစ်ခုသည် Concept များကို ပိုမိုမှတ်မိစေပါသည်။ ဒီသင်ရိုးညွှန်းတန်းကို Flexible ဖြစ်စေရန်နှင့် ပျော်ရွှင်စေရန် ဒီဇိုင်းဆွဲထားပြီး အစအဆုံး သို့မဟုတ် အစိတ်အပိုင်းအချို့ကို လေ့လာနိုင်ပါသည်။ Project များသည် အစမှာ သေးငယ်ပြီး 12-Week Cycle ၏ အဆုံးတွင် ပိုမိုရှုပ်ထွေးလာမည်ဖြစ်သည်။
|
|
|
|
|
|
JavaScript Framework များကို မိတ်ဆက်ခြင်းကို ရည်ရွယ်လျက် ရှောင်ရှားထားပြီး Framework ကို အသုံးပြုမီ Web Developer အဖြစ်လိုအပ်သော အခြေခံကျွမ်းကျင်မှုများကို အာရုံစိုက်ထားပါသည်။ ဒီသင်ရိုးညွှန်းတန်းကို ပြီးဆုံးပြီးနောက် Node.js အကြောင်း သင်ယူရန် [Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon) Tutorial Video Collection ကို လေ့လာခြင်းသည် ကောင်းမွန်သော နောက်တစ်ဆင့်ဖြစ်ပါသည်။
|
|
|
|
|
|
> ကျွန်ုပ်တို့၏ [Code of Conduct](CODE_OF_CONDUCT.md) နှင့် [Contributing](CONTRIBUTING.md) လမ်းညွှန်ချက်များကို ကြည့်ရှုပါ။ သင့်၏ အဆောက်အအုံဆန်းစစ်မှုကို ကြိုဆိုပါသည်!
|
|
|
|
|
|
## 🧭 အွန်လိုင်းမရှိဘဲ အသုံးပြုနိုင်မှု
|
|
|
|
|
|
ဒီ Documentation ကို [Docsify](https://docsify.js.org/#/) အသုံးပြု၍ အွန်လိုင်းမရှိဘဲ အလုပ်လုပ်စေနိုင်ပါသည်။ ဒီ Repo ကို Fork လုပ်ပြီး [Docsify](https://docsify.js.org/#/quickstart) ကို သင့်ဒေသတွင်းစက်တွင် Install လုပ်ပါ၊ ထို့နောက် ဒီ Repo ၏
|
|
|
[](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
|
---
|
|
|
|
|
|
### Generative AI Series
|
|
|
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
|
|
|
[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
|
|
|
[-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
|
---
|
|
|
|
|
|
### Core Learning
|
|
|
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
[](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
|
|
|
[](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
[](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
|
---
|
|
|
|
|
|
### Copilot Series
|
|
|
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
|
|
|
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
|
|
|
[](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
|
|
|
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
|
|
|
|
|
|
## အကူအညီရယူရန်
|
|
|
|
|
|
AI အက်ပလီကေးရှင်းများတည်ဆောက်ရာတွင် အခက်အခဲရှိပါက သို့မဟုတ် မေးခွန်းများရှိပါက အောက်ပါကို ဝင်ရောက်ပါ:
|
|
|
|
|
|
[](https://aka.ms/foundry/discord)
|
|
|
|
|
|
ထုတ်ကုန်အကြံပြုချက်များ သို့မဟုတ် တည်ဆောက်ရာတွင် အမှားများရှိပါက အောက်ပါကို သွားပါ:
|
|
|
|
|
|
[](https://aka.ms/foundry/forum)
|
|
|
|
|
|
## လိုင်စင်
|
|
|
|
|
|
ဤ repository သည် MIT လိုင်စင်အောက်တွင် လိုင်စင်ရရှိထားပါသည်။ အသေးစိတ်အချက်အလက်များအတွက် [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ပါ။
|
|
|
|
|
|
---
|
|
|
|
|
|
**အကြောင်းကြားချက်**:
|
|
|
ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှုအတွက် ကြိုးစားနေသော်လည်း အလိုအလျောက် ဘာသာပြန်မှုများတွင် အမှားများ သို့မဟုတ် မမှန်ကန်မှုများ ပါဝင်နိုင်သည်ကို သတိပြုပါ။ မူရင်းဘာသာစကားဖြင့် ရေးသားထားသော စာရွက်စာတမ်းကို အာဏာတရားရှိသော အရင်းအမြစ်အဖြစ် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူက ဘာသာပြန်မှုကို အကြံပြုပါသည်။ ဤဘာသာပြန်မှုကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်လာသော အလွဲအလွတ်များ သို့မဟုတ် အနားလွဲမှုများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။ |
