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.
200 lines
42 KiB
200 lines
42 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "687c62646ad5595f1ba733edc294cdae",
|
|
"translation_date": "2025-08-28T18:26:44+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)
|
|
|
|
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
|
|
|
|
[](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 ကို Join လုပ်ပြီး ကျွမ်းကျင်သူများနှင့် Developer မိတ်ဆွေများနှင့် တွေ့ဆုံပါ**](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
# Beginner များအတွက် Web Development - သင်ခန်းစာများ
|
|
|
|
Microsoft Cloud Advocates မှ 12-ပတ်ကြာ သင်ခန်းစာများဖြင့် Web Development အခြေခံများကို လေ့လာပါ။ 24 သင်ခန်းစာများတွင် JavaScript, CSS, HTML ကို terrariums, browser extensions, space games စသည်တို့ကဲ့သို့သော လက်တွေ့လုပ်ငန်းများမှတစ်ဆင့် လေ့လာနိုင်ပါသည်။ Quiz များ၊ ဆွေးနွေးမှုများနှင့် လက်တွေ့အလုပ်များကို ပါဝင်စေပြီး သင်၏ကျွမ်းကျင်မှုများကို တိုးတက်စေပါသည်။ Project-based သင်ကြားမှုနည်းလမ်းများဖြင့် သင်၏ အသိပညာကို အထူးပြုစေပါ။ Coding ခရီးစဉ်ကို ယနေ့စတင်လိုက်ပါ!
|
|
|
|
### 🌐 Multi-Language Support
|
|
|
|
#### GitHub Action မှတစ်ဆင့် အလိုအလျောက် အမြဲ Update ဖြစ်နေသော ဘာသာစကားများ
|
|
|
|
[French](../fr/README.md) | [Spanish](../es/README.md) | [German](../de/README.md) | [Russian](../ru/README.md) | [Arabic](../ar/README.md) | [Persian (Farsi)](../fa/README.md) | [Urdu](../ur/README.md) | [Chinese (Simplified)](../zh/README.md) | [Chinese (Traditional, Macau)](../mo/README.md) | [Chinese (Traditional, Hong Kong)](../hk/README.md) | [Chinese (Traditional, Taiwan)](../tw/README.md) | [Japanese](../ja/README.md) | [Korean](../ko/README.md) | [Hindi](../hi/README.md) | [Bengali](../bn/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Portuguese (Portugal)](../pt/README.md) | [Portuguese (Brazil)](../br/README.md) | [Italian](../it/README.md) | [Polish](../pl/README.md) | [Turkish](../tr/README.md) | [Greek](../el/README.md) | [Thai](../th/README.md) | [Swedish](../sv/README.md) | [Danish](../da/README.md) | [Norwegian](../no/README.md) | [Finnish](../fi/README.md) | [Dutch](../nl/README.md) | [Hebrew](../he/README.md) | [Vietnamese](../vi/README.md) | [Indonesian](../id/README.md) | [Malay](../ms/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Swahili](../sw/README.md) | [Hungarian](../hu/README.md) | [Czech](../cs/README.md) | [Slovak](../sk/README.md) | [Romanian](../ro/README.md) | [Bulgarian](../bg/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Croatian](../hr/README.md) | [Slovenian](../sl/README.md) | [Ukrainian](../uk/README.md) | [Burmese (Myanmar)](./README.md)
|
|
|
|
**အပိုဘာသာစကားများကို ထည့်သွင်းလိုပါက [ဒီနေရာ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) တွင် ရှာဖွေပါ**
|
|
|
|
#### 🧑🎓 _ကျောင်းသားများအတွက်_
|
|
|
|
[**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ကို သွားရောက်လေ့လာပါ။ အစပြုသူများအတွက် အရင်းအမြစ်များ၊ Student packs များနှင့် အခမဲ့လက်မှတ် voucher ရယူနိုင်သော နည်းလမ်းများကို တွေ့နိုင်ပါသည်။ ဤစာမျက်နှာကို Bookmark လုပ်ထားပြီး လစဉ်အကြောင်းအရာများ ပြောင်းလဲသည့်အခါ ပြန်လည်ကြည့်ရှုပါ။
|
|
|
|
### 📣 ကြေညာချက် - _Generative AI အသုံးပြု၍ Project အသစ်တည်ဆောက်ရန်_
|
|
|
|
AI Assistant Project အသစ်ကို ထည့်သွင်းထားပြီး [project](./09-chat-project/README.md) တွင် ကြည့်ရှုပါ။
|
|
|
|
### 📣 ကြေညာချက် - _Generative AI Curriculum_ အသစ်ကို JavaScript အတွက် ထုတ်ဝေထားပါသည်
|
|
|
|
Generative AI Curriculum အသစ်ကို လက်မလွှတ်ပါနှင့်!
|
|
|
|
[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) သို့ သွားရောက်ပြီး စတင်ပါ!
|
|
|
|
|
|
|
|
- အခြေခံမှ RAG အထိ သင်ခန်းစာများ
|
|
- GenAI နှင့် အကူအညီ App ကို အသုံးပြု၍ သမိုင်းဆိုင်ရာ လူပုဂ္ဂိုလ်များနှင့် အပြန်အလှန် ဆွေးနွေးပါ
|
|
- စိတ်ဝင်စားဖွယ် ဇာတ်လမ်းတစ်ပုဒ်ဖြင့် အချိန်ခရီးသွားပါ!
|
|
|
|
|
|
|
|
သင်ခန်းစာတိုင်းတွင် လုပ်ငန်းတာဝန်များ၊ အသိပညာစစ်ဆေးမှုများနှင့် အခန်းကဏ္ဍများ ပါဝင်ပြီး အောက်ပါအကြောင်းအရာများကို လေ့လာရန် လမ်းညွှန်ပါသည်-
|
|
- 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 ကို အသင့်ရှိပြီး သင်စတင်နိုင်ပါသည်! Curriculum ကို [Codespace](https://github.com/features/codespaces/) (_Browser-based, Install မလိုအပ်သော Environment_) သို့မဟုတ် သင်၏ Computer တွင် Local အနေဖြင့် Text Editor တစ်ခုဖြင့် အသုံးပြုနိုင်ပါသည်။ [Programming Languages နှင့် Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) သင်ခန်းစာတွင် သင်၏လိုအပ်ချက်များအတွက် အကောင်းဆုံး Tool များကို ရွေးချယ်ရန် လမ်းညွှန်ပါမည်။
|
|
|
|
#### သင်၏ Repository ကို ဖန်တီးပါ
|
|
သင်၏အလုပ်များကို လွယ်ကူစွာ သိမ်းဆည်းရန် သင်၏ Repository ကို ဖန်တီးရန် အကြံပြုပါသည်။ ဤသင်ခန်းစာများကို သင်၏ GitHub Account တွင် Copy လုပ်ထားသော Repository အသစ်တစ်ခုကို ဖန်တီးရန် **Use this template** ခလုတ်ကို နှိပ်ပါ။
|
|
|
|
အဆင့်များကို လိုက်နာပါ-
|
|
1. **Repository ကို Fork လုပ်ပါ**: ဤစာမျက်နှာ၏ အပေါ်ယံညာဘက်တွင်ရှိသော "Fork" ခလုတ်ကို နှိပ်ပါ။
|
|
2. **Repository ကို Clone လုပ်ပါ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
#### Curriculum ကို Codespace တွင် Run လုပ်ခြင်း
|
|
|
|
သင်ဖန်တီးထားသော Repository တွင် **Code** ခလုတ်ကို နှိပ်ပြီး **Open with Codespaces** ကို ရွေးပါ။ ဤသည် သင်အလုပ်လုပ်ရန် Codespace အသစ်တစ်ခုကို ဖန်တီးပေးပါမည်။
|
|
|
|
[!Codespace](../..)./images/createcodespace.png)
|
|
|
|
#### Curriculum ကို သင်၏ Computer တွင် Local အနေဖြင့် Run လုပ်ခြင်း
|
|
|
|
Curriculum ကို သင်၏ Computer တွင် Local အနေဖြင့် Run လုပ်ရန် Text Editor, Browser နှင့် Command Line Tool တစ်ခုလိုအပ်ပါသည်။ [Programming Languages နှင့် Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) သင်ခန်းစာတွင် Tool များကို ရွေးချယ်ရန် လမ်းညွှန်ပါမည်။
|
|
|
|
ကျွန်ုပ်တို့၏ အကြံပြုချက်မှာ [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) ကို Built-in အနေဖြင့် ပါဝင်သည်။ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကို [ဒီနေရာ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) မှ Download လုပ်ပါ။
|
|
|
|
1. သင်၏ Repository ကို Computer သို့ 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** ကို နှိပ်ပြီး...
|
|
> **ဖိုလ်ဒါဖွင့်**ပြီးတော့ သင်မကြာသေးမီက ကလုန်းလုပ်ထားတဲ့ ဖိုလ်ဒါကို ရွေးချယ်ပါ။
|
|
> Visual Studio Code အတွက် အကြံပြုထားသော Extension များ:
|
|
>
|
|
> * [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 ဘာသာစကားများ၏ အခြေခံအကြောင်းအရာများနှင့် ပရော်ဖက်ရှင်နယ် Developer များအလုပ်လုပ်ရာတွင် အသုံးပြုသော ဆော့ဖ်ဝဲများကို လေ့လာပါ | [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 | စတင်ခြင်း | ဝက်ဘ်လက်လှမ်းမီမှု | ဝက်ဘ်လက်လှမ်းမီမှု၏ အခြေခံအကြောင်းအရာများကို လေ့လာပါ | [ဝက်ဘ်လက်လှမ်းမီမှုအခြေခံ](./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 နည်းလမ်းများကို အသုံးပြု၍ သင်၏ကုဒ်တွင် အခြေအနေများ ဖန်တီးနည်းကို လေ့လာပါ | [ဆုံးဖြတ်ချက်များချခြင်း](./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 ကို အလှဆင်ပါ၊ CSS အခြေခံအကြောင်းအရာများနှင့် စာမျက်နှာကို responsive ဖြစ်စေရန် အခြေခံများကို အာရုံစိုက်ပါ | [CSS အကြောင်းမိတ်ဆက်](./3-terrarium/2-intro-to-css/README.md) | Jen |
|
|
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM ကို စီမံခြင်း | Drag/drop interface အဖြစ် Terrarium ကို လုပ်ဆောင်စေရန် 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 တွင် variable များသိမ်းခြင်း | Local storage တွင် သိမ်းထားသော variable များကို အသုံးပြု၍ API တစ်ခုကို ခေါ်သုံးရန် Browser Extension ၏ JavaScript elements များကို တည်ဆောက်ပါ | [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 နှင့် Pub/Sub pattern ကို အသုံးပြု၍ Inheritance အကြောင်းကို လေ့လာပါ | [အဆင့်မြင့် Game Development အကြောင်းမိတ်ဆက်](./6-space-game/1-introduction/README.md) | Chris |
|
|
| 16 | [Space Game](./6-space-game/solution/README.md) | Canvas ပေါ်တွင် ရေးဆွဲခြင်း | Canvas API အကြောင်းကို လေ့လာပါ၊ ၎င်းကို အသုံးပြု၍ Screen ပေါ်တွင် Element များကို ရေးဆွဲပါ | [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 များကို ရွှေ့လျားစေခြင်းအကြောင်းကို ရှာဖွေပါ | [Element များကို ရွှေ့ခြင်း](./6-space-game/3-moving-elements-around/README.md) | Chris |
|
|
| 18 | [Space Game](./6-space-game/solution/README.md) | Collision Detection | Element များကို တိုက်ဆိုင်စေပြီး၊ keypress များကို အသုံးပြု၍ တုံ့ပြန်မှုများကို ဖန်တီးပါ၊ 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 အပေါ်မူတည်၍ သင်္ချာတွက်ချက်မှုများကို ဆောင်ရွက်ပါ | [အမှတ်တွက်ခြင်း](./6-space-game/5-keeping-score/README.md) | Chris |
|
|
| 20 | [Space Game](./6-space-game/solution/README.md) | Game ကို အဆုံးသတ်ခြင်းနှင့် ပြန်စခြင်း | Game ကို အဆုံးသတ်ခြင်းနှင့် ပြန်စခြင်းအကြောင်းကို လေ့လာပါ၊ Asset များကို ရှင်းလင်းခြင်းနှင့် Variable တန်ဖိုးများကို ပြန်လည်သတ်မှတ်ခြင်းအပါအဝင် | [အဆုံးသတ်အခြေအနေ](./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 ကို ရယူခြင်းနှင့် အသုံးပြုခြင်းနည်းလမ်းများ | သင်၏ App အတွင်း Data များ စီးဆင်းပုံ၊ ၎င်းကို ရယူနည်း၊ သိမ်းဆည်းနည်းနှင့် ဖယ်ရှားနည်း | [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 |
|
|
|
|
## 🏫 သင်ကြားမှုနည်းပညာ
|
|
|
|
ကျွန်ုပ်တို့၏ သင်ရိုးညွှန်းတမ်းကို အဓိက သင်ကြားမှုနည်းပညာနှစ်ခုကို အခြေခံ၍ ဒီဇိုင်းဆွဲထားပါသည်:
|
|
* ပရောဂျက်အခြေပြု သင်ကြားမှု
|
|
* မကြာခဏ မေးခွန်းများ
|
|
|
|
ဒီအစီအစဉ်သည် JavaScript, HTML, CSS ၏ အခြေခံအကြောင်းအရာများနှင့် ယနေ့ Web Developer များအသုံးပြုနေသော နောက်ဆုံးပေါ် Tools နှင့် နည်းလမ်းများကို သင်ကြားပေးပါသည်။ ကျောင်းသားများသည် Typing Game, Virtual Terrarium, Eco-Friendly Browser Extension, Space-Invader-Style Game, နှင့် စီးပွားရေးလုပ်ငန်းများအတွက် Banking App တို့ကို တည်ဆောက်ခြင်းဖြင့် လက်တွေ့အတွေ့အကြုံရရှိမည်ဖြစ်သည်။ သင်ရိုးညွှန်းတန်း၏ အဆုံးတွင် ကျောင်းသားများသည် Web Development အကြောင်းကို ခိုင်မာစွာ နားလည်သွားမည်ဖြစ်သည်။
|
|
|
|
> 🎓 သင်ဤသင်ရိုးညွှန်းတန်း၏ ပထမဆုံး သင်ခန်းစာအချို့ကို Microsoft Learn တွင် [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) အဖြစ် လေ့လာနိုင်ပါသည်။
|
|
|
|
ပရောဂျက်များနှင့် အကြောင်းအရာများကို ကိုက်ညီစေရန် သေချာစွာ စီစဉ်ထားသောကြောင့် ကျောင်းသားများအတွက် ပိုမိုစိတ်ဝင်စားစေပြီး အကြောင်းအရာများကို ပိုမိုမှတ်မိစေပါသည်။ JavaScript အခြေခံများကို မိတ်ဆက်သည့် သင်ခန်းစာအချို့ကို "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ဗီဒီယို Tutorial စုစည်းမှုမှ ဗီဒီယိုတစ်ခုနှင့် တွဲဖက်ရေးသားထားပါသည်။ ဤသင်ရိုးညွှန်းတန်းကို ရေးသားရာတွင် အချို့သောစာရေးသူများလည်း ပါဝင်ခဲ့ပါသည်။
|
|
|
|
ထို့အပြင်၊ သင်ခန်းစာမတိုင်မီ မေးခွန်းတစ်ခုသည် ကျောင်းသား၏ အာရုံစိုက်မှုကို သင်ခန်းစာအကြောင်းသို့ ဦးတည်စေပြီး၊ သင်ခန်းစာပြီးနောက် မေးခွန်းတစ်ခုသည် အကြောင်းအရာများကို ပိုမိုမှတ်မိစေပါသည်။ ဤသင်ရိုးညွှန်းတန်းကို တစ်ခုလုံး သို့မဟုတ် အစိတ်အပိုင်းအချို့သာ လေ့လာနိုင်ပြီး၊ Flexible နှင့် ပျော်ရွှင်စေရန် ဒီဇိုင်းဆွဲထားပါသည်။ ပရောဂျက်များသည် သေးငယ်သောအဆင့်မှ စတင်ပြီး ၁၂ ပတ်အတွင်း အဆင့်မြင့်ဖြစ်လာမည်ဖြစ်သည်။
|
|
|
|
JavaScript Framework များကို မိတ်ဆက်ခြင်းကို ရှောင်ကြဉ်ထားပြီး Framework တစ်ခုကို လေ့လာမီ Web Developer အဖြစ် လ
|
|
- [Data Science for Beginners](https://aka.ms/datascience-beginners)
|
|
- [ML for Beginners](https://aka.ms/ml-beginners)
|
|
- [Cybersecurity for Beginners](https://github.com/microsoft/Security-101)
|
|
- [Web Dev for Beginners](https://aka.ms/webdev-beginners)
|
|
- [IoT for Beginners](https://aka.ms/iot-beginners)
|
|
- [XR Development for Beginners](https://github.com/microsoft/xr-development-for-beginners)
|
|
- [Mastering GitHub Copilot for Agentic use](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming)
|
|
- [Mastering GitHub Copilot for C#/.NET Developers](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers)
|
|
- [Choose Your Own Copilot Adventure](https://github.com/microsoft/CopilotAdventures)
|
|
|
|
## လိုင်စင်
|
|
|
|
ဤ repository သည် MIT လိုင်စင်အောက်တွင် လိုင်စင်ရရှိထားပါသည်။ ပိုမိုသိရှိလိုပါက [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ပါ။
|
|
|
|
---
|
|
|
|
**အကြောင်းကြားချက်**:
|
|
ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှုအတွက် ကြိုးစားနေသော်လည်း၊ အလိုအလျောက် ဘာသာပြန်မှုများတွင် အမှားများ သို့မဟုတ် မတိကျမှုများ ပါဝင်နိုင်သည်ကို သတိပြုပါ။ မူရင်းစာရွက်စာတမ်းကို ၎င်း၏ မူလဘာသာစကားဖြင့် အာဏာတရားရှိသော အရင်းအမြစ်အဖြစ် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူ့ဘာသာပြန်ပညာရှင်များမှ ပရော်ဖက်ရှင်နယ် ဘာသာပြန်မှုကို အကြံပြုပါသည်။ ဤဘာသာပြန်မှုကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်လာသော အလွဲအလွတ်များ သို့မဟုတ် အနားယူမှုမှားများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။ |