You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
248 lines
48 KiB
248 lines
48 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "63e29f5a308b533df9d70336bbb2e2b8",
|
|
"translation_date": "2025-11-18T17:11:05+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/nTYy5BXMWG)
|
|
|
|
# စတင်သူများအတွက် Web Development - သင်ရိုးညွှန်းတမ်း
|
|
|
|
Microsoft Cloud Advocates မှ 12 ပတ်ကြာ သင်ရိုးတစ်ခုဖြင့် web development အခြေခံများကို လေ့လာပါ။ 24 သင်ခန်းစာများတွင် JavaScript, CSS, HTML တို့ကို terrariums, browser extensions, space games စသည့် လက်တွေ့လုပ်ငန်းများဖြင့် လေ့လာနိုင်ပါသည်။ Quiz, ဆွေးနွေးမှုများနှင့် လက်တွေ့အလုပ်များဖြင့် ပါဝင်ဆောင်ရွက်ပါ။ Project-based သင်ကြားမှုနည်းလမ်းများဖြင့် သင်၏ကျွမ်းကျင်မှုများကို တိုးတက်စေပြီး သိမြင်မှုကို အထိရောက်ဆုံးဖြစ်စေပါသည်။ ယနေ့မှစတင်ပြီး သင်၏ coding ခရီးကို စတင်လိုက်ပါ!
|
|
|
|
Azure AI Foundry Discord အသိုင်းအဝိုင်းတွင် ပါဝင်ဆွေးနွေးပါ
|
|
|
|
[](https://discord.gg/nTYy5BXMWG)
|
|
|
|
ဤအရင်းအမြစ်များကို အသုံးပြုရန်အဆင့်များကို လိုက်နာပါ-
|
|
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 ကို Join လုပ်ပြီး ကျွမ်းကျင်သူများနှင့် developer များနှင့် တွေ့ဆုံပါ**](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
### 🌐 ဘာသာစကားများအထောက်အပံ့
|
|
|
|
#### GitHub Action မှတဆင့် အလိုအလျောက် (အမြဲ Update ဖြစ်နေသော)
|
|
|
|
[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)
|
|
|
|
**အခြားဘာသာစကားများအတွက် အထောက်အပံ့လိုအပ်ပါက [ဒီမှာ](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) သို့ သွားပါ။ အစပြုသူများအတွက် အရင်းအမြစ်များ၊ Student packs နှင့် အခမဲ့လက်မှတ်ရယူနိုင်မည့် နည်းလမ်းများကို တွေ့နိုင်ပါသည်။ ဤစာမျက်နှာကို bookmark လုပ်ထားပြီး လစဉ်အကြောင်းအရာများပြောင်းလဲသည့်အခါ ပြန်လည်စစ်ဆေးပါ။
|
|
|
|
### 📣 ကြေညာချက် - GitHub Copilot Agent mode စိန်ခေါ်မှုအသစ်များ
|
|
|
|
"GitHub Copilot Agent Challenge 🚀" ဟု အခန်းများအများစုတွင် ရှာဖွေပါ။ GitHub Copilot နှင့် Agent mode ကို အသုံးပြု၍ ပြီးစီးရန် စိန်ခေါ်မှုအသစ်တစ်ခုဖြစ်သည်။ Agent mode ကို မသုံးဖူးသေးပါက၊ ၎င်းသည် စာသားများသာမက ဖိုင်များဖန်တီးခြင်း၊ ပြင်ဆင်ခြင်း၊ command များ run လုပ်ခြင်းစသည့် အလုပ်များကိုလည်း လုပ်ဆောင်နိုင်ပါသည်။
|
|
|
|
### 📣 ကြေညာချက် - _Generative AI အသုံးပြု၍ ဖန်တီးရန် Project အသစ်_
|
|
|
|
Generative AI အသုံးပြုသည့် 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 နှင့် အတူ သမိုင်းဝင်ပုဂ္ဂိုလ်များနှင့် ဆက်သွယ်ပါ
|
|
- စိတ်ဝင်စားဖွယ်အကြောင်းအရာများနှင့် အချိန်ခရီးသွားပါ
|
|
|
|
|
|
|
|
သင်ခန်းစာတိုင်းတွင် လုပ်ငန်းတာဝန်၊ သိမြင်မှုစစ်ဆေးမှုနှင့် စိန်ခေါ်မှုများ ပါဝင်ပြီး အောက်ပါအကြောင်းအရာများကို လေ့လာရန် လမ်းညွှန်ပါသည်-
|
|
- Prompting နှင့် prompt engineering
|
|
- Text နှင့် image app ဖန်တီးခြင်း
|
|
- Search apps
|
|
|
|
[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)**၊ သင်ခန်းစာတိုင်းအတွက် pre-lecture quiz ဖြင့် စတင်ပြီး သင်ခန်းစာအကြောင်းအရာများကို ဖတ်ရှုပါ၊ လုပ်ငန်းများကို ပြီးစီးပါ၊ post-lecture quiz ဖြင့် သင်၏နားလည်မှုကို စစ်ဆေးပါ။
|
|
|
|
သင်ယူမှုအတွေ့အကြုံကို မြှင့်တင်ရန်၊ မိတ်ဆွေများနှင့်အတူ project များကို အတူတူလုပ်ဆောင်ပါ။ [ဆွေးနွေးမှုဖိုရမ်](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) ကို လေ့လာရန် အထူးအကြံပြုပါသည်။
|
|
|
|
### 📋 သင့်ပတ်ဝန်းကျင်ကို ပြင်ဆင်ခြင်း
|
|
|
|
ဤသင်ရိုးတွင် အသုံးပြုရန်အဆင်သင့်ဖြစ်သော development environment ပါဝင်သည်။ သင်စတင်လိုက်သောအခါ [Codespace](https://github.com/features/codespaces/) (_browser-based, installation မလိုအပ်သော environment_) သို့မဟုတ် သင့်ကွန်ပျူတာတွင် [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 အဖြစ် အသုံးပြုရန်ဖြစ်ပြီး၊ ၎င်းတွင် built-in [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) ကို ဖွင့်ပြီး အောက်ပါ command ကို run လုပ်ပါ၊ `<your-repository-url>` ကို သင်က copy လုပ်ထားသော URL ဖြင့် အစားထိုးပါ-
|
|
|
|
```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 စာမျက်နှာများကို preview ပြရန်
|
|
> * [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 ဘာသာရပ်များ၏ အခြေခံအကြောင်းအရာများနှင့် ပရော်ဖက်ရှင်နယ် Developer များအလုပ်လုပ်ရာတွင် အကူအညီပေးသော software များအကြောင်းကို သင်ယူပါ | [Programming ဘာသာရပ်များနှင့် Tools of the Trade အကြောင်းအကျဉ်း](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
|
|
| 02 | စတင်ခြင်း | GitHub အခြေခံများ၊ အဖွဲ့နှင့်အတူ အလုပ်လုပ်ခြင်း | GitHub ကို သင်၏ပရောဂျက်တွင် အသုံးပြုနည်း၊ code base တွင် အခြားသူများနှင့် ပူးပေါင်းလုပ်ဆောင်နည်း | [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 အသုံးပြု၍ data ကို အလုပ်လုပ်ခြင်း | [Arrays နှင့် Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
|
|
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ကို လက်တွေ့ကျကျ အသုံးပြုခြင်း | online terrarium ဖန်တီးရန် HTML ကို တည်ဆောက်ပြီး layout တည်ဆောက်ခြင်းကို အာရုံစိုက်ပါ | [HTML အကြောင်းအကျဉ်း](./3-terrarium/1-intro-to-html/README.md) | Jen |
|
|
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ကို လက်တွေ့ကျကျ အသုံးပြုခြင်း | online terrarium ကို responsive ဖြစ်စေရန် CSS ကို တည်ဆောက်ပြီး CSS အခြေခံများကို အာရုံစိုက်ပါ | [CSS အကြောင်းအကျဉ်း](./3-terrarium/2-intro-to-css/README.md) | Jen |
|
|
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM ကို စီမံခြင်း | terrarium ကို drag/drop interface အဖြစ် လုပ်ဆောင်စေရန် JavaScript ကို တည်ဆောက်ပြီး closures နှင့် DOM ကို စီမံခြင်းကို အာရုံစိုက်ပါ | [JavaScript Closures, DOM ကို စီမံခြင်း](./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 ၏ ပထမဆုံး elements များကို 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 များ သိမ်းဆည်းခြင်း | Browser extension ၏ JavaScript elements များကို API ကို ခေါ်သုံးပြီး local storage တွင် သိမ်းဆည်းထားသော variables များကို အသုံးပြု၍ တည်ဆောက်ပါ | [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 | Browser ၏ background processes ကို extension ၏ icon ကို စီမံရန် အသုံးပြုပြီး၊ 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 တစ်ခု တည်ဆောက်ရန် Inheritance ကို Classes နှင့် Composition နှင့် Pub/Sub pattern အသုံးပြုနည်းကို သင်ယူပါ | [အဆင့်မြင့် Game Development အကြောင်းအကျဉ်း](./6-space-game/1-introduction/README.md) | Chris |
|
|
| 16 | [Space Game](./6-space-game/solution/README.md) | Canvas တွင် ရေးဆွဲခြင်း | Canvas API အကြောင်းကို သင်ယူပြီး screen တွင် elements များကို ရေးဆွဲရန် အသုံးပြုပါ | [Canvas တွင် ရေးဆွဲခြင်း](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
|
|
| 17 | [Space Game](./6-space-game/solution/README.md) | Screen ပေါ်တွင် elements များကို ရွှေ့ခြင်း | Cartesian coordinates နှင့် Canvas API ကို အသုံးပြု၍ elements များကို motion ရရှိစေရန် သင်ယူပါ | [Elements များကို ရွှေ့ခြင်း](./6-space-game/3-moving-elements-around/README.md) | Chris |
|
|
| 18 | [Space Game](./6-space-game/solution/README.md) | Collision detection | Keypress များကို အသုံးပြု၍ elements များကို တိုက်မိစေပြီး cooling function ကို အသုံးပြု၍ game performance ကို အာရုံစိုက်ပါ | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
|
|
| 19 | [Space Game](./6-space-game/solution/README.md) | အမှတ်တွက်ခြင်း | Game ၏ status နှင့် performance အပေါ် အခြေခံ math calculation များကို လုပ်ဆောင်ပါ | [အမှတ်တွက်ခြင်း](./6-space-game/5-keeping-score/README.md) | Chris |
|
|
| 20 | [Space Game](./6-space-game/solution/README.md) | Game ကို အဆုံးသတ်ခြင်းနှင့် ပြန်စတင်ခြင်း | Game ကို အဆုံးသတ်ခြင်းနှင့် ပြန်စတင်ခြင်းအကြောင်း၊ assets များကို ရှင်းလင်းခြင်းနှင့် variable values များကို ပြန်လည်သတ်မှတ်ခြင်းကို သင်ယူပါ | [အဆုံးသတ်အခြေအနေ](./6-space-game/6-end-condition/README.md) | Chris |
|
|
| 21 | [Banking App](./7-bank-project/solution/README.md) | Web App တွင် HTML Templates နှင့် Routes | Multipage website architecture ၏ scaffold ကို routing နှင့် HTML templates အသုံးပြု၍ တည်ဆောက်နည်းကို သင်ယူပါ | [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 အဝင်အထွက်၊ fetch နည်း၊ သိမ်းဆည်းနည်းနှင့် ဖျက်ပစ်နည်းကို သင်ယူပါ | [Data](./7-bank-project/3-data/README.md) | Yohan |
|
|
| 24 | [Banking App](./7-bank-project/solution/README.md) | State Management အကြောင်းအရာများ | သင်၏ app ၏ state ကို retain နည်းနှင့် 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 |
|
|
|
|
## 🏫 သင်ကြားမှုနည်းလမ်း
|
|
|
|
ကျွန်ုပ်တို့၏ သင်ရိုးညွှန်းတန်းကို အဓိက သင်ကြားမှုနည်းလမ်းနှစ်ခုအပေါ် အခြေခံထားသည်:
|
|
* ပရောဂျက်အခြေခံ သင်ကြားမှု
|
|
* မကြာခဏ မေးခွန်းများ
|
|
|
|
ဒီအစီအစဉ်သည် 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) အဖြစ် လေ့လာနိုင်ပါသည်။
|
|
|
|
အကြောင်းအရာများကို ပရောဂျက်များနှင့် ကိုက်ညီစေရန် သေချာစေခြင်းဖြင့် ကျောင်းသားများအတွက် ပိုမိုစိတ်ဝင်စားစေပြီး အကြောင်းအရာများကို ပိုမိုမှတ်မိစေမည်ဖြစ်သည်။ JavaScript အခြေခံများကို concept များကို မိတ်ဆက်ရန် သင်ခန်းစာများနှင့် "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" video tutorial စုစည်းမှုမှ video တစ်ခုနှင့် တွဲဖက်ရေးသားထားသည်။
|
|
|
|
ထို့အပြင်၊ သင်ခန်းစာမတိုင်မီ မေးခွန်းတစ်ခုသည် ကျောင်းသား၏ အာရုံစိုက်မှုကို သင်ခန်းစာအကြောင်းအရာသို့ ဦးတည်စေပြီး၊ သင်ခန်းစာပြီးဆုံးပြီးနောက် မေးခွန်းတစ်ခုသည် အကြောင်းအရာများကို ပိုမိုမှတ်မိစေမည်ဖြစ်သည်။ ဒီသင်ရိုးညွှန်းတန်းကို အပြည့်အစုံ သို့မဟုတ် အစိတ်အပိုင်းအလိုက် လေ့လာနိုင်ပြီး၊ ပရောဂျက်များသည် သေးငယ်ပြီး ၁၂ ပတ်အတွင်း ပိုမိုရှုပ်ထွေးလာမည်ဖြစ်သည်။
|
|
|
|
JavaScript frameworks များကို မိတ်ဆက်ခြင်းကို ရည်ရွယ်လျက် Web Developer အဖြစ် framework ကို အသုံးပြုမီ အခြေခံကျသော ကျွမ်းကျင်မှုများကို အာရုံစိုက်ရန် ရည်ရွယ်ထားသော်လည်း၊ ဒီသင်ရိုးညွှန်းတန်းကို ပြီးဆုံးပြီးနောက် Node.js အကြောင်းကို "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" video စုစည်းမှုမှ လေ့လာခြင်းသည် ကောင်းမွန်သော နောက်တစ်ဆင့်ဖြစ်နိုင်သည်။
|
|
|
|
> ကျွန်ုပ်တို့၏ [Code of Conduct](CODE_OF_CONDUCT.md) နှင့် [Contributing](CONTRIBUTING.md) လမ်းညွှန်ချက်များကို ကြည့်ရှုပါ။ သင့်၏ အဆောက်အအုံဆိုင်ရာ အကြံပြုချက်များကို ကြိုဆိုပါသည်!
|
|
|
|
## 🧭 အွန်လိုင်းမရှိဘဲ အသုံးပြုခြင်း
|
|
|
|
ဒီ documentation ကို [Docsify](https://docsify.js.org/#/) အသုံးပြု၍ အွန်လိုင်းမရှိဘဲ အသုံးပြုနိုင်သည်။ ဒီ repo ကို fork လုပ်ပြီး၊ သင့် local machine တွင် [Docsify install](https://docsify.js.org/#/quickstart) လုပ်ပါ၊ ထို့နောက် repo ၏ root folder တွင် `docsify serve` ရိုက်ပါ။ website ကို သင့် localhost ၏ port 3000 တွင် serve လုပ်မည်: `localhost:3000`။
|
|
|
|
## 📘 PDF
|
|
|
|
သင်ခန်းစာများအားလုံး၏ PDF ကို [ဒီမှာ](https://
|
|
[](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)
|
|
|
|
## အကူအညီရယူခြင်း
|
|
|
|
AI အက်ပ်များ တည်ဆောက်ရာတွင် အခက်အခဲရှိပါက သို့မဟုတ် မေးခွန်းများရှိပါက MCP အကြောင်း ဆွေးနွေးရန် သင်တန်းသားများနှင့် အတွေ့အကြုံရှိ ဖွံ့ဖြိုးရေးသူများနှင့် ပူးပေါင်းပါ။ မေးခွန်းများကို ကြိုဆိုပြီး အသိပညာများကို အခမဲ့မျှဝေသော ပံ့ပိုးမှုရှိသော အသိုင်းအဝိုင်းတစ်ခုဖြစ်ပါသည်။
|
|
|
|
[](https://discord.gg/nTYy5BXMWG)
|
|
|
|
ထုတ်ကုန်အကြံပြုချက်များ သို့မဟုတ် တည်ဆောက်ရာတွင် အမှားများရှိပါက အောက်ပါလင့်ခ်သို့ သွားပါ-
|
|
|
|
[](https://aka.ms/foundry/forum)
|
|
|
|
## လိုင်စင်
|
|
|
|
ဤ repository သည် MIT လိုင်စင်အောက်တွင် လိုင်စင်ရရှိထားပါသည်။ အသေးစိတ်အချက်အလက်များအတွက် [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ပါ။
|
|
|
|
---
|
|
|
|
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
|
|
**ဝန်ခံချက်**:
|
|
ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှန်ကန်မှုအတွက် ကြိုးစားနေသော်လည်း၊ အလိုအလျောက်ဘာသာပြန်ခြင်းတွင် အမှားများ သို့မဟုတ် မမှန်ကန်မှုများ ပါဝင်နိုင်သည်ကို သတိပြုပါ။ မူလဘာသာစကားဖြင့် ရေးသားထားသော စာရွက်စာတမ်းကို အာဏာတည်သော ရင်းမြစ်အဖြစ် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူ့ဘာသာပြန်ပညာရှင်များမှ ဘာသာပြန်ခြင်းကို အကြံပြုပါသည်။ ဤဘာသာပြန်ကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်လာသော အလွဲအမှားများ သို့မဟုတ် အနားလွဲမှုများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။
|
|
<!-- CO-OP TRANSLATOR DISCLAIMER END --> |