|
|
<!--
|
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
|
{
|
|
|
"original_hash": "efa251c5fc089367f0a81c572874afca",
|
|
|
"translation_date": "2025-08-28T10:50:31+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)
|
|
|
|
|
|
# စတင်သူများအတွက် Web Development - သင်ရိုး
|
|
|
Microsoft Cloud Advocates မှ 12 ပတ်ကြာ သင်ရိုးတစ်ခုဖြင့် Web Development အခြေခံများကို သင်ယူပါ။ JavaScript, CSS, HTML တို့ကို terrariums, browser extensions, space games စသည့် လက်တွေ့လုပ်ငန်းများဖြင့် သင်ကြားပေးပါသည်။ Quiz များ၊ ဆွေးနွေးပွဲများနှင့် လက်တွေ့အလုပ်များဖြင့် ပါဝင်ဆောင်ရွက်ပါ။ သင်၏ကျွမ်းကျင်မှုများကို တိုးတက်စေပြီး သင်ယူမှုကို ပိုမိုထိရောက်စေမည့် Project-based သင်ကြားမှုနည်းလမ်းဖြင့် သင်တန်းကို စတင်လိုက်ပါ။
|
|
|
|
|
|
#### 🧑🎓 _ကျောင်းသားလား?_
|
|
|
[**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ကို သွားရောက်ကြည့်ရှုပါ။ အခြေခံအရင်းအမြစ်များ၊ ကျောင်းသားအထုပ်များနှင့် အခမဲ့လက်မှတ်ရယူနိုင်မည့် နည်းလမ်းများကို တွေ့နိုင်ပါသည်။ ဤစာမျက်နှာကို Bookmark လုပ်ထားပြီး လစဉ်အကြောင်းအရာများပြောင်းလဲသည့်အခါ ပြန်လည်ကြည့်ရှုပါ။
|
|
|
|
|
|
### 📣 ကြေညာချက် - _Generative AI သင်ရိုး_ အသစ်ကို မကြာသေးမီက ထုတ်ပြန်ခဲ့သည်
|
|
|
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 ဖြင့် သင်၏နားလည်မှုကို စစ်ဆေးပါ။
|
|
|
|
|
|
သင်ယူမှုအတွေ့အကြုံကို ပိုမိုကောင်းမွန်စေရန် သင်၏အတန်းဖော်များနှင့် ပူးပေါင်းဆောင်ရွက်ပါ! [ဆွေးနွေးပွဲဖိုရမ်](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, Install မလိုအပ်သော ပတ်ဝန်းကျင်_) သို့မဟုတ် သင်၏ကွန်ပျူတာတွင် [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကဲ့သို့သော Text Editor ကို အသုံးပြု၍ လုပ်ဆောင်နိုင်ပါသည်။
|
|
|
|
|
|
#### သင်၏ Repository ကို ဖန်တီးပါ
|
|
|
သင်၏အလုပ်ကို လွယ်ကူစွာ သိမ်းဆည်းနိုင်ရန် သင်၏ Repository ကို ဖန်တီးရန် အကြံပြုပါသည်။ ဤသင်ရိုး၏ မိတ္တူတစ်ခုကို သင်၏ GitHub အကောင့်တွင် ဖန်တီးရန် **Use this template** ခလုတ်ကို နှိပ်ပါ။
|
|
|
|
|
|
အဆင့်များကို လိုက်နာပါ-
|
|
|
1. **Repository ကို Fork လုပ်ပါ**: ဤစာမျက်နှာ၏ အပေါ်ညာဘက်ထောင့်ရှိ "Fork" ခလုတ်ကို နှိပ်ပါ။
|
|
|
2. **Repository ကို Clone လုပ်ပါ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
|
|
#### Codespace တွင် သင်ရိုးကို လည်ပတ်ခြင်း
|
|
|
သင်ဖန်တီးထားသော Repository တွင် **Code** ခလုတ်ကို နှိပ်ပြီး **Open with Codespaces** ကို ရွေးချယ်ပါ။ ဤသည် သင်အလုပ်လုပ်ရန် Codespace အသစ်တစ်ခုကို ဖန်တီးပေးပါမည်။
|
|
|
|
|
|
[!Codespace](./images/createcodespace.png)
|
|
|
|
|
|
#### သင်၏ကွန်ပျူတာတွင် သင်ရိုးကို လည်ပတ်ခြင်း
|
|
|
သင်၏ကွန်ပျူတာတွင် သင်ရိုးကို လည်ပတ်ရန် 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) ဒေါင်းလုပ်လုပ်ပါ။
|
|
|
|
|
|
1. သင်၏ Repository ကို သင်၏ကွန်ပျူတာသို့ Clone လုပ်ပါ။ **Code** ခလုတ်ကို နှိပ်ပြီး URL ကို ကူးယူပါ-
|
|
|
|
|
|
[!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 ကို လုပ်ဆောင်ပါ-
|
|
|
|
|
|
```bash
|
|
|
git clone <your-repository-url>
|
|
|
```
|
|
|
|
|
|
2. Visual Studio Code တွင် Folder ကို ဖွင့်ပါ။ **File** > **Open Folder** ကို နှိပ်ပြီး သင် Clone လုပ်ထားသော Folder ကို ရွေးချယ်ပါ။
|
|
|
|
|
|
> Visual Studio Code အတွက် အကြံပြု Extension များ-
|
|
|
>
|
|
|
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML စာမျက်နှာများကို Visual Studio Code တွင် ကြည့်ရှုရန်
|
|
|
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - Code ကို ပိုမိုမြန်ဆန်စွာ ရေးရန်
|
|
|
|
|
|
## 📂 သင်ခန်းစာတိုင်းတွင် ပါဝင်သည်-
|
|
|
- စိတ်ကြိုက် Sketchnote
|
|
|
- အပို Supplemental Video
|
|
|
- Pre-lesson Warmup Quiz
|
|
|
- ရေးသားထားသော သင်ခန်းစာ
|
|
|
- Project-based သင်ခန်းစာများအတွက် လုပ်ငန်းဆောင်ရွက်ရန် လမ်းညွှန်ချက်များ
|
|
|
- သိမှတ်စရာများ
|
|
|
- စိန်ခေါ်မှု
|
|
|
- အပိုစာဖတ်ရန်
|
|
|
- အလုပ်ပေးစာ
|
|
|
- [Post-lesson Quiz](https://ff-quizzes.netlify.app/web/)
|
|
|
|
|
|
> **Quiz များအကြောင်းမှတ်ချက်**: Quiz များအားလုံးကို Quiz-app Folder တွင် ထည့်သွင်းထားပြီး၊ 48 ခုရှိသည်။ Quiz တစ်ခုစီတွင် 3 မေးခွန်းပါဝင်သည်။ [ဤနေရာတွင်](https://ff-quizzes.netlify.app/web/) ရရှိနိုင်ပြီး၊ Quiz App ကို Local တွင် သို့မဟုတ် Azure တွင် တင်နိုင်ပါသည်။ `quiz-app` Folder တွင် လမ်းညွှန်ချက်များကို လိုက်နာပါ။
|
|
|
|
|
|
## 🗃️ သင်ခန်းစာများ
|
|
|
|
|
|
| | Project Name | Concepts Taught | Learning Objectives | Linked Lesson | Author |
|
|
|
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
|
|
|
| 01 | Getting Started | Programming နှင့် Tools of the Trade အကြောင်းအရာများ | Programming Language များနှင့် Professional Developer များအလုပ်လုပ်ရန် အသုံးပြုသော Software များအကြောင်းကို သင်ယူပါ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
|
|
|
| 02 | Getting Started | GitHub အခြေခံများ၊ အဖွဲ့နှင့်အတူ အလုပ်လုပ်ခြင်း | GitHub ကို သင်၏ Project တွင် အသုံးပြုနည်း၊ အခြားသူများနှင့် Code Base တွင် ပူးပေါင်းဆောင်ရွက်နည်း | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
|
|
|
| 03 | Getting Started | Accessibility | Web Accessibility အခြေခံများကို သင်ယူပါ | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
|
|
|
| 04 | JS Basics | JavaScript Data Types | JavaScript Data Types အခြေခံများ | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
|
|
|
| 05 | JS Basics | Functions and Methods | Application Logic Flow ကို စီမံရန် Functions နှင့် Methods အကြောင်းကို သင်ယူပါ | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
|
|
|
| 06 | JS Basics | Making Decisions with JS | Decision-making နည်းလမ်းများကို အသုံးပြု၍ သင်၏ Code တွင် Conditions ဖန်တီးနည်း | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
|
|
|
| 07 | JS Basics | Arrays and Loops | JavaScript တွင် Arrays နှင့် Loops ကို အသုံးပြု၍ Data ကို စီမံပါ | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
|
|
|
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in Practice | Online Terrarium တစ်ခု ဖန်တီးရန် HTML ကို အသုံးပြု၍ Layout တစ်ခုကို ဖန်တီးပါ | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
|
|
|
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in Practice | Online Terrarium ကို Style ပြုလုပ်ရန် CSS ကို အသုံးပြုပါ၊ CSS အခြေခံများနှင့် Page ကို Responsive ဖြစ်စေရန် အခြေခံများကို သင်ယူပါ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
|
|
|
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | JavaScript ကို အသုံးပြု၍ terrarium ကို drag/drop အင်တာဖေ့စ်အဖြစ် လုပ်ဆောင်နိုင်ရန် closures နှင့် DOM ကိုင်တွယ်မှုကို အာရုံစိုက်ပါ။ | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
|
|
|
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Build a 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) | Working with Browsers | Browser များအလုပ်လုပ်ပုံ၊ ၎င်းတို့၏ သမိုင်းကြောင်းနှင့် browser extension ၏ ပထမဆုံး အစိတ်အပိုင်းများကို စတင်ဖွဲ့စည်းပုံကို လေ့လာပါ။ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
|
|
|
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Building a form, calling an API and storing variables in local storage | Browser extension ၏ JavaScript အစိတ်အပိုင်းများကို API ကို local storage တွင် သိမ်းဆည်းထားသော variable များ အသုံးပြု၍ ဖန်တီးပါ။ | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
|
|
|
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Background processes in the browser, web performance | Browser ၏ background processes ကို အသုံးပြု၍ extension ၏ icon ကို စီမံခန့်ခွဲပါ၊ web performance နှင့် အချို့သော optimization များကို လေ့လာပါ။ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
|
|
|
| 15 | [Space Game](./6-space-game/solution/README.md) | More Advanced Game Development with JavaScript | Class နှင့် Composition နှစ်မျိုးစလုံးကို အသုံးပြု၍ Inheritance ကို လေ့လာပြီး Pub/Sub pattern ကို သင်ယူပါ။ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
|
|
|
| 16 | [Space Game](./6-space-game/solution/README.md) | Drawing to canvas | Canvas API ကို အသုံးပြု၍ screen ပေါ်တွင် element များကို ရေးဆွဲပုံကို လေ့လာပါ။ | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
|
|
|
| 17 | [Space Game](./6-space-game/solution/README.md) | Moving elements around the screen | Cartesian coordinates နှင့် Canvas API ကို အသုံးပြု၍ element များကို ရွေ့လျားပုံကို ရှာဖွေပါ။ | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
|
|
|
| 18 | [Space Game](./6-space-game/solution/README.md) | Collision detection | Keypress များကို အသုံးပြု၍ element များကို တိုက်ဆိုင်စေပြီး game ၏ performance ကို အာရုံစိုက်ရန် cooldown function ကို ပံ့ပိုးပါ။ | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
|
|
|
| 19 | [Space Game](./6-space-game/solution/README.md) | Keeping score | Game ၏ အခြေအနေနှင့် performance အပေါ် မူတည်၍ သင်္ချာတွက်ချက်မှုများကို လုပ်ဆောင်ပါ။ | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
|
|
|
| 20 | [Space Game](./6-space-game/solution/README.md) | Ending and restarting the game | Game ကို အဆုံးသတ်ခြင်းနှင့် ပြန်လည်စတင်ခြင်းအကြောင်း၊ asset များကို ရှင်းလင်းခြင်းနှင့် variable တန်ဖိုးများကို ပြန်လည်သတ်မှတ်ခြင်းကို လေ့လာပါ။ | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
|
|
|
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML Templates and Routes in a Web App | Routing နှင့် HTML templates ကို အသုံးပြု၍ multipage website architecture ၏ scaffold ကို ဖန်တီးပုံကို လေ့လာပါ။ | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
|
|
|
| 22 | [Banking App](./7-bank-project/solution/README.md) | Build a Login and Registration Form | Form များကို ဖန်တီးခြင်းနှင့် validation routine များကို ကိုင်တွယ်ပုံကို လေ့လာပါ။ | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
|
|
|
| 23 | [Banking App](./7-bank-project/solution/README.md) | Methods of Fetching and Using Data | App ၏ data များကို ဘယ်လို ရယူ၊ သိမ်းဆည်း၊ နှင့် ဖယ်ရှားရမည်ကို လေ့လာပါ။ | [Data](./7-bank-project/3-data/README.md) | Yohan |
|
|
|
| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepts of State Management | App ၏ state ကို ဘယ်လို သိမ်းဆည်းပြီး programmatically စီမံခန့်ခွဲရမည်ကို လေ့လာပါ။ | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
|
|
|
|
|
|
|
|
|
## 🏫 သင်ကြားမှုနည်းလမ်း
|
|
|
|
|
|
ကျွန်ုပ်တို့၏ သင်ရိုးညွှန်းတန်းကို အဓိက သင်ကြားမှုနည်းလမ်းနှစ်ခုအပေါ် အခြေခံထားပါသည်။
|
|
|
* စီမံကိန်းအခြေပြု သင်ကြားမှု
|
|
|
* မကြာခဏ စစ်ဆေးမှုများ
|
|
|
|
|
|
ဒီအစီအစဉ်က JavaScript, HTML, CSS ၏ အခြေခံများနှင့် ယနေ့၏ web developer များ အသုံးပြုနေသော နောက်ဆုံးပေါ် ကိရိယာများနှင့် နည်းလမ်းများကို သင်ကြားပေးပါသည်။ ကျောင်းသားများသည် typing game, virtual terrarium, သဘာဝပတ်ဝန်းကျင်နှင့် သင့်တော်သော browser extension, space-invader ပုံစံ 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 အခြေခံများကို မိတ်ဆက်ပေးသည့် starter lesson အချို့ကိုလည်း ရေးသားထားပြီး "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ဗီဒီယို tutorial စီးရီးမှ ဗီဒီယိုတစ်ခုနှင့် တွဲဖက်ထားပါသည်။ ဤ tutorial များ၏ အချို့သောရေးသားသူများကလည်း ဒီသင်ရိုးညွှန်းတန်းတွင် ပါဝင်ရေးသားထားကြသည်။
|
|
|
|
|
|
ထို့အပြင်၊ သင်တန်းမစတင်မီ စိတ်ဖိစီးမှုမရှိသော စစ်ဆေးမှုတစ်ခုက ကျောင်းသား၏ အာရုံစိုက်မှုကို သင်ခန်းစာအပေါ် ဦးတည်စေပြီး သင်တန်းပြီးဆုံးချိန်တွင် စစ်ဆေးမှုတစ်ခုက အကြောင်းအရာများကို ပိုမိုမှတ်မိစေပါသည်။ ဒီသင်ရိုးညွှန်းတန်းကို ပြီးစီးရန် အချိန် ၁၂ ပတ်ကြာမည်ဖြစ်ပြီး စီမံကိန်းများသည် အစပိုင်းတွင် သေးငယ်ပြီး နောက်ပိုင်းတွင် အဆင့်မြင့်လာမည်ဖြစ်သည်။
|
|
|
|
|
|
JavaScript frameworks များကို မိတ်ဆက်ခြင်းကို ရှောင်ရှားထားပြီး 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)" ဗီဒီယို စီးရီးမှတစ်ဆင့် လေ့လာရန် သင့်တော်ပါသည်။
|
|
|
|
|
|
> ကျွန်ုပ်တို့၏ [Code of Conduct](CODE_OF_CONDUCT.md) နှင့် [Contributing](CONTRIBUTING.md) လမ်းညွှန်ချက်များကို ကြည့်ပါ။ သင့်၏ အဆောက်အအုံဆန်းစစ်ချက်များကို ကြိုဆိုပါသည်။
|
|
|
|
|
|
## 🧭 အော့ဖ်လိုင်း အသုံးပြုမှု
|
|
|
|
|
|
ဤစာတမ်းများကို [Docsify](https://docsify.js.org/#/) အသုံးပြု၍ အော့ဖ်လိုင်းတွင် လည်ပတ်နိုင်ပါသည်။ ဤ repo ကို fork လုပ်ပြီး [Docsify](https://docsify.js.org/#/quickstart) ကို သင့် local စက်တွင် install လုပ်ပါ၊ ထို့နောက် repo ၏ root folder တွင် `docsify serve` ဟု ရိုက်ထည့်ပါ။ website ကို သင့် localhost ၏ port 3000 တွင် လည်ပတ်မည်ဖြစ်သည်။ `localhost:3000`။
|
|
|
|
|
|
## 📘 PDF
|
|
|
|
|
|
သင်ခန်းစာများအားလုံး၏ PDF ကို [ဒီမှာ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ရနိုင်ပါသည်။
|
|
|
|
|
|
## 🎒 အခြားသင်တန်းများ
|
|
|
|
|
|
ကျွန်ုပ်တို့၏ အဖွဲ့သည် အခြားသင်တန်းများကိုလည်း ထုတ်လုပ်ပါသည်! ကြည့်ပါ:
|
|
|
|
|
|
- [Generative AI for Beginners](https://aka.ms/genai-beginners)
|
|
|
- [Generative AI for Beginners .NET](https://github.com/microsoft/Generative-AI-for-beginners-dotnet)
|
|
|
- [Generative AI with JavaScript](https://github.com/microsoft/generative-ai-with-javascript)
|
|
|
- [Generative AI with Java](https://github.com/microsoft/Generative-AI-for-beginners-java)
|
|
|
- [AI for Beginners](https://aka.ms/ai-beginners)
|
|
|
- [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)
|
|
|
|
|
|
## License
|
|
|
|
|
|
ဤ repository သည် MIT လိုင်စင်အောက်တွင် လိုင်စင်ရရှိထားပါသည်။ ပိုမိုသိရှိရန် [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ပါ။
|
|
|
|
|
|
---
|
|
|
|
|
|
**အကြောင်းကြားချက်**:
|
|
|
ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှုအတွက် ကြိုးစားနေသော်လည်း၊ အလိုအလျောက် ဘာသာပြန်ခြင်းတွင် အမှားများ သို့မဟုတ် မမှန်ကန်မှုများ ပါရှိနိုင်သည်ကို သတိပြုပါ။ မူရင်းစာရွက်စာတမ်းကို ၎င်း၏ မူရင်းဘာသာစကားဖြင့် အာဏာတရားရှိသော အရင်းအမြစ်အဖြစ် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူ့ဘာသာပြန်ပညာရှင်များမှ ပရော်ဖက်ရှင်နယ် ဘာသာပြန်ခြင်းကို အကြံပြုပါသည်။ ဤဘာသာပြန်ကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်လာသော အလွဲအလွတ်များ သို့မဟုတ် အနားလွဲမှုများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။ |
