chore(i18n): sync translations with latest source changes (chunk 1/1, 12 changes)

update-translations
localizeflow[bot] 1 month ago
parent e88ba887d4
commit c2f3f7da66

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T16:34:34+00:00",
"translation_date": "2026-04-24T21:55:24+00:00",
"source_file": "AGENTS.md",
"language_code": "bn"
},
@ -516,8 +516,8 @@
"language_code": "bn"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T16:08:25+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T21:49:22+00:00",
"source_file": "README.md",
"language_code": "bn"
},
@ -564,8 +564,8 @@
"language_code": "bn"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2025-08-26T00:50:59+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T21:49:33+00:00",
"source_file": "lesson-template/README.md",
"language_code": "bn"
},

@ -1,37 +1,37 @@
# AGENTS.md
## প্রকল্পের সারসংক্ষেপ
## প্রকল্পের ওভারভিউ
এটি শিক্ষানবীশদের জন্য ওয়েব ডেভেলপমেন্টের মৌলিক বিষয় শেখানোর জন্য একটি শিক্ষামূলক পাঠক্রম রেপোসিটরি। এই পাঠক্রমটি মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের দ্বারা উন্নত একটি ব্যাপক ১২-সপ্তাহের কোর্স, যা জাভাস্ক্রিপ্ট, CSS এবং HTML-এ ২৪টি হাতেকলমে পাঠ নিয়ে গঠিত।
এটি শিক্ষণীয় কারিকুলাম রিপোজিটরি যা শুরু কারীদের জন্য ওয়েব ডেভেলপমেন্টের মূল বিষয়গুলো শেখানোর জন্য তৈরি। এই কারিকুলাম একটি সমন্বিত ১২ সপ্তাহের কোর্স যা Microsoft Cloud Advocates দ্বারা তৈরি, যার মধ্যে ২৪টি হাতে-কলমে শেখানো পাঠ রয়েছে যেগুলো JavaScript, CSS এবং HTML আচ্ছাদিত।
### মূল উপাদানসমূহ
### প্রধান উপাদানসমূহ
- **শিক্ষামূলক বিষয়বস্তু**: প্রকল্পভিত্তিক মডিউল আকারে সংগঠিত ২৪টি কাঠামোবদ্ধ পাঠ
- **বাস্তব প্রকল্পসমূহ**: টেরারিয়াম, টাইপিং গেম, ব্রাউজার এক্সটেনশন, স্পেস গেম, ব্যাংকিং অ্যাপ, কোড এডিটর, এবং AI চ্যাট সহকারী
- **ইন্টারেক্টিভ কুইজ**: প্রতিটি কুইজে ৩টি প্রশ্নসহ ৪৮টি কুইজ (পাঠের আগে/পরবর্তী মূল্যায়ন)
- **বহুভাষী সমর্থন**: গিটহাব অ্যাকশনের মাধ্যমে ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ
- **প্রযুক্তি**: HTML, CSS, জাভাস্ক্রিপ্ট, Vue.js 3, Vite, Node.js, Express, পাইথন (AI প্রকল্পের জন্য)
- **শিক্ষণীয় বিষয়বস্তু**: ২৪টি গঠনমূলক পাঠ প্রকল্পভিত্তিক মডিউলে বিন্যস্ত
- **প্রায়োগিক প্রকল্পসমূহ**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor এবং AI Chat Assistant
- **ইন্টারেক্টিভ কুইজ**: ৪৮টি কুইজ প্রতি ৩টি প্রশ্ন নিয়ে (পাঠের আগে/পাঠের পরে মূল্যায়ন)
- **বহুভাষিক সাপোর্ট**: GitHub Actions এর মাধ্যমে ৫০+ ভাষার স্বয়ংক্রিয় অনুবাদ
- **প্রযুক্তিসমূহ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI প্রকল্পের জন্য)
### স্থাপত্য
- পাঠভিত্তিক কাঠামো সহ শিক্ষামূলক রেপোসিটরি
- পাঠভিত্তিক গঠন সহ শিক্ষণীয় রিপোজিটরি
- প্রতিটি পাঠের ফোল্ডারে README, কোড উদাহরণ এবং সমাধান রয়েছে
- স্বতন্ত্র প্রকল্পসমূহ আলাদা ডিরেক্টরিতে (quiz-app, বিভিন্ন পাঠ প্রকল্প)
- গিটহাব অ্যাকশনের মাধ্যমে অনুবাদকরণ ব্যবস্থা (co-op-translator)
- ডকুমেন্টেশন Docsify এর মাধ্যমে পরিবেশিত এবং PDF আকারে পাওয়া যায়
- পৃথক ডিরেক্টরিতে স্বতন্ত্র প্রকল্পসমূহ (quiz-app, বিভিন্ন পাঠ প্রকল্প)
- GitHub Actions (co-op-translator) ব্যবহার করে অনুবাদ ব্যবস্থা
- Docsify দ্বারা ডকুমেন্টেশন পরিবেশন এবং PDF আকারে উপলব্ধ
## সেটআপ কমান্ডসমূহ
এই রেপোসিটরিটি মূলত শিক্ষামূলক বিষয়বস্তু ব্যবহার করার জন্য। নির্দিষ্ট প্রকল্পে কাজ করার জন্য:
এই রিপোজিটরি মূলত শিক্ষণীয় বিষয়বস্তু ব্যবহারের জন্য। নির্দিষ্ট প্রকল্পের জন্য কাজ করতে:
### প্রধান রেপোসিটরি সেটআপ
### মূল রিপোজিটরি সেটআপ
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### কুইজ অ্যাপ সেটআপ (Vue 3 + Vite)
### Quiz App সেটআপ (Vue 3 + Vite)
```bash
cd quiz-app
@ -46,9 +46,9 @@ npm run lint # ESLint চালান
```bash
cd 7-bank-project/api
npm install
npm start # এপিআই সার্ভার শুরু করুন
npm start # এপি আই সেবা শুরু করুন
npm run lint # ESLint চালান
npm run format # Prettier দিয়ে ফরম্যাট করুন
npm run format # Prettier দিে ফরম্যাট করুন
```
### ব্রাউজার এক্সটেনশন প্রকল্পসমূহ
@ -56,7 +56,7 @@ npm run format # Prettier দিয়ে ফরম্যাট করুন
```bash
cd 5-browser-extension/solution
npm install
# ব্রাউজার-নির্দিষ্ট এক্সটেনশন লোডিং নির্দেশাবলী অনুসরণ করুন
# ব্রাউজার-নির্দিষ্ট এক্সটেনশন লোড করার নির্দেশিকা অনুসরণ করুন
```
### স্পেস গেম প্রকল্পসমূহ
@ -64,15 +64,15 @@ npm install
```bash
cd 6-space-game/solution
npm install
# ব্রাউজারে index.html খুলুন অথবা Live Server ব্যবহার করুন
# ব্রাউজারে index.html খুলুন অথবা লাইভ সার্ভার ব্যবহার করুন
```
### চ্যাট প্রকল্প (পাইথন ব্যাকএন্ড)
### চ্যাট প্রকল্প (Python ব্যাকএন্ড)
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# GITHUB_TOKEN পরিবেশ পরিবর্তনশীল সেট করুন
# GITHUB_TOKEN পরিবেশ ভেরিয়েবল সেট করুন
python api.py
```
@ -80,33 +80,33 @@ python api.py
### বিষয়বস্তু অবদানকারীদের জন্য
1. **েপোসিটরি ফর্ক করুন** আপনার গিটহাব অ্যাকাউন্টে
2. **ফর্ক স্থানীয়ভাবে ক্লোন করুন**
1. **িপোজিটরি ফর্ক করুন** আপনার GitHub অ্যাকাউন্টে
2. **আপনার ফর্ক ক্লোন করুন** লোকালি
3. **আপনার পরিবর্তনের জন্য নতুন ব্রাঞ্চ তৈরি করুন**
4. পাঠ বিষয়বস্তু বা কোড উদাহরণে পরিবর্তন করুন
5. সংশ্লিষ্ট প্রকল্প ডিরেক্টরিতে কোড পরিবর্তন পরীক্ষা করুন
6. অবদান নির্দেশিকা অনুসারে পুল রিকোয়েস্ট জমা দিন
4. পাঠের বিষয়বস্তু বা কোড উদাহরণে পরিবর্তন করুন
5. প্রাসঙ্গিক প্রকল্প ডিরেক্টরিতে কোড পরিবর্তন পরীক্ষা করুন
6. অবদান নীতিমালা অনুসরণ করে pull request জমা দিন
### শিক্ষার্থীদের জন্য
1. রেপোসিটরি ফর্ক বা ক্লোন করুন
2. পাঠ ডিরেক্টরিগুলো ধারাবাহিকভাবে নেভিগেট করুন
1. রিপোজিটরি ফর্ক বা ক্লোন করুন
2. পাঠের ডিরেক্টরিগুলো ধারাবাহিকভাবে নেভিগেট করুন
3. প্রতিটি পাঠের README ফাইল পড়ুন
4. https://ff-quizzes.netlify.app/web/ এ প্রি-লেসন কুইজ সম্পন্ন করুন
5. পাঠ ফোল্ডারে কোড উদাহরণ অনুসরণ করুন
6. অ্যাসাইনমেন্ট এবং চ্যালেঞ্জ সম্পন্ন করুন
7. পোস্ট-লেসন কুইজ নিন
4. https://ff-quizzes.netlify.app/web/ এ পাঠের আগে কুইজ সম্পূর্ণ করুন
5. পাঠের ফোল্ডারে কোড উদাহরণগুলো অনুসরণ করুন
6. অ্যাসাইনমেন্ট এবং চ্যালেঞ্জ সম্পূর্ণ করুন
7. পাঠের পরে কুইজ দিন
### সরাসরি উন্নয়ন
### লাইভ ডেভেলপমেন্ট
- **ডকুমেন্টেশন**: রুটে `docsify serve` চালান (পোর্ট ৩০০০)
- **কুইজ অ্যাপ**: quiz-app ডিরেক্টরিতে `npm run dev` চালান
- **Quiz App**: quiz-app ডিরেক্টরিতে `npm run dev` চালান
- **প্রকল্পসমূহ**: HTML প্রকল্পের জন্য VS Code Live Server এক্সটেনশন ব্যবহার করুন
- **API প্রকল্পসমূহ**: সংশ্লিষ্ট API ডিরেক্টরিতে `npm start` চালান
## পরীক্ষার নির্দেশন
## টেস্টিং নির্দেশিক
### কুইজ অ্যাপ পরীক্ষা
### Quiz App টেস্টিং
```bash
cd quiz-app
@ -114,78 +114,78 @@ npm run lint # কোড স্টাইল সমস্যা পরী
npm run build # নিশ্চিত করুন বিল্ড সফল হয়েছে
```
### ব্যাংক API পরীক্ষা
### Bank API টেস্টিং
```bash
cd 7-bank-project/api
npm run lint # কোড স্টাইল সমস্যা পরীক্ষা করুন
node server.js # সার্ভার ভুল ছাড়া শুরু হয় কিনা যাচাই করুন
npm run lint # কোড স্টাইল সমস্যার জন্য পরীক্ষা করুন
node server.js # নিশ্চিত করুন যে সার্ভার ত্রুটি ছাড়াই শুরু হয়
```
### সাধারণ পরীক্ষার পদ্ধতি
### সাধারণ টেস্টিং পদ্ধতি
- এটি একটি শিক্ষামূলক রেপোসিটরি যাতে সম্পূর্ণ স্বয়ংক্রিয় পরীক্ষার ব্যবস্থা নেই
- ম্যানুয়াল পরীক্ষা ফোকাস করে:
- কোড উদাহরণগুলি ত্রুটিহীন চালানো
- ডকুমেন্টেশনে লিঙ্কগুলো সঠিক কাজ করা
- প্রকল্প বিল্ড সফলভাবে সম্পন্ন হওয়া
- উদাহরণগুলো সর্বোত্তম অনুশীলন অনুসরণ কর
- এটি একটি শিক্ষণীয় রিপোজিটরি, ব্যাপক স্বয়ংক্রিয় টেস্ট নেই
- ম্যানুয়াল টেস্টিং কেন্দ্রীভূত:
- কোড উদাহরণ ত্রুটিমুক্ত চালানো
- ডকুমেন্টেশনে লিঙ্ক কাজ করছে কি ন
- প্রকল্প বিল্ড সফলভাবে সম্পন্ন হয়েছে
- উদাহরণগুলি সেরা চর্চা অনুসরণ করছ
### সাবমিশনের পূর্বে যাচাই
### সাবমিশনের আগে পরীক্ষা
- প্যাকেজ.json সহ ডিরেক্টরিত`npm run lint` চালান
- মার্কডাউন লিঙ্কগুলো বৈধ কিনা পরীক্ষা করুন
- ব্রাউজার বা Node.js এ কোড উদাহরণ পরীক্ষা করুন
- অনুবাদগুলো সঠিক কাঠামো বজায় রাখে কিনা নিশ্চিত করুন
- যেসব ডিরেক্টরিতে package.json আছে সেখান`npm run lint` চালান
- মার্কডাউন লিঙ্ক সব সঠিক কিনা পরীক্ষা করুন
- কোড উদাহরণ ব্রাউজার বা Node.js এ পরীক্ষা করুন
- অনুবাদ কাঠামো ঠিক আছে কিনা দেখুন
## কোড স্টাইল গাইডলাই
## কোড স্টাইল নির্দেশিকা
### জাভাস্ক্রিপ্ট
### JavaScript
- আধুনিক ES6+ সিনট্যাক্স ব্যবহার করুন
- প্রকল্পে প্রদত্ত মানক ESLint কনফিগারেশন অনুসরণ করুন
- প্রকল্পের দেওয়া ESLint কনফিগারেশন অনুসরণ করুন
- শিক্ষার্থীদের জন্য অর্থবহ ভেরিয়েবল এবং ফাংশন নাম ব্যবহার করুন
- ধারণাগুলো ব্যাখ্যা করতে মন্তব্য যোগ করুন
- যেখানে কনফিগার করা আছে Prettier দিয়ে ফরম্যাট করুন
- ধারণাগুলো ব্যাখ্যার জন্য মন্তব্য যোগ করুন
- প্রয়োজনমতো Prettier ব্যবহার করে ফরম্যাট করুন
### HTML/CSS
- সেমান্টিক HTML5 উপাদান ব্যবহার করুন
- প্রতিক্রিয়াশীল ডিজাইন নীতি অনুসরণ করুন
- স্পষ্ট ক্লাস নামকরণ পদ্ধতি
- শিক্ষার্থীদের জন্য CSS প্রযুক্তি ব্যাখ্যা করতে মন্তব্য অন্তর্ভুক্ত করুন
- সেম্যান্টিক HTML5 উপাদান ব্যবহার করুন
- রেস্পন্সিভ ডিজাইন নীতিমালা অনুসরণ করুন
- পরিষ্কার ক্লাস নামকরণ
- CSS কৌশল ব্যাখ্যা করতে মন্তব্য যোগ করুন শিক্ষার্থীদের জন্য
### পাইথন
### Python
- PEP 8 স্টাইল গাইডলাইন অনুসরণ করুন
- স্পষ্ট, শিক্ষামূলক কোড উদাহরণ দিন
- শেখার জন্য যেখানে প্রয়োজন টাইপ হিন্ট ব্যবহার করুন
- PEP 8 স্টাইল গাইড অনুসরণ করুন
- পরিষ্কার, শিক্ষামূলক কোড উদাহরণ
- শিক্ষার্থীদের জন্য প্রয়োজনীয় ক্ষেত্রে টাইপ হিন্ট ব্যবহার করুন
### মার্কডাউন ডকুমেন্টেশন
- স্পষ্ট হেডিং শ্রেণীবিভাগ
- স্পষ্ট শিরোনাম স্তর
- ভাষা নির্দিষ্ট কোড ব্লক
- অতিরিক্ত রিসোর্সের লিঙ্ক
- `images/` ডিরেক্টরিতে স্ক্রিনশট ও ছবি
- অ্যাক্সেসিবিলিটির জন্য চিত্রের জন্য alt টেক্সট
- অতিরিক্ত রিসোর্স লিঙ্ক
- `images/` ফোল্ডারে স্ক্রিনশট এবং ইমেজ
- অ্যাক্সেসিবিলিটির জন্য ইমেজের জন্য Alt টেক্সট
### ফাইল আয়োজ
### ফাইল সংগঠ
- পাঠগুলো ক্রমিক নম্বর দিয়ে (1-getting-started-lessons, 2-js-basics ইত্যাদি)
- প্রতিটি প্রকল্পে`solution/` এবং প্রায়ই `start/` কিংবা `your-work/` ডিরেক্টরি থাকে
- পাঠ-নির্দিষ্ট `images/` ফোল্ডারে ছবি সংরক্ষণ
- অনুবাদ সঞ্চিত থাকে `translations/{language-code}/` কাঠামোতে
- পাঠগুলো ধারাবাহিকভাবে নাম্বার করা (1-getting-started-lessons, 2-js-basics ইত্যাদি)
- প্রতিটি প্রকল্পে `solution/` ও প্রায়ই `start/` বা `your-work/` ডিরেক্টরি থাকে
- ইমেজগুলো পাঠভিত্তিক `images/` ফোল্ডারে সঞ্চিত
- অনুবাদ `translations/{language-code}/` কাঠামোতে থাকে
## বিল্ড এবং ডিপ্লয়মেন্ট
### কুইজ অ্যাপ ডিপ্লয়মেন্ট (Azure Static Web Apps)
### Quiz App ডিপ্লয়মেন্ট (Azure Static Web Apps)
কুইজ-অ্যাপ Azure Static Web Apps ডিপ্লয়মেন্টের জন্য কনফিগার করা হয়েছে:
quiz-app Azure Static Web Apps ডিপ্লয়মেন্টের জন্য কনফিগার করা হয়েছে:
```bash
cd quiz-app
npm run build # dist/ ফোল্ডার তৈরি করে
# main ব্রাঞ্চে push করার সময় GitHub Actions ওয়ার্কফ্লোর মাধ্যমে ডিপ্লয় করে
# main এ push করলে GitHub Actions workflow এর মাধ্যমে ডিপ্লয় করে
```
Azure Static Web Apps কনফিগারেশন:
@ -193,90 +193,90 @@ Azure Static Web Apps কনফিগারেশন:
- **আউটপুট লোকেশন**: `dist`
- **ওয়ার্কফ্লো**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### ডকুমেন্টেশন PDF উৎপাদন
### ডকুমেন্টেশন PDF তৈরি
```bash
npm install # docsify-to-pdf ইন্টল করুন
npm run convert # ডক্স থেকে পিডিএফ তৈরি করুন
npm install # docsify-to-pdf ইন্টল করুন
npm run convert # ডকুমেন্ট থেকে পিডিএফ জেনারেট করুন
```
### Docsify ডকুমেন্টেশন
```bash
npm install -g docsify-cli # ডকসিফাই গ্লোবালি ইনস্টল করুন
docsify serve # লোকালহোস্ট:৩০০০ এ সার্ভ করুন
npm install -g docsify-cli # গ্লোবালি Docsify ইনস্টল করুন
docsify serve # localhost:3000 এ সার্ভ করুন
```
### প্রকল্প-নির্দিষ্ট বিল্ড
### প্রকল্প-নির্দিষ্ট বিল্ডসমূহ
প্রতিটি প্রকল্প ডিরেক্টরির নিজস্ব বিল্ড প্রক্রিয়া থাকতে পারে:
- Vue প্রকল্প: `npm run build` প্রোডাকশন বান্ডল তৈরি করে
- স্ট্যাটিক প্রকল্প: কোনো বিল্ড ধাপ নেই, সরাসরি ফাইল পরিবেশন
- Vue প্রকল্প: `npm run build` দিয়ে প্রোডাকশন বান্ডল তৈরি
- স্ট্যাটিক প্রকল্প: কোনো বিল্ড স্টেপ নেই, সরাসরি ফাইল সেবা
## পুল রিকোয়েস্ট নির্দেশিকা
## পুল রিকোয়েস্ট গাইডলাইন
### শিরোনামের ফরম্যাট
পরিবর্তনের ক্ষেত্র নির্দেশ করে পরিষ্কার, বর্ণনামূলক শিরোনাম ব্যবহার করুন:
- `[Quiz-app] নতুন কুইজ যোগ করুন পাঠ X এর জন্য`
- `[Lesson-3] টেরারিয়াম প্রকল্পে টাইপো সংশোধন`
- `[Translation] পাঠ ৫ এর জন্য স্প্যানিশ অনুবাদ যোগ করুন`
- `[Docs] সেটআপ নির্দেশবলী আপডেট করুন`
পরিবর্তনের ক্ষেত্র স্পষ্ট করার জন্য পরিষ্কার ও বর্ণনামূলক শিরোনাম ব্যবহার করুন:
- `[Quiz-app] পাঠ এক্স এর জন্য নতুন কুইজ যোগ করুন`
- `[Lesson-3] Terrarium প্রকল্পের টাইপো সংশোধন`
- `[Translation] পাঠ ৫ জন্য স্প্যানিশ অনুবাদ যুক্ত করুন`
- `[Docs] সেটআপ নির্দেশিকা আপডেট`
### প্রয়োজনীয় যাচাই
### প্রয়োজনীয় পরীক্ষা
PR জমা দেওার আগে:
PR জমা দেওয়ার আগে:
1. **কোড মান**:
- প্রভাবিত প্রকল্প ডিরেক্টরিতে `npm run lint` চালান
- সমস্ত লিন্টিং এরর ও সতর্কতা ঠিক করুন
- সংশ্লিষ্ট প্রকল্প ডিরেক্টরিতে `npm run lint` চালান
- সব লিন্ট ত্রুটি ও সতর্কতা ঠিক করুন
2. **বিল্ড যাচাই**:
- প্রযোজ্য হলে `npm run build` চালান
- কোনো বিল্ড ত্রুটি নেই নিশ্চিত করুন
- নিশ্চিত করুন কোনো বিল্ড ত্রুটি নেই
3. **লিঙ্ক যাচাই**:
- সকল মার্কডাউন লিঙ্ক পরীক্ষা করুন
- ছবি রেফারেন্স কাজ করছে কিনা নিশ্চিত করুন
- সমস্ত মার্কডাউন লিঙ্ক পরীক্ষা করুন
- ইমেজ রেফারেন্স সঠিক আছে কিনা নিশ্চিত করুন
4. **বিষয়বস্তু পর্যালোচনা**:
- বানান ও ব্যাকরণ যাচাই করুন
- কোড উদাহরণ সঠিক এবং শিক্ষামূলক কিনা নিশ্চিত করুন
- অনুবাদমূলক অর্থ সঠিক আছে কিনা দেখুন
- বানান এবং ব্যাকরণ পরীক্ষা করুন
- কোড উদাহরণ সঠিক শিক্ষামূলক কিনা নিশ্চিত করুন
- অনুবাদগুলি মূল অর্থ বজায় রাখে কিনা যাচাই করুন
### অবদানদানের শর্তাবলী
### অবদান শর্তসমূহ
- Microsoft CLA তে সম্মত হ (প্রথম PR এ স্বয়ংক্রিয় পরীক্ষা)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) অনুসরণ করুন
- বিস্তারিত নির্দেশার জন্য [CONTRIBUTING.md](./CONTRIBUTING.md) দেখুন
- প্রযোজ্য হলে PR বিবরণে ইস্যু নম্বর উল্লেখ করুন
- Microsoft CLA তে সম্মত হতে হবে (প্রথম PR এ স্বয়ংক্রিয় পরীক্ষা)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) অনুসরণ করতে হবে
- বিস্তারিত নির্দেশিকার জন্য [CONTRIBUTING.md](./CONTRIBUTING.md) দেখুন
- প্রয়োজন হলে PR বিবরণে ইস্যু নম্বর উল্লেখ করুন
### পর্যালোচনা প্রক্রিয়া
- PR গুলো রক্ষণাবেক্ষক ও কমিউনিটি দ্বারা পর্যালোচনা করা হয়
- শিক্ষামূলক পরিষ্কারতা অগ্রাধিকার পায়
- কোড উদাহরণ সর্বশেষ সেরা অনুশীলন অনুসরণ করে হবে
- অনুবাদ যথার্থতা ও সাংস্কৃতিক প্রাসঙ্গিকতার দিক থেকে পর্যালোচনা করা হয়
- PR পর্যালোচনা করেন রক্ষণাবেক্ষক ও সম্প্রদায়
- শিক্ষাগত স্পষ্টতা অগ্রাধিকার পায়
- কোড উদাহরণ বর্তমান সেরা চর্চা অনুসরণ করে তা নিশ্চিত করুন
- অনুবাদ সঠিকতা ও সাংস্কৃতিক উপযুক্ততা যাচাই হয়
## অনুবাদ ব্যবস্থা
### স্বয়ংক্রিয় অনুবাদ
- গিটহাব অ্যাকশনের co-op-translator ওয়ার্কফ্লো ব্যবহার করে
- ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ
- মূল ফাইলগুলো প্রধান ডিরেক্টরিতে থাকে
- GitHub Actions এর co-op-translator ওয়ার্কফ্লো ব্যবহার করে
- ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ করে
- মূল ফাইল প্রধান ডিরেক্টরিতে থাকে
- অনূদিত ফাইল থাকে `translations/{language-code}/` ডিরেক্টরিতে
### ম্যানুয়াল অনুবাদ উন্নয়ন যোগ করা
### ম্যানুয়াল অনুবাদ উন্নতি যোগ করা
1. `translations/{language-code}/` ফোল্ডারে ফাইলটি খুঁজুন
2. কাঠামো বজায় রেখে উন্নয়ন করুন
3. কোড উদাহরণ কার্যকর থাকে কিনা নিশ্চিত করুন
4. স্থানীয়কৃত কুইজ বিষয়বস্তু পরীক্ষা করুন
1. `translations/{language-code}/` এ ফাইল অবস্থান নির্ণয় করুন
2. কাঠামো বজায় রেখে উন্নতি করুন
3. কোড উদাহরণ কাজ করছে কিনা নিশ্চিত করুন
4. লোকালাইজড কুইজ বিষয়বস্তু পরীক্ষা করুন
### অনুবাদ মেটাডেটা
### অনুবাদের মেটাডাটা
অনূদিত ফাইলগুলোতে মেটাডেটা হেডার থাকে:
অনূদিত ফাইলগুলিতে মেটাডাটা হেডার অন্তর্ভুক্ত থাকে:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## ডিবাগিং এবং সমস্যা নিরসন
## ডিবাগিং এবং সমস্যা সমাধা
### সাধারণ সমস্যা
**কুইজ অ্যাপ শুরু হয় না**:
- Node.js সংস্করণ পরীক্ষা করুন (v14+ সুপারিশ)
- `node_modules` এবং `package-lock.json` মুছে `npm install` আবার চালান
- পোর্ট সংঘর্ষ আছে কিনা যাচাই করুন (ডিফল্ট: Vite পোর্ট ৫১৭৩ ব্যবহার করে)
**Quiz অ্যাপ আরম্ভ হয় না**:
- Node.js সংস্করণ পরীক্ষা করুন (v14+ সুপারিশ করা হয়েছে)
- `node_modules` `package-lock.json` মুছে পুনরায় `npm install` চালান
- পোর্ট সংঘর্ষ আছে কিনা দেখুন (ডিফল্ট: Vite পোর্ট ৫১৭৩)
**API সার্ভার চালু হয় না**:
- Node.js সংস্করণ ন্যূনতম (node >=10) আছে কিনা পরীক্ষা করুন
- পোর্ট ইতিমধ্যে ব্যবহৃত হচ্ছে কিনা দেখুন
- সমস্ত ডিপেনডেন্সি `npm install` দিয়ে ইনস্টল করা আছে কিনা নিশ্চিত করুন
**API সার্ভার শুরু হয় না**:
- Node.js সংস্করণ কমপক্ষে (node >=10) নিশ্চিত করুন
- পোর্ট ইতিমধ্যে ব্যবহৃত হচ্ছে কিনা দেখুন
- সমস্ত নির্ভরতা `npm install` দিয়ে ইনস্টল করা হয়েছে কিনা নিশ্চিত করুন
**ব্রাউজার এক্সটেনশন লোড হয় না**:
- manifest.json সঠিক ফরম্যাটে আছে কিনা যাচাই করুন
- ব্রাউজার কনসোলে এরর দেখুন
- ব্রাউজার-নির্দিষ্ট এক্সটেনশন ইনস্টলেশন নির্দেশনা অনুসরণ করুন
**ব্রাউজার এক্সটেনশন লোড হচ্ছে না**:
- manifest.json সঠিক ফর্ম্যাটে আছে কিনা পরীক্ষা করুন
- ব্রাউজার কনসোলে ত্রুটি দেখুন
- ব্রাউজার-নির্দিষ্ট এক্সটেনশন ইনস্টল নির্দেশনা অনুসরণ করুন
**পাইথন চ্যাট প্রকল্প সমস্যা**:
- OpenAI প্যাকেজ ইনস্টল আছে কিনা: `pip install openai`
- GITHUB_TOKEN পরিবেশ ভেরিয়েবল সেট আছে কিনা যাচাই করুন
- গিটহাব মডেল অ্যাক্সেস অনুমতি যাচাই করুন
**Python চ্যাট প্রকল্প সমস্যা**:
- OpenAI প্যাকেজ ইনস্টল আছে কিনা যাচাই করুন: `pip install openai`
- GITHUB_TOKEN পরিবেশ ভেরিয়েবল সেট আছে কিনা নিশ্চিত করুন
- GitHub Models অ্যাক্সেস অনুমতি পরীক্ষা করুন
**Docsify ডকুমেন্টেশন পরিবেশন হয় না**:
- গ্লোবালি docsify-cli ইনস্টল করুন: `npm install -g docsify-cli`
- রেপোসিটরি রুট থেকে চালান
- `docs/_sidebar.md` ফাইল আছে কিনা দেখুন
**Docsify ডকস পরিবেশন করছে না**:
- docsify-cli গ্লোবালি ইনস্টল করুন: `npm install -g docsify-cli`
- রিপোজিটরি রুট থেকে চালান
- `docs/_sidebar.md` ফাইল আছে কিনা চেক করুন
### উন্নয়ন পরিবেশ টিপস
- HTML প্রকল্পের জন্য VS Code এর Live Server এক্সটেনশন ব্যবহার করুন
- ধারাবাহিক ফরম্যাটিংয়ের জন্য ESLint এবং Prettier এক্সটেনশন ইনস্টল করুন
- জাভাস্ক্রিপ্ট ডিবাগিংয়ের জন্য ব্রাউজারের ডেভটুলস ব্যবহার করুন
- ESLint ও Prettier এক্সটেনশন ইনস্টল করুন সুশৃঙ্খল ফরম্যাটিং এর জন্য
- JavaScript ডিবাগিং এর জন্য ব্রাউজার DevTools ব্যবহার করুন
- Vue প্রকল্পের জন্য Vue DevTools ব্রাউজার এক্সটেনশন ইনস্টল করুন
### পারফরমন্স বিবেচনা
### পারফরম্যান্স বিবেচনা
- অনুবাদের সংখ্যা বেশি (৫০+ ভাষা) হওয়ায় পুরো ক্লোন বড় হয়
- কেবল বিষয়বস্তুতে কাজ করলে `git clone --depth 1` দিয়ে শ্যালো ক্লোন ব্যবহার করুন
- ইংরেজি বিষয়বস্তু কাজের সময় অনুবাদ ফাইল অনুসন্ধান থেকে বাদ দিন
- প্রথম রান-এ বিল্ড প্রক্রিয়া ধীর হতে পারে (npm install, Vite build)
- অনুবাদকৃত ফাইলের সংখ্যা অনেক (৫০+ ভাষা) তাই পুরো ক্লোন বড় হবে
- শুধুমাত্র বিষয়বস্তু নিয়ে কাজ করলে `git clone --depth 1` ব্যবহার করুন
- ইংরেজি বিষয়বস্তুর জন্য অনুসন্ধানে অনুবাদগুলি বাদ দিন
- প্রথমবার বিল্ড ধীরে হতে পারে (npm install, Vite build)
## নিরাপত্তা বিবেচনা
## সুরক্ষা বিবেচনা
### পরিবেশ ভেরিয়েবলসমূহ
- API কী কখনো রেপোসিটরিতে কমিট করবেন না
- `.env` ফাইল ব্যবহার করুন (যা `.gitignore` আছে)
- প্রকল্প README এ প্রয়োজনীয় পরিবেশ ভেরিয়েবল নথিবদ্ধ করুন
- API কী কখনই রিপোজিটরিতে কমিট করবেন না
- `.env` ফাইল ব্যবহার করুন (যা `.gitignore` তে আছে)
- প্রকল্পের README-তে প্রয়োজনীয় পরিবেশ ভেরিয়েবল ডকুমেন্ট করুন
### পাইথন প্রকল্পসমূহ
### Python প্রকল্পসমূহ
- ভার্চুয়াল এনভায়রনমেন্ট ব্যবহার করুন: `python -m venv venv`
- ডিপেনডেন্সিগুলো আপডেট রাখুন
- গিটহাব টোকেনের আধুনিক এবং সর্বনিম্ন প্রয়োজনীয় অনুমতি দিন
- নির্ভরতা হালনাগাদ রাখুন
- GitHub টোকেনের ন্যূনতম প্রয়োজনীয় অনুমতি থাকা উচিত
### গিটহাব মডেলস অ্যাক্সেস
### GitHub Models অ্যাক্সেস
- গিটহাব মডেলসের জন্য ব্যক্তিগত অ্যাক্সেস টোকেন (PAT) প্রয়োজন
- টোকেন পরিবেশ ভেরিয়েবল হিসেবে সংরক্ষণ করুন
- টোকেন বা শংসাপত্র কখনো কমিট করবেন না
- GitHub Models এর জন্য Personal Access Tokens (PAT) প্রয়োজন
- টোকেনগুলো পরিবেশ ভেরিয়েবল হিসেবে সংরক্ষণ করুন
- টোকেন বা ক্রেডেনশিয়াল কখনো প্রকাশ করবেন না
## অতিরিক্ত নোট
## অতিরিক্ত দ্রষ্টব্য
### লক্ষ্য শ্রোতা
### লক্ষ্য দর্শক
- ওয়েব ডেভেলপমেন্টে সম্পূর্ণ শিক্ষানবীশ
- শিক্ষার্থী এবং স্বশিক্ষণপ্রাপ্ত
- শ্রেণিকক্ষে পাঠক্রম ব্যবহৃত শিক্ষকগণ
- বিষয়বস্তু অ্যাক্সেসিবিলিটি এবং ধাপে ধাপে দক্ষতা বৃদ্ধির জন্য ডিজাইন করা
- ওয়েব ডেভেলপমেন্টের সম্পূর্ণ শুরু করার ধাপের শিক্ষার্থীরা
- স্টুডেন্ট এবং স্বশিক্ষার্থীরা
- শ্রেণীকক্ষে কারিকুলাম ব্যবহারে শিক্ষকরা
- বিষয়বস্তু অ্যাক্সেসযোগ্য এবং ধাপে ধাপে দক্ষতা বৃদ্ধির জন্য ডিজাইন করা
### শিক্ষামূলক দর্শন
### শিক্ষণীয় দর্শন
- প্রকল্পভিত্তিক শেখার পদ্ধতি
- নিয়মিত জ্ঞান যাচাই (কুইজ)
- হাতেকলমে কোডিং অনুশীলন
- বাস্তব জীবনের উদাহরণ
- ফ্রেমওয়ার্কের আগে মৌলিক বিষয়গুলোতে গুরুত্ব
- নিয়মিত জ্ঞানের যাচাই (কুইজ)
- হাতে কলমে কোডিং কর্মশালা
- বাস্তব জীবন প্রয়োগ উদাহরণ
- ফ্রেমওয়ার্কের আগে মূল বিষয়গুলিতে ফোকাস
### রেপোসিটরি রক্ষণাবেক্ষণ
### রিপোজিটরি রক্ষণাবেক্ষণ
- সক্রিয় শিক্ষার্থী ও অবদানকারীদের সম্প্রদায়
- নিরবচ্ছিন্ন ডিপেনডেন্সি ও বিষয়বস্তুর আপডেট
- রক্ষণাবেক্ষক দ্বারা ইস্যু ও আলোচনা পর্যবেক্ষণ
- গিটহাব অ্যাকশনের মাধ্যমে অনুবাদ আপডেট স্বয়ংক্রিয়
- সক্রিয় শিক্ষার্থী ও অবদানকারী সম্প্রদায়
- নির্ভরতা এবং বিষয়বস্তু নিয়মিত আপডেট হয়
- রক্ষণাবেক্ষক দ্বারা ইস্যু ও আলোচনা মনিটার করা হয়
- অনুবাদ আপডেট GitHub Actions দ্বারা স্বয়ংক্রিয়
### সম্পর্কিত রিসোর্স
- [Microsoft Learn মডিউল](https://docs.microsoft.com/learn/)
- [Student Hub রিসোর্স](https://docs.microsoft.com/learn/student-hub/)
- শিক্ষার্থীদের জন্য সুপারিশকৃত [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
- অতিরিক্ত কোর্স: Generative AI, Data Science, ML, IoT পাঠক্রম উপলব্ধ
- [Microsoft Learn modules](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) শিক্ষার্থীদের জন্য সুপারিশকৃত
- অতিরিক্ত কোর্স: Generative AI, Data Science, ML, IoT কারিকুলাম উপলব্ধ
### নির্দিষ্ট প্রকল্পসমূহের কাজ
### নির্দিষ্ট প্রকল্প নিয়ে কাজ করা
ব্যক্তিগত প্রকল্পগুলির বিস্তারিত নির্দেশনার জন্য README ফাইলগুল দেখুন:
প্রতিটি প্রকল্পের বিস্তারিত নির্দেশনার জন্য README ফাইলগুলি দেখুন:
- `quiz-app/README.md` - Vue 3 কুইজ অ্যাপ্লিকেশন
- `7-bank-project/README.md` - প্রমাণীকরণসহ ব্যাংকিং অ্যাপ্লিকেশন
- `5-browser-extension/README.md` - ব্রাউজার এক্সটেনশন উন্নয়ন
- `6-space-game/README.md` - ক্যানভাস-ভিত্তিক গেম উন্নয়ন
- `9-chat-project/README.md` - AI চ্যাট সহকারী প্রকল্প
- `7-bank-project/README.md` - ব্যাংকিং অ্যাপ্লিকেশন সহ প্রমাণীকরণ
- `5-browser-extension/README.md` - ব্রাউজার এক্সটেনশন ডেভেলপমেন্ট
- `6-space-game/README.md` - ক্যানভাস-বেসড গেম ডেভেলপমেন্ট
- `9-chat-project/README.md` - AI চ্যাট অ্যাসিস্ট্যান্ট প্রকল্প
### মনোরেপো কাঠামো
### মনোরিপো গঠন
পরম্পরাগত মনোরেপো না হলেও, এই রেপোসিটরিতে একাধিক স্বাধীন প্রকল্প রয়েছে:
- প্রতিটি পাঠ স্ব-সম্পূর্ণ
- প্রকল্পগুলো ডিপেনডেন্সি শেয়ার করে না
- অন্যদের প্রভাবিত না করে পৃথক প্রকল্পে কাজ করুন
- পূর্ণ পাঠক্রম অভিজ্ঞতার জন্য পুরো রেপো ক্লোন করুন
এটি ঐতিহ্যবাহী মনোরিপো না হলেও এই রিপোজিটরিতে বহুল স্বতন্ত্র প্রকল্প আছে:
- প্রতিটি পাঠ স্বায়ত্তশাসিত
- প্রকল্পসমূহের নির্ভরতা ভাগাভাগি নেই
- পৃথক প্রকল্পে কাজ করুন অন্যদের প্রভাব ছাড়াই
- সম্পূর্ণ কারিকুলামের অভিজ্ঞতার জন্য সম্পূর্ণ রিপো ক্লোন করুন
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**অস্বীকারোক্তি**:
এই নথিটি AI অনুবাদ পরিষেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনুবাদ করা হয়েছে। যদিও আমরা যথাসম্ভব সঠিকতার চেষ্টা করি, অনুগ্রহ করে লক্ষ্য করুন যে স্বয়ংক্রিয় অনুবাদে ভুল বা অসঙ্গতি থাকতে পারে। আসল নথি তার মাতৃভাষায় প্রাধান্যপূর্ণ উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদের পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়বদ্ধ নই
**দ্রষ্টব্য**:
এই নথিটি [Co-op Translator](https://github.com/Azure/co-op-translator) AI অনুবাদ সেবা ব্যবহার করে অনূদিত হয়েছে। আমরা যথাসাধ্য সঠিকতা বজায় রাখতে চেষ্টা করি, তবে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে জেনে রাখুন। মূল নথি তার স্থানীয় ভাষায়ই কর্তৃত্বপূর্ণ উৎস হিসেবে বিবেচিত হওয়া উচিত। সংকটাপন্ন তথ্যের জন্য পেশাদার মানব অনুবাদের পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহারের ফলে যে কোনো ভুল ধারণা বা ভুল ব্যাখ্যার দায় আমরা নিতে পারি না
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -10,209 +10,212 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# ওয়েব ডেভেলপমেন্ট ফর বিগিনার্স - একটি পাঠ্যক্রম
# নবশিখিদের জন্য ওয়েব ডেভেলপমেন্ট - একটি পাঠ্যক্রম
মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের ১২-সাপ্তাহিক বিস্তৃত কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলি শিখুন। ২৪টি পাঠের প্রতিটি অংশে JavaScript, CSS, এবং HTML শেখানো হয় হাতেকলমে প্রকল্পগুলির মাধ্যমে যেমন টেরারিয়াম, ব্রাউজার এক্সটেনশন এবং স্পেস গেমস। কুইজ, আলোচনা এবং ব্যবহারিক নিয়োগগুলির মাধ্যমে অংশ নিন। আমাদের কার্যকর প্রকল্প-ভিত্তিক শিক্ষাদানের মাধ্যম দিয়ে আপনার দক্ষতা উন্নত করুন এবং জ্ঞান ধরে রাখার ক্ষমতা বৃদ্ধি করুন। আজই আপনার কোডিং যাত্রা শুরু করুন!
Microsoft Cloud Advocates দ্বারা পরিচালিত আমাদের ১২ সপ্তাহের বিস্তৃত কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মূলতত্ব শিখুন। ২৪টি পাঠের প্রত্যেকটি জাভাস্ক্রিপ্ট, CSS এবং HTML-এর উপর গভীরভাবে মনোযোগ দেয়, যেখানে হাতেকলমে প্রকল্পগুলি যেমন টেরারিয়াম, ব্রাউজার এক্সটেনশন, এবং স্পেস গেমস অন্তর্ভুক্ত। কুইজ, আলোচনা, এবং ব্যবহারিক অ্যাসাইনমেন্টগুলোর মাধ্যমে সম্পৃক্ত থাকুন। আমাদের কার্যকর প্রকল্প-ভিত্তিক পদ্ধতির মাধ্যমে দক্ষতা বাড়ান এবং আপনার জ্ঞান সংরক্ষণ উন্নত করুন। আজই আপনার কোডিং যাত্রা শুরু করুন!
Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
Azure AI Foundry Discord-এ যোগ দিন এবং বিশেষজ্ঞ ও অন্যান্য ডেভেলপারদের সাথে পরিচিত হন।
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
এই রিসোর্সগুলি ব্যবহার শুরু করার জন্য এই ধাপগুলি অনুসরণ করুন:
1. **রিপোজিটরি ফরক করুন**: ক্লিক করুন [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **রিপোজিটরি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord এ যোগ দিন এবং বিশেষজ্ঞ ও অন্যান্য ডেভেলপারদের সঙ্গে দেখা করুন**](https://discord.com/invite/ByRwuEEgH4)
এই সম্পদগুলি ব্যবহার শুরু করতে নিচের ধাপগুলি অনুসরণ করুন:
1. **রিপোজিটরিটি ফরক করুন**: ক্লিক করুন [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **রিপোজিটরিটি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord-এ যোগ দিন এবং বিশেষজ্ঞ ও অন্যান্য ডেভেলপারদের সাথে পরিচিত হন**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 বহুভাষা সমর্থন
### 🌐 বহু-ভাষা সমর্থন
#### GitHub Action দ্বারা সমর্থিত (স্বয়ংক্রিয় এবং সর্বদা আপ টু ডেট)
#### GitHub Action-এর মাধ্যমে সমর্থিত (স্বয়ংক্রিয় এবং সর্বদা হালনাগাদ)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](./README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-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) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-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) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **স্থানীয়ভাবে ক্লোন করতে চান?**
> **স্থানীয়ভাবে ক্লোন করতে পছন্দ করেন?**
>
> এই রিপোজিটরিতে ৫০+ ভাষায় অনুবাদ রয়েছে যা ডাউনলোড সাইজ অনেক বাড়িয়ে দেয়। অনুবাদ ছাড়া ক্লোন করতে স্পারস চেকআউট ব্যবহার করুন:
> এই রিপোজিটরিতে ৫০+ ভাষার অনুবাদ রয়েছে যা ডাউনলোড সাইজ উল্লেখযোগ্যভাবে বৃদ্ধি করে। অনুবাদ ছাড়া ক্লোন করতে, স্পারস চেকআউট ব্যবহার করুন:
>
> **Bash / macOS / Linux:**
> **বাশ / macOS / লিনাক্স:**
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
>
> **CMD (Windows):**
> **CMD (উইন্ডোজ):**
> ```cmd
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> এটি আপনাকে দ্রুত ডাউনলোডের মাধ্যমে কোর্সটি সম্পন্ন করার জন্য প্রয়োজনীয় সবকিছু দেবে।
> এর ফলে আপনি কোর্সটি সম্পূর্ণ করতে প্রয়োজনীয় সবকিছু অনেক ্রুত ডাউনলোড করত পারবে
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**অতিরিক্ত অনুবাদের ভাষা সমর্থন করতে চাইলে এখানে তালিকাভুক্ত রয়েছে [এখানে](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**আপনি যদি অতিরিক্ত অনুবাদের ইচ্ছা করেন, সমর্থিত ভাষাগুলো এখানে তালিকাভুক্ত া হয়েছে [এখানে](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _আপনি কি একজন ছাত্র?_
[**স্টুডেন্ট হাব পেজ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) পরিদর্শন করুন যেখানে আপনি প্রারম্ভিক রিসোর্স, ছাত্র প্যাক এবং এমনকি একটি ফ্রি সার্টিফিকেট ভাউচারের উপায় পাবেন। এটি সেই পেজ যা আপনি বুকমার্ক করে মাঝে মধ্যে চেক করবেন কারণ আমরা প্রায় মাসিকভিত্তিতে বিষয়বস্তু পরিবর্তন করি।
[**স্টুডেন্ট হাব পেজ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) পরিদর্শন করুন যেখানে আপনি নবশিখিদের জন্য সম্পদ, স্টুডেন্ট প্যাক এবং এমনকি একটি ফ্রি সার্টিফিকেট ভাউচার পাওয়ার উপায় পাবেন। এটি একটি পৃষ্ঠা যা আপনাকে বুকমার্ক করে রাখতে হবে এবং সময়ে সময়ে চেক করতে হবে কারণ আমরা মাসিকভাবে বিষয়বস্তু পরিবর্তন করি।
### 📣 ঘোষণা - নতুন GitHub Copilot Agent মোড চ্যালেঞ্জসমূহ সম্পন্ন করার জন্য!
### 📣 ঘোষণা - নতুন GitHub Copilot Agent মোড চ্যালেঞ্জ সম্পন্ন করার জন্য!
নতুন চ্যালেঞ্জ যুক্ত হয়েছে, অধিকাংশ অধ্যায়ে "GitHub Copilot Agent Challenge 🚀" খুঁজুন। এটি একটি নতুন চ্যালেঞ্জ যা GitHub Copilot এবং Agent মোড ব্যবহার করে সম্পন্ন করতে হবে। আপনি যদি আগে Agent মোড ব্যবহার না করে থাকেন, এটি শুধু টেক্সট তৈরি নয়, ফাইল তৈরি ও সম্পাদনা, কমান্ড চালানো এবং আরও অনেক কাজ করতে সক্ষম
নতুন চ্যালেঞ্জ যোগ করা হয়েছে, অধিকাংশ অধ্যায়ে “GitHub Copilot Agent Challenge 🚀” খুঁজে পাবেন। এটি GitHub Copilot এবং Agent মোড ব্যবহার করে সম্পন্ন করার জন্য একটি নতুন চ্যালেঞ্জ। যদি আপনি আগে Agent মোড ব্যবহার না করে থাকেন, এটি কেবল টেক্সট তৈরি নয়, ফাইল তৈরি ও সম্পাদনা, কমান্ড চালানো ইত্যাদিও করতে পারে
### 📣 ঘোষণা - _Generative AI ব্যবহার করে নতুন প্রকল্প তৈরি_
### 📣 ঘোষণা - _জেনারেটিভ AI ব্যবহার করে নতুন প্রকল্প_
নতুন AI সহকারী প্রকল্প সাম্প্রতিক যোগ হয়েছে, এটি পরীক্ষা করুন [প্রকল্প](./9-chat-project/README.md)
নতুন AI সহকারী প্রকল্প যোগ করা হয়েছে, এটি দেখুন [প্রকল্প](./9-chat-project/README.md)
### 📣 ঘোষণা - _Generative AI বিষয়ক নতুন পাঠ্যক্রম_ JavaScript এর জন্য এখন প্রকাশিত হয়েছে
### 📣 ঘোষণা - _জেনারেটিভ AI-এর জন্য নতুন পাঠ্যক্রম_ জাভাস্ক্রিপ্টের জন্য সদ্য মুক্তি পেয়েছে
আমাদের নতুন Generative AI পাঠ্যক্রম মিস করবেন না!
আমাদের নতুন জেনারেটিভ AI পাঠ্যক্রম মিস করবেন না!
শুরু করতে যান [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
শুরু করতে ভিজিট করুন [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
![Background](../../translated_images/bn/background.148a8d43afde5730.webp)
- মৌলিক থেকে RAG পর্যন্ত সমস্ত বিষয় শেখানো হয়েছে।
- ইতিহাসের চরিত্রদের সঙ্গে GenAI ও আমাদের সঙ্গী অ্যাপ ব্যবহার করে মিথস্ক্রিয়া করুন।
- মজাদার এবং আকর্ষণীয় বর্ণনা, আপনি সময় ভ্রমণে যাচ্ছেন!
- মৌলিক থেকে RAG পর্যন্ত সবকিছুকে নিয়ে পাঠ
- GenAI এবং আমাদের কমপ্যানিয়ন অ্যাপ ব্যবহার করে ঐতিহাসিক চরিত্রদের সাথে আলাপ
- মজাদার এবং আকর্ষণীয় গল্প, আপনি সময় ভ্রমণ করবেন!
![character](../../translated_images/bn/character.5c0dd8e067ffd693.webp)
প্রতিটি পাঠে রয়েছে সম্পন্ন করার জন্য নিয়োগ, একটি জ্ঞানের পরীক্ষা এবং একটি চ্যালেঞ্জ, যা আপনাকে শিখতে সাহায্য করবে যেমন:
প্রতি পাঠে একটি অ্যাসাইনমেন্ট, একটি জ্ঞান যাচাই এবং একটি চ্যালেঞ্জ থাকে যা আপনাকে নিম্নলিখিত বিষয় শেখাতে সাহায্য করে:
- প্রম্পটিং এবং প্রম্পট ইঞ্জিনিয়ারিং
- টেক্সট ও ইমেজ অ্যাপ তৈরি
- টেক্সট এবং ছবি অ্যাপ উত্পাদন
- সার্চ অ্যাপস
শুরু করতে যান [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) এ!
শুরু করতে ভিজিট করুন [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) শেয়ার করতে চাইব!
> **শিক্ষকদের জন্য**, আমরা [কিছু পরামর্শ](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://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, প্রতি পাঠের জন্য, প্রি-লেকচার কুইজ দিয়ে শুরু করুন এবং লেকচার সামগ্রী পড়ুন, বিভিন্ন কার্যকলাপ সম্পন্ন করুন এবং পোস্ট-লেকচার কুইজ দিয়ে আপনার বোঝাপড়া যাচাই করুন।
আপনার শেখার অভিজ্ঞতা উন্নত করার জন্য, সহপাঠীদের সঙ্গে প্রকল্পে একসঙ্গে কাজ করার জন্য সংযুক্ত হোন! আমাদের [আলোচনা ফোরামে](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) আলোচনা উৎসাহিত এবং সেখানে আমাদের মনিটারিং টিম আপনার প্রশ্নের উত্তর দেবে।
আপনার শিক্ষার অভিজ্ঞতা উন্নত করতে, একসঙ্গে প্রকল্পে কাজ করার জন্য অন্যান্য শিক্ষার্থীদের সাথে সংযোগ করুন! আমাদের [আলোচনা ফোরামে](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) আলোচনায় অংশগ্রহণ উত্সাহিত যেখানে আমাদের মডারেটরের দল আপনার প্রশ্নের উত্তর দেবে।
আপনার শিক্ষাকে আরও বাড়াতে, আমরা অতিরিক্ত অধ্যয়নের জন্য [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) অন্বেষণ করার পরামর্শ দিই
আপনার শিক্ষা আরও উন্নত করতে, আমরা অত্যন্ত সুপারিশ করি [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) এ অতিরিক্ত অধ্যয়ন উপকরণ অন্বেষণ করার।
### 📋 আপনার পরিবেশ সেটআপ করা
এই পাঠ্যক্রমের জন্য একটি ডেভেলপমেন্ট পরিবেশ প্রস্তুত আছে! শুরু করার সময় আপনি এই পাঠ্যক্রমটি চালাতে পারবেন একটি [Codespace](https://github.com/features/codespaces/) (_একটি ব্রাউজার-ভিত্তিক, ইনস্টলেশনের প্রয়োজনহীন পরিবেশ_), অথবা স্থানীয়ভাবে আপনার কম্পিউটারে [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) এর মতো একটি টেক্সট এডিটর ব্যবহার করে।
এই পাঠ্যক্রমের জন্য একটি উন্নয়ন পরিবেশ প্রস্তুত আছে! শুরু করার সময় আপনি [Codespace](https://github.com/features/codespaces/) (_একটি ব্রাউজার-ভিত্তিক, কোন ইনস্টলেশন ছাড়া পরিবেশ_), অথবা আপনার কম্পিউটারে লোকালি একটি টেক্সট এডিটর যেমন [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ব্যবহার করে চালাতে পারেন
#### আপনার রিপোজিটরি তৈরি করুন
আপনার কাজ সহজে সংরক্ষণ করার জন্য, আপনার নিজস্ব একটি কপি তৈরি করার সুপারিশ করা হয়। এটি করতে, এই পৃষ্ঠার উপরের দিকে "Use this template" বোতামে ক্লিক করুন। এটি আপনার GitHub অ্যাকাউন্টে একটি নতুন রিপোজিটরি তৈরি করবে যার মধ্যে পাঠ্যক্রমের একটি কপি থাকবে।
আপনার কাজ সহজে সংরক্ষণ করার জন্য, আপনার নিজস্ব কপি তৈরির পরামর্শ দেওয়া হয়। এটি করতে, পৃষ্ঠার উপরের দিকের **Use this template** বোতামে ক্লিক করুন। এটি আপনার GitHub অ্যাকাউন্টে পাঠ্যক্রমের একটি কপি সহ একটি নতুন রিপোজিটরি তৈরি করবে।
এই ধাপগুলি অনুসরণ করুন:
1. **রিপোজিটরি ফরক করুন**: এই পৃষ্ঠার উপরের ডানদিকে কোণে "Fork" বোতামে ক্লিক করুন।
2. **রিপোজিটরি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
1. **রিপোজিটরিটি ফরক করুন**: এই পৃষ্ঠার উপরের-ডান কোণায় "Fork" বোতাম ক্লিক করুন।
2. **রিপোজিটরিটি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Codespace এ পাঠ্যক্রম চালানো
#### Codespace-এ পাঠ্যক্রম চালানো
আপনি যে কপি তৈরি করেছেন, সেখানে **Code** বোতাম ক্লিক করুন এবং **Open with Codespaces** নির্বাচন করুন। এটি একটি নতুন Codespace তৈরি করবে যেখানে আপনি কাজ করতে পারবেন
আপনি যে রিপোজিটরির কপি তৈরি করেছেন সেখানে, **Code** বোতামে ক্লিক করে **Open with Codespaces** নির্বাচন করুন। এটি আপনার জন্য একটি নতুন Codespace তৈরি করবে।
![Codespace](../../translated_images/bn/createcodespace.0238bbf4d7a8d955.webp)
#### স্থানীয়ভাবে আপনার কম্পিউটারে পাঠ্যক্রম চালানো
#### আপনার কম্পিউটারে লোকালি পাঠ্যক্রম চালানো
এই পাঠ্যক্রম স্থানীয়ভাবে চালাতে আপনার একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুলের প্রয়োজন হবে। আমাদের প্রথম পাঠ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), আপনাকে বিভিন্ন টুলের বিকল্পগুলি দেখিয়ে দেবে যাতে আপনি আপনার পছন্দের নির্বাচন করতে পারেন।
আপনার কম্পিউটারে লোকালি এই পাঠ্যক্রম চালানোর জন্য, আপনার একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুল প্রয়োজন। আমাদের প্রথম পাঠ, [প্রোগ্রামিং ভাষা ও ট্রেডের টুলসের পরিচয়](../../1-getting-started-lessons/1-intro-to-programming-languages), আপনাকে প্রত্যেকটির বিভিন্ন বিকল্প দেখাবে যাতে আপনি যা আপনার জন্য সেরা তা নির্বাচন করতে পারেন।
আমাদের সুপারিশ হল [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) রয়েছে। Visual Studio Code ডাউনলোড করতে পারেন [এখানে](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)।
1. আপনার কম্পিউটারে আপনার রিপোজিটরি ক্লোন করুন। আপনি এটি করতে পারেন **Code** বোতামে ক্লিক করে এবং URL কপি করে:
আমাদের সুপারিশ হল [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ব্যবহার করা, যার মধ্যে অন্তর্নির্মিত [টার্মিনাল](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. আপনার রিপোজিটরি আপনার কম্পিউটারে ক্লোন করুন। আপনি এটি করতে পারেন **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) খুলুন এবং নীচের কমান্ডটি চালান, `<your-repository-url>` এর পরিবর্তে আপনি যে URL কপি করেছেন তা বসান:
তারপর, [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) খুলুন এবং নিম্নলিখিত কমান্ড চালান, যেখানে `<your-repository-url>` এর স্থলে আপনি যেটি কপি করেছেন সেই URL বসান:
```bash
git clone <your-repository-url>
```
2. ভিজুয়াল স্টুডিও কোডে ফোল্ডারটি খুলুন। আপনি এটি করতে পারেন **File** > **Open Folder** এ ক্লিক করে এবং আপনি যা ক্লোন করেছেন সেই ফোল্ডারটি নির্বাচন করে।
2. Visual Studio Code এ ফোল্ডারটি খুলুন। আপনি এটি করতে পারেন **File** > **Open Folder** ক্লিক করে এবং আপনি যেটি ক্লোন করেছেন সেই ফোল্ডারটি নির্বাচন করে।
> সুপারিশকৃত ভিজুয়াল স্টুডিও কোড এক্সটেনশনসমূহ:
> সুপারিশকৃত Visual Studio Code এক্সটেনশনসমূহ:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - ভিজুয়াল স্টুডিও কোডের মধ্যে HTML পৃষ্ঠাগুলো প্রিভিউ করার জন্য
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - কোড দ্রুত লেখায় সাহায্য করার জন্য
> * [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) - দ্রুত কোড লেখায় সহায়তার জন্য
## 📂 প্রতিটি পাঠে আছে:
## 📂 প্রতিটি পাঠে অন্তর্ভুক্ত:
- ঐচ্ছিক স্কেচ নোট
- ঐচ্ছিক স্কেচনোট
- ঐচ্ছিক সম্পূরক ভিডিও
- পাঠের আগে ওয়ার্মআপ কুইজ
- প্রাক-পাঠের ওয়ার্মআপ কুইজ
- লিখিত পাঠ
- প্রকল্প-ভিত্তিক পাঠগুলোর জন্য, প্রকল্প তৈরির ধাপে ধাপে গাইড
- জ্ঞানের যাচাই
- প্রকল্পভিত্তিক পাঠের জন্য, ধাপে ধাপে গাইড কিভাবে প্রকল্প তৈরি করবেন
- জ্ঞান যাচাই
- একটি চ্যালেঞ্জ
- পরিপূরক পড়াশোনা
- সম্পূরক পাঠ
- অ্যাসাইনমেন্ট
- [াঠ পরবর্তী কুইজ](https://ff-quizzes.netlify.app/web/)
> **কুইজ সম্পর্কে একটি নোট**: সমস্ত কুইজ Quiz-app ফোল্ডারে রয়েছে, মোট ৪৮ টি কুইজ, প্রতিটি তিনটি প্রশ্নের। সেগুলো এখানে উপলভ্য [এখানে](https://ff-quizzes.netlify.app/web/)। কুইজ অ্যাপ স্থানীয়ভাবে চালানো বা Azure এ ডিপ্লয় করা যেতে পারে; নির্দেশনা `quiz-app` ফোল্ডারে অনুসরণ করুন।
## 🗃️ পাঠসমূহ
| | প্রকল্পের নাম | শেখানো ধারণাসমূহ | শেখার উদ্দেশ্য | লিঙ্ক করা পাঠ | লেখক |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | প্রোগ্রামিংয়ের পরিচিতি এবং টুলস অব দ্য ট্রেড | অধিকাংশ প্রোগ্রামিং ভাষার মৌলিক ধারণা ও সফটওয়্যার সম্পর্কে শিখুন যা পেশাদার ডেভেলপারদের কাজকে সাহায্য করে | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Getting Started | গিটহাবের বেসিকস, দলের সাথে কাজসহ | আপনার প্রকল্পে গিটহাব কীভাবে ব্যবহার করবেন, কীভাবে অন্যদের সঙ্গে কোড বেসে সহযোগিতা করবেন | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | প্রবেশযোগ্যতা | ওয়েব প্রবেশযোগ্যতার মৌলিক ধারণা শিখুন | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | জাভাস্ক্রিপ্ট ডেটা টাইপ | জাভাস্ক্রিপ্ট ডেটা টাইপের বেসিকস | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | ফাংশন এবং মেথডস | অ্যাপ্লিকেশনের লজিক ফ্লো পরিচালনার জন্য ফাংশন এবং মেথড সম্পর্কে শিখুন | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS Basics | জাভাস্ক্রিপ্ট দিয়ে সিদ্ধান্ত নেওয়া | কোডে শর্ত তৈরি করা শিখুন, সিদ্ধান্ত গ্রহণ পদ্ধতি ব্যবহার করে | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | অ্যারে ও লুপ | জাভাস্ক্রিপ্টে অ্যারে এবং লুপ ব্যবহার করে ডেটার সাথে কাজ করুন | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML অনুশীলন | একটি অনলাইন টেরারিয়াম তৈরি করার জন্য HTML নির্মাণ করুন, লেআউট তৈরিতে ফোকাস করুন | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS অনুশীলন | অনলাইন টেরারিয়াম স্টাইল করতে CSS তৈরি করুন, পৃষ্ঠাটিকে প্রতিক্রিয়াশীল করতে CSS এর বেসিকস সহ ফোকাস দিন | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | জাভাস্ক্রিপ্ট ক্লোজার, DOM ম্যানিপুলেশন | টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেসে কাজ করানোর জন্য জাভাস্ক্রিপ্ট তৈরি করুন, ক্লোজার এবং 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) | টাইপিং গেম তৈরি | কী-বোর্ড ইভেন্ট ব্যবহার করে আপনার জাভাস্ক্রিপ্ট অ্যাপের লজিক চালানো শিখুন | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ব্রাউজার নিয়ে কাজ | ব্রাউজার কভাবে কাজ করে, এর ইতিহাস, এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদানগুলি তৈরি করার পদ্ধতি শিখুন | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ফর্ম তৈরি, API কল এবং লোকাল স্টোরেজে ভেরিয়েবল সংরক্ষণ | আপনার ব্রাউজার এক্সটেনশনের জাভাস্ক্রিপ্ট উপাদান তৈরি করুন API কল করার জন্য, লোকাল স্টোরেজে সংরক্ষিত ভেরিয়েবল ব্যবহার করুন | [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 Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | জাভাস্ক্রিপ্ট দিয়ে আরও উন্নত গেম ডেভেলপমেন্ট | ক্লাস এবং কম্পোজিশন ব্যবহার করে ইনহেরিট্যান্স ও পাব/সাব প্যাটার্ন শিখুন, একটি গেম তৈরির প্রস্তুতিতে | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | ক্যানভাসে আঁকা | একটি স্ক্রিনে উপাদান আঁকার জন্য ব্যবহৃত Canvas API শিখুন | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | স্ক্রিনে উপাদান স্থানান্তর | কাকে Cartesian কোঅর্ডিনেট এবং Canvas API ব্যবহার করে উপাদানগুলো কীভাবে মুভ করে তা আবিষ্কার করুন | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | সংঘর্ষ সনাক্তকরণ | কীপ্রেস ব্যবহার করে উপাদানগুলোকে সংঘর্ষ করান এবং প্রতিক্রিয়া দেখান, গেমের পারফরমেন্সের জন্য কুলডাউন ফাংশন প্রদান করুন | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | স্কোর রাখা | গেমের অবস্থা এবং পারফরমেন্সের ভিত্তিতে গাণিতিক হিসাব করুন | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | গেম শেষ করা এবং পুনরায় শুরু করা | গেম শেষ এবং পুনরায় শুরু করার বিষয়ে শিখুন, যার মধ্যে অ্যাসেট পরিষ্কার করা এবং ভেরিয়েবল মান রিসেট করা রয়েছে | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | ওয়েব অ্যাপে HTML টেমপ্লেট এবং রুটস | রাউটিং এবং HTML টেমপ্লেট ব্যবহার করে মাল্টিপেজ ওয়েবসাইট আর্কিটেকচারের শারীরিক কাঠামো তৈরি করা শিখুন | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি | ফর্ম তৈরি এবং ভ্যালিডেশন রুটিন পরিচালনা সম্পর্কে শিখুন | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ডেটা আহরণ এবং ব্যবহার পদ্ধতি | আপনার অ্যাপে ডেটা প্রবাহের গতি, কীভাবে ডেটা আহরণ করবেন, সংরক্ষণ করবেন এবং কিভাবে এটি অপসারণ করবেন তা শিখুন | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | স্টেট ম্যানেজমেন্টের ধারণা | আপনার অ্যাপ কীভাবে স্টেট ধরে রাখে এবং প্রোগ্রাম্যাটিকভাবে কীভাবে এটি পরিচালনা করবেন তা শিখুন | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VSCode সাথে কাজ করা | কীভাবে কোড এডিটর ব্যবহার করবেন তা শিখুন | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI নিয়ে কাজ করা | নিজের AI সহকারী তৈরি শিখুন | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 শিক্ষা প্রক্রিয়া
আমাদের পাঠ্যক্রম দুটি মূল শিক্ষাবিধির নীতির উপর ভিত্তি করে ডিজাইন করা হয়েছে:
* প্রকল্প-ভিত্তিক শিক্ষা
- [োস্ট-পাঠের কুইজ](https://ff-quizzes.netlify.app/web/)
> **কুইজ সম্পর্কে একটি নোট**: সমস্ত কুইজ Quiz-app ফোল্ডারে রয়েছে, মোট ৪৮টি কুইজ প্রত্যেকটিতে তিনটি প্রশ্ন থাকে। এগুলি [এখানে](https://ff-quizzes.netlify.app/web/) পাওয়া যায়। কুইজ অ্যাপটি লোকালি চালানো যেতে পারে বা Azure এ ডিপ্লয় করা যেতে পারে; `quiz-app` ফোল্ডারের নির্দেশনা অনুসরণ করুন।
## 🗃️ শিক্ষাবিষয়ক পাঠসমূহ
| | প্রকল্পের নাম | শেখানো ধারণাসমূহ | শেখার উদ্দেশ্য | লিঙ্কযুক্ত পাঠ | লেখক |
| :-: | :-----------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :--------------------: |
| 01 | Getting Started | প্রোগ্রামিং এবং ট্রেডের টুলসের পরিচিতি | সবচেয়ে জনপ্রিয় প্রোগ্রামিং ভাষাগুলির মৌলিক ধারণা এবং সফটওয়্যার যা পেশাদার ডেভেলপারদের কাজ সহজ করে তার ব্যাখ্যা | [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 আপনার প্রকল্পে ব্যবহার করবেন, কিভাবে অন্যদের সাথে কোড বেসে সহযোগিতা করবেন | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | অ্যাক্সেসিবিলিটি | ওয়েব অ্যাক্সেসিবিলিটির মৌলিক বিষয়গুলো শিখুন | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | জাভাস্ক্রিপ্ট ডেটা টাইপ | জাভাস্ক্রিপ্ট ডেটা টাইপগুলোর মৌলিক ধারণা শিখুন | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | ফাংশন এবং মেথডস | অ্যাপ্লিকেশনের লজিক পরিচালনার জন্য ফাংশন এবং মেথড সম্বন্ধে জানতে | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS Basics | জাভাস্ক্রিপ্টের সাথে সিদ্ধান্ত গ্রহণ | সিদ্ধান্ত গ্রহণ পদ্ধতি ব্যবহার করে কীভাবে আপনার কোডে শর্ত তৈরি করবেন তা শিখুন | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | অ্যারে এবং লুপ | জাভাস্ক্রিপ্টে অ্যারে এবং লুপ ব্যবহার করে ডেটার সাথে কাজ কর | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML অনুশীলন | একটি অনলাইন টেরারিয়াম তৈরি করার জন্য HTML নির্মাণ, লেআউট তৈরিতে ফোকাস | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS অনুশীলন | অনলাইন টেরারিয়াম স্টাইলিংয়ের জন্য CSS তৈরিতে ফোকাস, পেজ রেসপন্সিভ করা সহ CSS বেসিক শিখুন | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | জাভাস্ক্রিপ্ট ক্লোজার, DOM ম্যানিপুলেশন | টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেস হিসেবে কাজ করানোর জন্য জাভাস্ক্রিপ্ট নির্মাণে ক্লোজার এবং 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) | টাইপিং গেম তৈরি করা | কীবোর্ড ইভেন্ট ব্যবহার করে জাভাস্ক্রিপ্ট অ্যাপের লজিক পরিচালনা শিখুন | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ব্রাউজার নিয়ে কাজ | ব্রাউজার কিভাবে কাজ করে, এর ইতিহাস এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদান গঠন শিখুন | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ফর্ম তৈরি, API কল করা এবং লোকাল স্টোরেজে ভেরিয়েবল সংরক্ষণ | ব্রাউজার এক্সটেনশনের জাভাস্ক্রিপ্ট উপাদান তৈরি করে API কল করতে শিখুন, এবং লোকাল স্টোরেজে ভেরিয়েবল ব্যবহার করুন | [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 Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | জাভাস্ক্রিপ্ট দিয়ে উন্নত গেম উন্নয়ন | ক্লাস এবং কম্পোজিশন ব্যবহার করে ইনহেরিটেন্স এবং Pub/Sub প্যাটার্ন শিখুন, গেম তৈরির প্রস্তুতিতে | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | ক্যানভাসে ছবি আঁকা | ক্যানভাস API সম্পর্কে শিখুন, যা স্ক্রিনে এলিমেন্ট আঁকতে ব্যবহৃত হয় | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | স্ক্রিনে এলিমেন্ট গতি দেওয়া | কার্টেসিয়ান কোঅর্ডিনেট এবং ক্যানভাস API ব্যবহার করে এলিমেন্টকে কিভাবে গতি দেওয়া যায় সেটা বুঝুন | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | সংঘর্ষ শনাক্তকরণ | কী-প্রেস ব্যবহার করে এলিমেন্ট একে অপরের সাথে ধাক্কা খাওয়া এবং প্রতিক্রিয়া দেখানো এবং গেমের পারফরম্যান্স নিশ্চিত করতে কুলডাউন ফাংশন তৈরি | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | স্কোর রাখা | গেমের অবস্থা এবং পারফরম্যান্স ভিত্তিক গণিত কার্য সম্পাদন | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | গেম শেষ করা এবং পুনরায় চালু করা | গেম শেষ এবং পুনরায় চালু করার পদ্ধতি শিখুন, যার মধ্যে সম্পদ পরিষ্কার করা এবং ভেরিয়েবল মান পুনরায় সেট করা অন্তর্ভুক্ত | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | ওয়েব অ্যাপে HTML টেমপ্লেট ও রুট | কীভাবে একটি মাল্টিপেজ ওয়েবসাইটের আর্কিটেকচার রুটিং এবং HTML টেমপ্লেট ব্যবহার করে তৈরি করবেন তা শিখুন | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | লগইন ও রেজিস্ট্রেশন ফর্ম তৈরি | ফর্ম তৈরি এবং ভ্যালিডেশন রুটিন পরিচালনা সম্পর্কে শিখুন | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ডেটা ফেচিং এবং ব্যবহারের পদ্ধতি | কীভাবে আপনার অ্যাপে ডেটা প্রবাহিত হয়, তা কীভাবে ফেচ, সংরক্ষণ এবং নিষ্কাশন করবেন শিখুন | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | স্টেট ম্যানেজমেন্ট ধারণা | কীভাবে আপনার অ্যাপ স্টেট ধরে রাখে এবং কীভাবে প্রোগ্রাম্যাটিক্যালি এটি পরিচালনা করবেন তা শিখুন | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode নিয়ে কাজ করা | কীভাবে একটি কোড এডিটর ব্যবহার করবেন শিখুন | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI নিয়ে কাজ করা | কিভাবে নিজের AI সহকারী তৈরি করবেন শিখুন | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 শিক্ষাদীক্ষণ পদ্ধতি
আমাদের পাঠ্যক্রম দুটো মূল শিক্ষণ নীতির উপর ভিত্তি করে তৈরি:
* প্রকল্পভিত্তিক শিক্ষা
* ঘন ঘন কুইজ
প্রোগ্রামটি জাভাস্ক্রিপ্ট, HTML, এবং CSS এর মৌলিক বিষয়াদি শেখায়, পাশাপাশি আজকের ওয়েব ডেভেলপারদের দ্বারা ব্যবহৃত সর্বশেষ টুল এবং কৌশল। শিক্ষার্থীরা টাইপিং গেম, ভার্চুয়াল টেরারিয়াম, পরিবেশ বান্ধব ব্রাউজার এক্সটেনশন, স্পেস-ইনভেডার-স্টাইল গেম এবং ব্যবসায়িক ব্যাংকিং অ্যাপ তৈরি করে হাতে কলমে অভিজ্ঞতা অর্জন করবে। সিরিজের শেষে শিক্ষার্থীরা ওয়েব ডেভেলপমেন্টে শক্তিশালী ধারণা অর্জন করবে।
প্রোগ্রামটি জাভাস্ক্রিপ্ট, HTML, এবং CSS এর মৌলিক বিষয় এবং আজকের ওয়েব ডেভেলপারদের ব্যবহৃত সাম্প্রতিক সরঞ্জাম ও কৌশল শেখায়। শিক্ষার্থীরা টাইপিং গেম, ভার্চুয়াল টেরারিয়াম, পরিবেশ-সক্ষম ব্রাউজার এক্সটেনশন, স্পেস-ইনভেডার-স্টাইল গেম, এবং একটি ব্যাঙ্কিং অ্যাপ তৈরি করে হাতে কলমে অভিজ্ঞতা অর্জন করবে। সিরিজের শেষে শিক্ষার্থীরা ওয়েব ডেভেলপমেন্টের একটি দৃঢ় বোধ অর্জন করবে।
> 🎓 Microsoft Learn এ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) হিসেবে এই পাঠ্যক্রমের প্রথম কয়েকটি পাঠ নিতে পারেন!
> 🎓 এই পাঠ্যক্রমের প্রথম কয়েকটি পাঠ আপনি [Microsoft Learn](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) এ একটি [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) হিসেবে নিতে পারেন!
যখন বিষয়বস্তু প্রকল্পের সাথে সামঞ্জস্যপূর্ণ হয়, তখন শিক্ষার্থীদের জন্য প্রক্রিয়াটি আরও আকর্ষণীয় হয় এবং ধারণাগুলোর ধারণ ক্ষমতা বৃদ্ধিপায়। আমরা জাভাস্ক্রিপ্ট বেসিক্সের কয়েকটি প্রাথমিক পাঠ ও "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ভিডিও টিউটোরিয়াল সিরিজের একটি ভিডিও যার কিছু লেখক এই পাঠ্যকর্মে অবদান রেখেছেন, যুক্ত করেছি।
বিষয়বস্তু প্রকল্পগুলির সাথে সঙ্গতিপূর্ণ রাখার মাধ্যমে, শিক্ষার্থীদের জন্য প্রক্রিয়াটি আকর্ষণীয় হয় এবং ধারণাগুলোর ধারণক্ষমতা বৃদ্ধি পায়। আমরা কয়েকটি শুরুত্বর পাঠ লিখেছি জাভাস্ক্রিপ্ট বেসিকস-এ ধারণাগুলি পরিচয় করানোর জন্য, যার সাথে রয়েছে "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ভিডিও টিউটোরিয়ালের একটি ভিডিও, যাদের কিছু লেখক এই পাঠ্যক্রমে অবদান রেখেছেন
অতিরিক্তভাবে, ক্লাসের পূর্বে একটি কম-ঝুঁকিপূর্ণ কুইজ শিক্ষার্থীর শেখার লক্ষ্য নির্ধারণ করে, এবং ক্লাসের পর একটি দ্বিতীয় কুইজ ধারণশক্তি আরও বৃদ্ধিতে সহায়ক হয়। এই পাঠ্যক্রমটি নমনীয় ও মজাদার হওয়ার জন্য ডিজাইন করা হয়েছে এবং সম্পূর্ণ বা আংশিক গ্রহণ করা যেতে পারে। প্রকল্পগুলি ছোট থেকে শুরু করে ১২ সপ্তাহের সাইকদের শেষে ক্রমবর্ধমান জটিল হয়
অতিরিক্তভাবে, ক্লাসের আগে একটি কম চাপের কুইজ শিক্ষার্থীর শেখার উদ্দেশ্য নির্ধারণ করে, আর ক্লাসের পরে দ্বিতীয় কুইজ ধারণক্ষমতা বাড়ায়। এই পাঠ্যক্রমটি নমনীয় এবং মজাদার করার জন্য ডিজাইন করা হয়েছে এবং পুরো বা আংশিক অংশ হিসেবে নেওয়া যেতে পারে। প্রকল্পগুলি ছোট থেকে শুরু করে ১২ সপ্তাহের শেষে ক্রমাগত জটিলতর হয়
আমরা সচেতনভাবে জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কগুলি প্রবর্তন থেকে বিরত থাকেছি, কারণ ওয়েব ডেভেলপার হিসেবে মৌলিক দক্ষতা অর্জন করা গুরুত্বপূর্ণ, তারপরে ফ্রেমওয়ার্ক গ্রহণ করা উচিত। এই পাঠ্যক্রম শেষ করার জন্য পরবর্তী ভালো ধাপ হবে Node.js সম্পর্কে শেখা, যা "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ভিডিও সিরিজের মাধ্যমে করা যেতে পারে
যদিও আমরা সচেতনভাবেই জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক পরিচয় করানো থেকে বিরত রয়েছি যেন মৌলিক দক্ষতাগুলোর প্রতি মনোযোগ দেয়া যায়, একটি ভালো পরবর্তী ধাপ হিসেবে এই পাঠ্যক্রম সম্পন্ন করার পর Node.js সম্পর্কে শেখা হতে পারে যা আরেক ভিডিও সংগ্রহ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" এ পাওয়া যাবে।
> আমাদের [Conduct কোড](CODE_OF_CONDUCT.md) এবং [অবদান নিয়মাবলী](CONTRIBUTING.md) দেখুন। আমরা আপনার গঠনমূলক মতামত স্বাগত জানাই!
> আমাদের [Code of Conduct](CODE_OF_CONDUCT.md) এবং [Contributing](CONTRIBUTING.md) নির্দেশিকা দেখুন। আমরা আপনার গঠনমূলক মতামতকে স্বাগত জানাই!
## 🧭 অফলাইন অ্যাক্সেস
আপনি [Docsify](https://docsify.js.org/#/) ব্যবহার করে এই ডকুমেন্টেশন অফলাইনে চালাতে পারেন। এই রিপোটি ফর্ক করুন, আপনার লোকাল মেশিনে [Docsify ইনস্টল করুন](https://docsify.js.org/#/quickstart), এবং তারপর এই রিপোর মূল ফোল্ডারে `docsify serve` টাইপ করুন। ওয়েবসাইটটি আপনার লোকালহোস্টে পোর্ট ৩০০০ এ চালু হবে: `localhost:3000`
আপনি [Docsify](https://docsify.js.org/#/) ব্যবহার করে এই ডকুমেন্টেশন অফলাইনে চালাতে পারেন। এই রিপো ফর্ক করুন, আপনার লোকাল মেশিনে [Docsify ইনস্টল করুন](https://docsify.js.org/#/quickstart), এবং তারপর এই রিপোর মূল ফোল্ডারে `docsify serve` টাইপ করুন। ওয়েবসাইটটি আপনার লোকালহোস্টে পোর্ট ৩০০০ তে চলবে: `localhost:3000`
## 📘 PDF
ব পাঠের একটি পিডিএফ এখানে পাওয়া যাবে [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)।
মস্ত পাঠের একটি PDF এখানে পাওয়া যাবে [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)।
## 🎒 অন্যান্য কোর্স
## 🎒 অন্যান্য কোর্সসমূহ
আমাদের দল আরও কোর্স তৈরি করে! দেখুন:
আমাদের টিম অন্যান্য কোর্সও তৈরি করে! দেখুন:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -229,7 +232,7 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
---
### জেনেরেটিভ AI সিরিজ
### Generative AI সিরিজ
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -237,7 +240,7 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
---
### কোর লার্নিং
### মূল শিক্ষা
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -248,7 +251,7 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
---
### কপিলট সিরিজ
### কপাইলট সিরিজ
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
@ -256,21 +259,21 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
## সাহায্য পাওয়া
যদি আপনি আটকে যান বা AI অ্যাপ নির্মাণ সম্পর্কে কোনো প্রশ্ন থাকে। MCP সম্পর্কে fellow learners এবং অভিজ্ঞ ডেভেলপারদের আলোচনায় যোগ দিন। এটি একটি সহায়ক কমিউনিটি যেখানে প্রশ্ন স্বাগত এবং জ্ঞান মুক্তভাবে শেয়ার করা হয়
যদি আপনি আটকে যান বা AI অ্যাপ তৈরি করার বিষয়ে কোনো প্রশ্ন থাকে। MCP সম্পর্কে আলোচনা করতে সহপাঠী এবং অভিজ্ঞ ডেভেলপারদের সাথে যোগ দিন। এটা একটি সহায়ক কমিউনিটি যেখানে প্রশ্ন করার জন্য স্বাগত এবং জ্ঞান মুক্তভাবে শেয়ার করা হয়
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
আপনার যদি পণ্য সংক্রান্ত প্রতিক্রিয়া বা নির্মাণের সময় ত্রুটি থাকে, তাহলে দেখুন:
আপনার যদি পণ্য সম্পর্কে মতামত বা কোনো ত্রুটি থাকে, তাহলে দেখতে পারেন:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## লাইসেন্স
এই রিপোজিটরি MIT লাইসেন্সের আওতায় লাইসেন্সপ্রাপ্ত। আরও তথ্যের জন্য [LICENSE](../../LICENSE) ফাইল দেখুন
এই রিপোজিটরিটি MIT লাইসেন্সের অধীনে লাইসেন্সকৃত। আরও তথ্যের জন্য দেখুন [LICENSE](../../LICENSE) ফাইল।
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**স্পষ্টীকরণ**:
এই নথিটি AI অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। যদিও আমরা সঠিকতার জন্য চেষ্টা করি, অনুগ্রহ করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল নথিটি তার নিজস্ব ভাষায়ই প্রামাণিক উৎস হিসাবে বিবেচিত হওয়া উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদের ব্যবহারের ফলে যে কোনও ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই
**অস্বীকৃতি**:
এই দলিলটি AI অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। আমরা যথাসম্ভব সঠিকতার চেষ্টা করি, তবে অনুগ্রহ করে লক্ষ্য রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। প্রকৃত দলিলটি তার মূল ভাষায়ই কর্তৃপক্ষপূর্ণ উৎস হিসেবে গণ্য করা উচিত। গুরুত্বপুর্ণ তথ্যের জন্য পেশাদার মানবঅনুবাদের পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ব্যাখ্যার জন্য আমরা দায়ী নয়
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,54 +1,79 @@
# [পাঠের বিষয়]
# পাঠের বিষয়
![এখানে একটি ভিডিও এম্বেড করুন](../../../lesson-template/video-url)
## 🎥 ভিডিও
## [পাঠের পূর্ববর্তী কুইজ](../../../lesson-template/quiz-url)
> এখানে একটি এম্বেডেড ভিডিও বা পাঠের লিঙ্ক যোগ করুন।
[আমরা কী শিখব তার বর্ণনা দিন]
---
## প্রাক-লেকচার কুইজ
### ভূমিকা
> উপলব্ধ হলে এখানে একটি কুইজ লিঙ্ক যোগ করুন।
এই পাঠে কী আলোচনা করা হবে তা বর্ণনা করুন
---
ছাত্ররা এই পাঠে কী শিখবে তার সংক্ষিপ্ত ওভারভিউ দিন।
---
### পরিচিতি
সংক্ষিপ্ত পরিচিতি দিন যা বর্ণনা করবে এই পাঠে কী আলোচনা করা হবে।
> নোট
### পূর্বশর্ত
---
এই পাঠের আগে কোন ধাপগুলো সম্পন্ন করা উচিত?
### পূর্বপ্রয়োজনীয়তা
পাঠ শুরু করার আগে ছাত্রদের কোন ধারণা বা বিষয়গুলির সাথে পরিচিত থাকাটা উচিত তা তালিকাভুক্ত করুন।
---
### প্রস্তুতি
এই পাঠ শুরু করার জন্য প্রস্তুতিমূলক ধাপগুলো
পাঠ শুরু করার আগে প্রয়োজনীয় যেকোনো সেটআপ ধাপ বা টুল তালিকাভুক্ত করুন।
---
[ব্লক আকারে বিষয়বস্তু পর্যায়ক্রমে ব্যাখ্যা করুন]
### বিষয়বস্তু
গঠনমূলক বিভাগে পাঠের বিষয়বস্তু ধাপে ধাপে ব্যাখ্যা করুন।
## [বিষয় ১]
---
## বিষয় ১
### কাজ:
একসাথে কাজ করে আপনার কোডবেস উন্নত করুন এবং শেয়ার করা কোড দিয়ে প্রকল্প তৈরি করুন:
কোডবেসকে ধাপে ধাপে উন্নত করতে একসাথে কাজ করুন যাতে ভাগ করা কোড ব্যবহার করে প্রকল্প তৈরি করা যায়:
```html
code blocks
```
✅ জ্ঞান যাচাই - শিক্ষার্থীদের জ্ঞানের প্রসার ঘটানোর জন্য এই মুহূর্তে খোলা প্রশ্ন ব্যবহার করুন
✅ জ্ঞানের পরীক্ষা
খোলা প্রশ্নের মাধ্যমে ছাত্রদের জ্ঞান পরীক্ষা করার জন্য এই মুহূর্তটি ব্যবহার করুন।
## [বিষয় ২]
## বিষয় ২
## বিষয় ৩
## [বিষয় ৩]
🚀 চ্যালেঞ্জ
ছাত্রদের প্রকল্প উন্নত করার জন্য একটি সহযোগিতামূলক চ্যালেঞ্জ যোগ করুন।
🚀 চ্যালেঞ্জ: শিক্ষার্থীদের একসাথে কাজ করার জন্য একটি চ্যালেঞ্জ যোগ করুন যাতে তারা প্রকল্পটি আরও উন্নত করতে পারে
ঐচ্ছিক: যদি প্রযোজ্য হয়, সম্পন্ন পাঠের UI এর একটি স্ক্রিনশট যোগ করুন।
ঐচ্ছিক: যদি প্রাসঙ্গিক হয়, সম্পন্ন পাঠের UI-এর একটি স্ক্রিনশট যোগ করুন
## লেকচারের পর কুইজ
## [পাঠের পরবর্তী কুইজ](../../../lesson-template/quiz-url)
পাঠ শেষ করার পর এখানে একটি কুইজ লিঙ্ক যোগ করুন।
## পর্যালোচনা ও স্ব-অধ্যয়ন
## পর্যালোচনা ও স্বশিক্ষা
**অ্যাসাইনমেন্ট জমা দেওয়ার সময় [MM/YY]**: [অ্যাসাইনমেন্টের নাম](assignment.md)
**নির্ধারিত সমর্পণের তারিখ [MM/YY]**: [অ্যাসাইনমেন্টের নাম](assignment.md)
---
**অস্বীকৃতি**:
এই নথিটি AI অনুবাদ পরিষেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনুবাদ করা হয়েছে। আমরা যথাসাধ্য সঠিকতার জন্য চেষ্টা করি, তবে অনুগ্রহ করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল ভাষায় থাকা নথিটিকে প্রামাণিক উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদ ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যা হলে আমরা দায়বদ্ধ থাকব না।
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**অস্বীকৃতি**:
এই নথিটি AI অনুবাদ পরিষেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। আমরা যথাসম্ভব সঠিকতার জন্য চেষ্টা করি, তবে দয়া করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মৌলিক নথিটি তার নিজস্ব ভাষায় প্রামাণিক উৎস হিসেবে বিবেচিত হওয়া উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানু্ষঅনুবাদ সুপারিশ করা হয়। এই অনুবাদের ব্যবহারের ফলে যে কোনো ভুলবোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই।
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T16:35:45+00:00",
"translation_date": "2026-04-24T21:56:22+00:00",
"source_file": "AGENTS.md",
"language_code": "mr"
},
@ -516,8 +516,8 @@
"language_code": "mr"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T16:15:29+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T21:51:02+00:00",
"source_file": "README.md",
"language_code": "mr"
},
@ -564,8 +564,8 @@
"language_code": "mr"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2025-08-26T00:51:06+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T21:51:11+00:00",
"source_file": "lesson-template/README.md",
"language_code": "mr"
},

@ -2,42 +2,42 @@
## प्रकल्पाचा आढावा
हा वेब विकास मूलतत्त्वे शिकवण्यासाठी सुरुवातीच्या स्तरासाठी शैक्षणिक अभ्यासक्रम संग्रह आहे. हा अभ्यासक्रम Microsoft Cloud Advocates यांनी विकसित केलेला एक सर्वसमावेशक १२ आठवड्यांचा कोर्स आहे, ज्यामध्ये JavaScript, CSS आणि HTML या विषयांवर २४ प्रत्यक्ष शिकण्याच्या धड्यांचा समावेश आहे.
हा प्रकल्प वेब विकासाच्या मूलभूत तत्त्वांचे शिक्षण घेणाऱ्या नवशिक्यांसाठी शैक्षणिक अभ्यासक्रमाचा साठा आहे. हा अभ्यासक्रम Microsoft Cloud Advocates यांनी विकसित केलेला 12 आठवड्यांचा सखोल कोर्स आहे, ज्यामध्ये JavaScript, CSS, आणि HTML या विषयांवर आधारित 24 व्यावहारिक धडे आहेत.
### मुख्य घटक
- **शैक्षणिक सामग्री**: प्रकल्प-आधारित मॉड्यूलमध्ये आयोजित २४ संरचित धडे
- **प्रायोगिक प्रकल्प**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, आणि AI Chat Assistant
- **परस्पर संवादात्मक प्रश्नमंजुषा**: प्रत्येकी ३ प्रश्नांसह ४८ प्रश्नमंजुषा (धडा आधी/नंतरचे मूल्यमापन)
- **बहुभाषिक समर्थन**: GitHub Actions द्वारे ५०+ भाषा स्वयंचलित भाषांतर
- **शैक्षणिक सामग्री**: प्रकल्प-आधारित मॉड्यूलमध्ये संघटित 24 रचनात्मक धडे
- **व्यावहारिक प्रकल्प**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, आणि AI Chat Assistant
- **परस्परसंवादी क्विझ**: प्रत्येका 3 प्रश्नांसह 48 क्विझ (पाठांच्या आधी/नंतर चाचण्या)
- **बहुभाषिक समर्थन**: GitHub Actions द्वारे 50+ भाषांसाठी स्वयंचलित भाषांतर
- **तंत्रज्ञान**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI प्रकल्पांसाठी)
### वास्तुकला
### आर्किटेक्चर
- धड्यावर आधारित संरचनेसह शैक्षणिक संग्रहालय
- प्रत्येक धडा फोल्डरमध्ये README, कोड उदाहरणे आणि उपाय असतात
- स्वतंत्र प्रकल्प वेगळ्या डिरेक्टरीजमध्ये (quiz-app, विविध धडा प्रकल्प)
- शैक्षणिक साठा ज्यामध्ये धड्यानुसार रचना आहे
- प्रत्येक धड्याच्या फोल्डरमध्ये README, कोडचे उदाहरण, आणि समाधान आहे
- स्वतंत्र प्रकल्प स्वतंत्र निर्देशिकांमध्ये (quiz-app, विविध धड्यांचे प्रकल्प)
- GitHub Actions वापरून भाषांतर प्रणाली (co-op-translator)
- Docsify वापरून दस्तऐवजीकरण सेवा आणि PDF स्वरूपात उपलब्ध
- Docsify द्वारे दस्तऐवजीकरण आणि PDF स्वरूपात उपलब्ध
## सेटअप कमांड
## सेटअप आदेश
हा संग्रह मुख्यतः शैक्षणिक सामग्री वापरासाठी आहे. विशिष्ट प्रकल्पांसाठी काम करण्यासाठी:
हा साठा मुख्यत्वे शैक्षणिक सामग्रीच्या वापरासाठी आहे. विशिष्ट प्रकल्पांसाठी काम करण्यासाठी:
### मुख्य संग्रह सेटअप
### मुख्य साठा सेटअप
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### प्रश्नमंजुषा अ‍ॅप सेटअप (Vue 3 + Vite)
### क्विझ अॅप सेटअप (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # विकास सर्व्हर सुरू करा
npm run build # उत्पादनासाठी बांध
npm run build # उत्पादनासाठी तयार कर
npm run lint # ESLint चालवा
```
@ -48,15 +48,15 @@ cd 7-bank-project/api
npm install
npm start # API सर्व्हर सुरू करा
npm run lint # ESLint चालवा
npm run format # Prettier सह स्वरूप करा
npm run format # Prettier ने फॉरमॅट करा
```
### ब्राउझर विस्तार प्रकल्प
### ब्राउझर एक्स्टेंशन प्रकल्प
```bash
cd 5-browser-extension/solution
npm install
# ब्राउझर-विशिष्ट विस्तार लोडिंग सूचना अनुसर
# ब्राउझर-विशिष्ट विस्तार लोडिंग सूचना पाळ
```
### स्पेस गेम प्रकल्प
@ -80,38 +80,38 @@ python api.py
### सामग्री योगदानकर्त्यांसाठी
1. आपल्या GitHub खात्यावर संग्रह फोर्क करा
2. आपल्या फोर्कची स्थानिक क्लोन करा
3. बदलांसाठी नवीन शाखा तयार करा
4. धडा सामग्री किंवा कोड उदाहरणांमध्ये बदल कर
5. संबंधित प्रकल्प डिरेक्टरीजमध्ये कोणतेही कोड बदल चाचणी कर
6. योगदान मार्गदर्शक सूचननुसार पुल विनंत्या सादर करा
1. **आपल्या GitHub खात्यात साठा फोर्क करा**
2. **आपला फोर्क स्थानिक क्लोन करा**
3. **आपल्या बदलांसाठी नवीन शाखा तयार करा**
4. धडा सामग्री किंवा कोड उदाहरणे बदला
5. संबंधित प्रकल्प निर्देशिकांमध्ये कोड बदल तपास
6. योगदान मार्गदर्शकानुसार पुल विनंत्या सादर करा
### शिकणाऱ्यांसाठी
1. संग्रह फोर्क किंवा क्लोन करा
2. धडा डिरेक्टरीज क्रमवार प्रवेश कर
3. प्रत्येक धड्याचा README फायली वाचा
4. पूर्व-धडा प्रश्नमंजुषा https://ff-quizzes.netlify.app/web/ येथे पूर्ण करा
5. धडा फोल्डर्समधील कोड उदाहरणे काम करा
1. साठा फोर्क करा किंवा क्लोन करा
2. अनुक्रमे धड्यांच्या निर्देशिकांमध्ये ज
3. प्रत्येक धड्याचा README वाचा
4. https://ff-quizzes.netlify.app/web/ येथे प्राथमिक क्विझ पूर्ण करा
5. धड्याच्या फोल्डरमध्ये कोड उदाहरणांचा अभ्यास करा
6. असाइनमेंट्स आणि आव्हाने पूर्ण करा
7. पश्चात धडा प्रश्नमंजुषा द्या
7. पाठांनंतरचे क्विझ घ्या
### लाइव्ह विकास
- **दस्तऐवजीकरण**: `docsify serve` कमांड रूटमध्ये चालवा (पोर्ट 3000)
- **प्रश्नमंजुषा अ‍ॅप**: `npm run dev` quiz-app डिरेक्टरीमध्ये चालवा
- **दस्तऐवजीकरण**: रूटमध्ये `docsify serve` चालवा (पोर्ट 3000)
- **क्विझ अॅप**: quiz-app निर्देशिकेत `npm run dev` चालवा
- **प्रकल्प**: HTML प्रकल्पांसाठी VS Code Live Server विस्तार वापरा
- **API प्रकल्प**: संबंधित API डिरेक्टरीमध्ये `npm start` चालवा
- **API प्रकल्प**: संबंधित API निर्देशिकेत `npm start` चालवा
## चाचणी सूचना
## चाचणी सूचना
### प्रश्नमंजुषा अ‍ॅप चाचणी
### क्विझ अॅप चाचणी
```bash
cd quiz-app
npm run lint # कोड शैलीच्या समस्यांसाठी तपासा
npm run build # बिल्ड यशस्वी होते की नाही हे पडताळ
npm run lint # कोड शैलीच्या समस्या तपासा
npm run build # बिल्ड यशस्वी होते का ते तपास
```
### बँक API चाचणी
@ -122,161 +122,161 @@ npm run lint # कोड शैलीच्या समस्यांस
node server.js # त्रुटीशिवाय सर्व्हर सुरू होतो का ते तपासा
```
### सामान्य चाचणी पद्धत
### सर्वसाधारण चाचणी दृष्टिकोन
- हा एक शैक्षणिक संग्रह आहे ज्यामध्ये संपूर्ण स्वयंचलित चाचण्या नाहीत
- मॅन्युअल चाचणीवर लक्ष केंद्रित:
- कोड उदाहरणे चुका न करता चालतील
- दस्तऐवजीकरणातील दुवे योग्यरित्या काम करतील
- प्रकल्प यशस्वीरित्या बिल्ड होतील
- उदाहरणे सर्वोत्तम सराव पाळतील
- हा शैक्षणिक साठा असून पूर्ण स्वयंचलित चाचण्या नाहीत
- मॅन्युअल चाचणीवर भर:
- कोड उदाहरणे त्रुटीशिवाय चालत आहेत
- दस्तऐवजात लिंक व्यवस्थित कार्यरत आहेत
- प्रकल्पांचे बिल्ड यशस्वीपणे पूर्ण होत आहेत
- उदाहरणे उत्तम पद्धतींचे पालन करतात
### आधी-सबमिशन तपासणी
### सादर करण्यापूर्वी तपासणी
- package.json असलेल्या डिरेक्टरीजमध्ये `npm run lint` चालवा
- package.json असलेल्या निर्देशिकांत `npm run lint` चालवा
- Markdown लिंक वैध आहेत का तपासा
- ब्राउझर किंवा Node.js मध्ये कोड उदाहरणे तपासा
- भाषांतरातील संरचना व्यवस्थित आहे का निश्चित कर
- भाषांतरे थोडक्यात सुसंगत आहेत का तपास
## कोड शैली मार्गदर्शक
### JavaScript
- आधुनिक ES6+ सिंटॅक्स वापरा
- प्रकल्पांत दिलेल्या मानक ESLint कॉन्फिगरेशनचे पालन करा
- शैक्षणिक स्पष्टतेसाठी अर्थपूर्ण व्हेरिएबल फंक्शन नावे वापरा
- शिकणाऱ्यांसाठी संकल्पना समजाविणारे टिप्पणी जोडा
- जेथे प्रीटियर कॉन्फिगर आहे तिथे फॉरमॅट करा
- प्रकल्पांमध्ये दिलेल्या ESLint कॉन्फिगरेशनचे पालन करा
- शैक्षणिक स्पष्टतेसाठी अर्थपूर्ण व्हेरिएबल आणि फंक्शन नावे वापरा
- शिकणाऱ्यांसाठी संकल्पना स्पष्ट करणारे टिपण्णी जोडा
- जिथे कॉन्फिगर आहे तिथे Prettier वापरा
### HTML/CSS
- सांकेतिक HTML5 घटक वापरा
- प्रतिसादात्मक डिज़ाइन तत्त्वे पाळा
- स्पष्ट वर्ग नावकरण परंपरा वापरा
- शिकणाऱ्यांसाठी CSS तंत्र आत्मसात करण्यासाठी टिप्पणी द्या
- सिमॅन्टिक HTML5 घटक वापरा
- प्रतिसादात्मक डिझाईन तत्त्वे
- स्पष्ट क्लास नावे वापरा
- CSS तंत्रे स्पष्ट करणाऱ्या टिपण्णी
### Python
- PEP 8 शैली मार्गदर्श
- PEP 8 शैली मार्गदर्शने
- स्पष्ट, शैक्षणिक कोड उदाहरणे
- शिकण्यासाठी मदत करणाऱ्या ठिकाणी टाइप संकेत जोडा
- शिकण्यासाठी उपयुक्त तिथे प्रकार इशारे
### Markdown दस्तऐवजीकरण
- स्पष्ट शीर्षक स्तर संरचना
- भाषा निर्दिष्ट कोड ब्लॉक्स
- अतिरिक्त संसाधनांसाठी दुवे
- `images/` डिरेक्टरीजमधील स्क्रीनशॉट आणि प्रतिमा
- अ‍ॅक्सेसिबिलिटीसाठी प्रतिमांसाठी Alt टेक्स्ट
- स्पष्ट हेडिंग अनुक्रम
- भाषा निर्दिष्ट केलेले कोड ब्लॉक
- अतिरिक्त संसाधनांची लिंक
- `images/` निर्देशिकांमध्ये स्क्रीनशॉट आणि प्रतिमा
- प्रवेशयोग्यतेसाठी प्रतिमांना Alt मजकूर
### फाइल संगठन
### फाइल संघटना
- क्रमवार क्रमांकांकित धडे (1-getting-started-lessons, 2-js-basics आदि)
- प्रत्येक प्रकल्पासाठी `solution/` आणि सहसा `start/` किंवा `your-work/` डिरेक्टरीज
- धडा-विशिष्ट `images/` फोल्डर्समध्ये प्रतिमा साठविल्या जातात
- भाषांतर `translations/{language-code}/` संरचनेत
- धडे क्रमाने क्रमांकांकित (1-getting-started-lessons, 2-js-basics, इ.)
- प्रत्येक प्रकल्पा`solution/` आणि बहुधा `start/` किंवा `your-work/` निर्देशिका
- धड्यांची स्वतंत्र `images/` फोल्डरमध्ये प्रतिमा साठविल्या जातात
- भाषांतर `translations/{language-code}/` संरचनेत
## बिल्ड आणि तैनात
## बिल्ड आणि तैनात करणे
### प्रश्नमंजुषा अ‍ॅप तैनाती (Azure Static Web Apps)
### क्विझ अॅप तैनात करणे (Azure Static Web Apps)
प्रश्नमंजुषा अ‍ॅप Azure Static Web Apps तैनात करण्यासाठी कॉन्फिगर केले आहे:
क्विझ-अॅप Azure Static Web Apps साठी कॉन्फिगर केलेले आहे:
```bash
cd quiz-app
npm run build # dist/ फोल्डर तयार करतो
# मुख्य ब्रांचवर push झाल्यावर GitHub Actions वर्कफ्लोद्वारे तैनात करतो
# मुख्य शाखेवर push केल्यावर GitHub Actions workflow द्वारे तैनात करतो
```
Azure Static Web Apps कॉन्फिगरेशन:
- **अ‍ॅप स्थान**: `/quiz-app`
- **App स्थान**: `/quiz-app`
- **आउटपुट स्थान**: `dist`
- **कार्यप्रवाह**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
- **वर्कफ्लो**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### दस्तऐवजीकरण PDF निर्मिती
### दस्तऐवज PDF निर्मिती
```bash
npm install # docsify-to-pdf स्थापित करा
npm install # docsify-to-pdf प्रतिष्ठापित करा
npm run convert # docs मधून PDF तयार करा
```
### Docsify दस्तऐवजीकरण
```bash
npm install -g docsify-cli # Docsify जागतिक पातळीवर स्थापित करा
docsify serve # localhost:3000 वर सेवा द्य
npm install -g docsify-cli # Docsify ग्लोबली इंस्टॉल करा
docsify serve # localhost:3000 वर सर्व्ह कर
```
### प्रकल्प-विशिष्ट बिल्ड
### प्रकल्पानुसार बिल्ड
प्रत्येक प्रकल्प डिरेक्टरीची स्वतःची बिल्ड प्रक्रिया असू शकते:
- Vue प्रकल्प: `npm run build` उत्पादन बंडल तयार करतो
- स्थिर प्रकल्प: बिल्ड टप्पा नाही, फायली थेट सेवा करा
प्रत्येक प्रकल्प निर्देशिकेकडे स्वतःचा बिल्ड प्रक्रिया असू शकते:
- Vue प्रकल्प: `npm run build` द्वारे प्रोडक्शन बंडल तयार करणे
- स्टॅटिक प्रकल्प: बिल्ड टप्पा नाही, फाईल्स थेट सर्व्ह करा
## पुल विनंती मार्गदर्शक
### शीर्षक स्वरूप
बदल क्षेत्र दर्शविणारी स्पष्ट, वर्णनात्मक शीर्षके वापरा:
- `[Quiz-app] Add new quiz for lesson X`
- `[Lesson-3] Fix typo in terrarium project`
- `[Translation] Add Spanish translation for lesson 5`
- `[Docs] Update setup instructions`
परिवर्तन क्षेत्र स्पष्ट करणारी शीर्षक वापरा:
- `[Quiz-app] धडा X साठी नवीन क्विझ जोडा`
- `[Lesson-3] Terrarium प्रकल्पातील टायपो दुरुस्त करा`
- `[Translation] धडा 5 साठी स्पॅनिश भाषांतर जोडा`
- `[Docs] सेटअप सूचना अद्यतनित करा`
### आवश्यक तपासण्या
### आवश्यक तपासण
PR सादर करण्यापूर्वी:
1. **कोड गुणवत्ता**:
- प्रभावित प्रकल्प डिरेक्टरीजमध्ये `npm run lint` चालवा
- सर्व लिंटिंग त्रुटी व चेतावण्या दुरुस्त करा
- प्रभावित प्रकल्प निर्देशिकांमध्ये `npm run lint` चालवा
- सर्व लिंटिंग त्रुटी आणि इशारे दुरुस्त करा
2. **बिल्ड तपासणी**:
2. **बिल्ड पडताळणी**:
- लागू असल्यास `npm run build` चालवा
- बिल्ड त्रुटी नाही याची खात्री करा
- कोणतीही बिल्ड त्रुटी नसल्याची खात्री करा
3. **लिंक पुष्टीकरण**:
- सर्व markdown लिंक तपासा
- प्रतिमा संदर्भ कार्यरत आहेत का तपास
3. **लिंक वैधता**:
- सर्व Markdown लिंक तपासा
- प्रतिमा संदर्भ कार्यरत आहेत का याची पुष्टी कर
4. **सामग्री पुनरावलोकन**:
- स्पेलिंग आणि व्याकरण तपासा
- कोड उदाहरणे बरोबर आणि शैक्षणिक आहेत याची खात्री करा
- भाषांतरांमध्ये मूळ अर्थ जपला गेला आहे का तपास
- शब्दलेखन आणि व्याकरण तपासा
- कोड उदाहरणे योग्य आणि शैक्षणिक आहेत याची खात्री करा
- भाषांतर मूळ अर्थ राखत आहे याची खात्री कर
### योगदान आवश्यकत
### योगदानाची अटी
- Microsoft CLA सह सहमती (पहिल्या PR वर स्वयंचलित तपासणी)
- [Microsoft Open Source कोड ऑफ कंडक्ट](https://opensource.microsoft.com/codeofconduct/) चे पालन करा
- तपशीलवार मार्गदर्शकांसाठी [CONTRIBUTING.md](./CONTRIBUTING.md) पहा
- PR वर्णनामध्ये संदर्भ असलेल्या मुद्दा क्रमांकांचा उल्लेख करा
- Microsoft CLA सह सहमती (प्रथम PR वर स्वयंचलित तपासणी)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) चे पालन करा
- तपशीलवार मार्गदर्शनासाठी [CONTRIBUTING.md](./CONTRIBUTING.md) पहा
- PR वर्णनात प्रश्न क्रमांक उल्लेखित करा (असल्यास)
### पुनरावलोकन प्रक्रिया
- PR प्रशासक आणि समुदायाकडून पुनरावलोकन
- शैक्षणिक स्पष्टतेला प्राधान्य
- कोड उदाहरणे विद्यमान सर्वोत्तम सरावांचे पालन करता
- भाषांतर अचूकता आणि सांस्कृतिक सुसंगततेसाठी पुनरावलोकन केली जातात
- PR मध्ये मेंटेनर आणि समुदायाकडून पुनरावलोकन
- शैक्षणिक स्पष्टते प्राधान्य
- कोड उदाहरणे सद्य सर्वोत्तम पद्धतींचे अनुसरण करावी
- भाषांतर अचूकता आणि सांस्कृतिक योग्यतेसाठी पाहणी
## भाषांतर प्रणाली
### स्वयंचलित भाषांतर
- co-op-translator workflow सह GitHub Actions वापरतो
- ५०+ भाषांमध्ये स्वयंचलित भाषांतर करते
- मुख्य डिरेक्टरीजमधील स्रोत फाइल्स
- `translations/{language-code}/` डिरेक्टरीजमध्ये भाषांतरित फाइल्स
- GitHub Actions सह co-op-translator वर्कफ्लो वापरते
- 50+ भाषांमध्ये स्वयंचलित भाषांतर
- मुख्य निर्देशिकांमधील स्त्रोत फाईल्स
- `translations/{language-code}/` निर्देशिकांमध्ये भाषांतरित फाईल्स
### मॅन्युअल भाषांतर सुधारणा जोडणे
### मॅन्युअल भाषांतर सुधारणा कशी करा
1. `translations/{language-code}/` मध्ये फाइल शोधा
2. संरचना जप सुधारणा करा
3. कोड उदाहरणे कार्यरत ठेवावे
4. स्थानिकृत प्रश्नमंजुषा सामग्री तपास
1. `translations/{language-code}/` मधील फाईल शोधा
2. संरचना जपून सुधारणा करा
3. कोड उदाहरणे कार्यरत राहतील याची खात्री करा
4. स्थानिक क्विझ सामग्री चाचणी कर
### भाषांतर मेटाडेटा
भाषांतरित फाइल्समध्ये मेटाडेटा हेडर असतो:
भाषांतरित फाईलमध्ये मेटाडेटा हेडर असतो:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,92 +289,92 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## डीबगिंग आणि त्रुटी निराकरण
## डिबगिंग आणि समस्या निवारण
### सामान्य समस्या
**प्रश्नमंजुषा अ‍ॅप सुरू होत नाही**:
- Node.js आवृत्ती तपासा (v14+ शिफारसीय)
- `node_modules` आणि `package-lock.json` हटवा, नंतर `npm install` चालव
**क्विझ अॅप सुरू होत नाही**:
- Node.js ची आवृत्ती तपासा (v14+ शिफारस)
- `node_modules` आणि `package-lock.json` हटवा, नंतर `npm install` कर
- पोर्ट संघर्ष तपासा (डिफॉल्ट: Vite पोर्ट 5173 वापरतो)
**API सर्व्हर सुरू होत नाही**:
- Node.js किमान आवृत्ती पूर्ण होते का तपासा (node >=10)
- पोर्ट आधीपासून वापरात आहे का तपास
- सर्व अवलंबित्वे `npm install` ने इन्स्टॉल आहेत याची खात्री कर
- Node.js आवृत्ती तपासा (node >=10 आवश्यक)
- पोर्ट आधी वापरात आहे का ते पह
- सर्व अवलंब`npm install` ने स्थापित केले आहेत का तपास
**ब्राउझर विस्तार लोड होत नाही**:
- manifest.json योग्यरित्या स्वरूपित आहे का तपासा
- ब्राउझर कन्सोल त्रुटी पाह
- ब्राउझर-विशिष्ट विस्तार स्थापना सूचना पालन करा
**ब्राउझर एक्स्टेंशन लोड होत नाही**:
- manifest.json योग्यरित्या फॉरमॅट केले आहे का तपासा
- ब्राउझर कन्सोलमध्ये त्रुटी तपास
- ब्राउझरसाठी एक्स्टेंशन इन्स्टॉलेशन सूचनांचे पालन करा
**Python चॅट प्रकल्प समस्या**:
- OpenAI पॅकेज इन्स्टॉल आहे का तपासा: `pip install openai`
- GITHUB_TOKEN पर्यावरणीय चल सेट आहे का तपासा
- GitHub मॉडेल्स प्रवेश परवानग्या तपासा
- OpenAI पॅकेज इन्स्टॉल आहे का: `pip install openai`
- GITHUB_TOKEN पर्यावरण चल सेट आहे का तपासा
- GitHub Models प्रवेश परवानग्या तपासा
**Docsify दस्तऐवज सेवा करत नाही**:
- docsify-cli जागतिकरित्या इन्स्टॉल करा: `npm install -g docsify-cli`
- संग्रह रूट डिरेक्टरीतून चालवा
**Docsify सेवा करत नाही**:
- docsify-cli जागतिकपणे इन्स्टॉल करा: `npm install -g docsify-cli`
- साठ्याच्या रूट निर्देशिकेतून चालवा
- `docs/_sidebar.md` अस्तित्वात आहे का तपासा
### विकास पर्यावरण टिपा
- HTML प्रकल्पांसाठी VS Code Live Server विस्तार वापरा
- सतत फॉरमॅटिंगसाठी ESLint आणि Prettier विस्तार इन्स्टॉल करा
- JavaScript डीबगिंगसाठी ब्राउझर DevTools वापरा
- HTML प्रकल्पांसाठी VS Code मध्ये Live Server विस्तार वापरा
- एकसारखा स्वरूपनासाठी ESLint आणि Prettier विस्तार इन्स्टॉल करा
- JavaScript डिबगिंगसाठी ब्राउझर डेव्हटूल्स वापरा
- Vue प्रकल्पांसाठी Vue DevTools ब्राउझर विस्तार इन्स्टॉल करा
### कार्यक्षमता विचार
- ५०+ भाषांमध्ये अनुवाद असल्यामुळे संपूर्ण क्लोन मोठा होतो
- फक्त सामग्रीवर काम करत असल्यास शलो क्लोन वापरा: `git clone --depth 1`
- इंग्रजी सामग्रीसाठी काम करताना भाषांतर शोधांमध्ये वगळा
- पहिल्या वेळी बिल्ड प्रक्रिया (npm install, Vite build) हळू असू शकते
- भाषांतरित फाईल्सची संख्या (50+ भाषा) ज्यामुळे पूर्ण क्लोन मोठा आहे
- फक्त सामग्रीवर काम करत असल्यास शलो क्लोन वापरा: `git clone --depth 1`
- इंग्रजी सामग्रीवर काम करताना भाषांतर शोधांतून वगळा
- पहिल्या चालवणीमध्ये बिल्ड प्रक्रिया मोकळी नाही (npm install, Vite build)
## सुरक्षा विचार
### पर्यावरणीय चल
### पर्यावरण चल
- API की संग्रहात कधीही कमिट करू नयेत
- `.env` फायली वापरा (आधीपासून `.gitignore` मध्ये आहेत)
- प्रकल्प README मध्ये आवश्यक पर्यावरणीय चलांचे दस्तऐवजीकरण करा
- API की कधीही साठ्यात कमिट करू नका
- `.env` फाईल्स वापरा (आधीच `.gitignore` मध्ये आहे)
- प्रकल्पाच्या README मध्ये आवश्यक पर्यावरण चलांचे दस्तऐवजीकरण करा
### Python प्रकल्प
- वर्च्युअल वातावरण वापराः `python -m venv venv`
- अवलंबित्वे अद्ययावत ठेवा
- GitHub टोकन्सना किमान आवश्यक परवानग्या द्या
- व्हर्चुअल एन्व्हायर्नमेंट वापरा: `python -m venv venv`
- अवलंब अद्ययावत ठेवा
- GitHub टोकन्स कमीतकमी आवश्यक परवानग्यांसह असावेत
### GitHub Models प्रवेश
- GitHub मॉडेल्ससाठी वैयक्तिक प्रवेश टोकन्स (PAT) आवश्यक
- टोकन्स पर्यावरणीय चलांमध्ये साठव
- टोकन्स किंवा क्रेडेन्शियल कधीही कमिट करू नका
- GitHub Models साठी Personal Access Tokens (PAT) आवश्यक
- टोकन पर्यावरण चलांमध्ये संग्रहित कर
- कधीही टोकन्स किंवा प्रमाणपत्रे कमिट करू नका
## अतिरिक्त नोंदी
## अतिरिक्त नोट्स
### लक्ष्य प्रेक्षक
### लक्षित प्रेक्षक
- वेब विकासातील पूर्ण नवीन प्रारंभिक
- विद्यार्थी आणि स्वअध्ययन करणारे
- वर्गखोल्यासाठी शिक्षक
- सामग्री प्रवेशयोग्यता आणि हळूहळू कौशल्य सुधारासाठी तयार
- वेब विकासासाठी पूर्ण नवशिके
- विद्यार्थी आणि स्वअभ्यासक
- वर्गांमध्ये या अभ्यासक्रमाचा वापर करणारे शिक्षक
- सामग्री प्रवेशयोग्यता आणि हळूहळू कौशल्य वाढीसाठी डिझाइन केलेली
### शैक्षणिक तत्वज्ञान
- प्रकल्प-आधारित शिकण्याचा दृष्टिकोन
- वारंवार ज्ञान चाचण्या (प्रश्नमंजुषा)
- प्रत्यक्ष कोडिंग व्यायाम
- प्रत्यक्ष वापराच्या उदाहरणांवर लक्ष
- फ्रेमवर्क वापरण्याआधी मूलभूत गोष्टींवर भर
- वारंवार ज्ञान तपासणी (क्विझ)
- व्यावहारिक कोडिंग सराव
- प्रत्यक्ष जगाच्या वापराचे उदाहरणे
- फ्रेमवर्कसाठी आधी मूलभूत गोष्टींवर लक्ष केंद्रित
### संग्रह देखभाल
### साठा देखभाल
- सक्रिय शिकणाऱ्यांचा व योगदानकर्त्यांचा समुदाय
- अवलंबित्व व सामग्री नियमित अद्यतने
- प्रशासकांद्वारे मुद्दे व चर्चा तपासल्या जातात
- GitHub Actions द्वारे भाषांतर अद्यतने स्वयंचलित
- शिकणारे आणि योगदानकर्त्यांची सक्रिय समुदाय
- अवलंबन आणि सामग्री नियमित अद्यतने
- तक्रारी आणि चर्चांची देखरेख मेंटेनर्सद्वारे
- भाषांतर अद्यतने GitHub Actions द्वारे स्वयंचलित
### संबंधित संसाधने
@ -383,26 +383,26 @@ CO_OP_TRANSLATOR_METADATA:
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) शिकणाऱ्यांसाठी शिफारस
- अतिरिक्त कोर्सेस: Generative AI, Data Science, ML, IoT अभ्यासक्रम उपलब्ध
### विशिष्ट प्रकल्पांस काम
### विशिष्ट प्रकल्पांसोबत काम
सूक्ष्म सूचना साठी खालील README फायली पहा:
- `quiz-app/README.md` - Vue 3 प्रश्नमंजुषा अ‍ॅप्लिकेशन
- `7-bank-project/README.md` - प्रमाणीकरणासह बँकिंग अ‍ॅप्लिकेशन
- `5-browser-extension/README.md` - ब्राउझर विस्तार विकास
विवरणात्मक सूचना साठी प्रत्येक प्रकल्पाच्या README फाइल पहा:
- `quiz-app/README.md` - Vue 3 क्विझ अॅप्लिकेशन
- `7-bank-project/README.md` - प्रमाणीकरण असलेले बँकिंग अॅप्लिकेशन
- `5-browser-extension/README.md` - ब्राउझर एक्स्टेंशन विकास
- `6-space-game/README.md` - कॅनव्हास-आधारित गेम विकास
- `9-chat-project/README.md` - AI चॅट सहाय्यक प्रकल्प
### मोनोरिपो संरचना
### मोनोरेपो रचना
पारंपरिक मोनोरिपो नसले तरी, या संग्रहात अनेक स्वतंत्र प्रकल्प आहेत:
- प्रत्येक धडा स्वतंत्र आहे
- प्रकल्प एकमेकांशी अवलंबन नाहीत
- स्वतंत्र प्रकल्पांवर काम करा ज्याचा इतरांवर परिणाम होणार नाही
- पूर्ण अभ्यासक्रम अनुभवासाठी संपूर्ण संग्रह क्लोन करा
पारंपरिक मोनोरेपो नसले तरी, हा साठा अनेक स्वतंत्र प्रकल्पांचा समावेश करतो:
- प्रत्येक धडा स्वतंत्र आहे
- प्रकल्प अवलंबन शेअर करत नाहीत
- स्वतंत्र प्रकल्पांवर काम करा; एकमेकांवर परिणाम न करता
- पूर्ण अभ्यासक्रमाचा अनुभव घेण्यासाठी संपूर्ण साठा क्लोन करा
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अस्वीकरण**:
े दस्तऐवज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून अनुवादित करण्यात आले आहे. आम्ही अचूकतेसाठी प्रयत्नशील आहोत, परंतु कृपया लक्षात घ्या की स्वयंचलित अनुवादांमध्ये चुका किंवा असत्यता असू शकतात. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्त्रोत मानला गेला पाहिजे. महत्त्वाची माहिती असलेल्या बाबतीत व्यावसायिक मानवी अनुवादाची शिफारस केली जाते. या अनुवादाच्या वापरामुळे उद्भवणाऱ्या कोणत्याही गैरसमजुती किंवा चुकीच्या समजुतीसाठी आम्ही जबाबदार नाही.
**संपर्क सूचना**:
ा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित केला आहे. आम्ही अचूकतेसाठी प्रयत्नशील आहोत, परंतु कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेच्या चुका असू शकतात. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतर शिफारस केली जाते. या भाषांतराच्या वापरामुळे उद्भवलेल्या कोणत्याही गैरसमजुती किंवा चुकीच्या अर्थलागीसंबंधी आम्ही जबाबदार नाही.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -10,29 +10,29 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# नवीनकारांसाठी वेब विकास - एक अभ्यासक्रम
# नवशिक्यांसाठी वेब विकास - एक अभ्यासक्रम
Microsoft Cloud Advocates द्वारे सादर केलेल्या 12 आठवड्यांच्या व्यापक कोर्ससह वेब विकासाच्या मूलतत्त्वांची शिकवण घ्या. 24 धड्यांपैकी प्रत्येकात आपण टेरारियम्स, ब्राउझर विस्तार, आणि स्पेस गेम्स सारख्या प्रोजेक्ट्सच्या माध्यमातून JavaScript, CSS, आणि HTML शिकाल. क्विझ, चर्चा, आणि व्यावहारिक असाइनमेंट्समध्ये भाग घ्या. आमच्या परिणामकारक प्रोजेक्ट-आधारित शिक्षण पद्धतीने आपली कौशल्ये सुधारित करा आणि ज्ञान टिकवून ठेवा. आपली कोडिंग यात्रा आजच सुरू करा!
Microsoft Cloud Advocates द्वारे आमच्या 12 आठवड्यांच्या सविस्तर कोर्ससह वेब विकासाच्या मूलभूत गोष्टी शिका. 24 धड्यांपैकी प्रत्येकात JavaScript, CSS, आणि HTML यांचा समावेश आहे ज्यामध्ये terrariums, browser extensions, आणि space games ईसारख्या प्रॅक्टिकल प्रोजेक्ट्सद्वारे शिकवले जाते. क्विझ, चर्चासत्रं, आणि प्रॅक्टिकल असाइनमेंट्समध्ये सहभागी व्हा. आमच्या प्रभावी प्रोजेक्ट-आधारित शिक्षण पद्धतीने आपले कौशल्य वाढवा आणि ज्ञान अधिक चांगल्या प्रकारे आत्मसात करा. आजच आपली कोडिंग यात्रा सुरू करा!
Azure AI Foundry Discord समुदायात सामील व्हा
Azure AI Foundry Discord मध्ये सामील व्हा आणि तज्ञ व सह-विकसकांशी भेटा.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
या संसाधनांसह सुरुवात करण्यासाठी खालील चरणांचे अनुसरण करा:
1. **रिपॉझिटरी फोर्क करा**: वर क्लिक करा [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
या संसाधनांचा वापर सुरू करण्यासाठी खालील टप्पे फॉलो करा:
1. **रिपॉझिटरी फोर्क करा**: क्लिक करा [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **रिपॉझिटरी क्लोन करा**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord मध्ये सहभागी व्हा आणि तज्ज्ञ व सहकारी विकसकांना भेटा**](https://discord.com/invite/ByRwuEEgH4)
3. [**Azure AI Foundry Discord मध्ये सामील व्हा आणि तज्ञ, सह-विकसकांशी भेटा**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 बहुभाषिक समर्थन
#### GitHub Action द्वारे समर्थित (स्वयंपूर्ण आणि नेहमी अद्ययावत)
#### GitHub Action द्वारे समर्थित (स्वयंचलित आणि नेहमी अद्ययावत)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-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) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](./README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-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) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **स्थानिकरित्या क्लोन करण्यास प्राधान्य देता?**
> **स्थानिकरित्या क्लोन करायला प्राधान्य देता?**
>
> या रिपॉझिटरीमध्ये ५०+ भाषांमधील अनुवाद आहेत ज्यामुळे डाउनलोडचा आकार मोठा होतो. अनुवादांशिवाय क्लोन करण्यासाठी sparse checkout वापरा:
> या रिपॉझिटरीमध्ये 50+ भाषांतील अनुवाद आहेत जे डाउनलोड आकार लक्षणीय वाढवतात. अनुवादांशिवाय क्लोन करण्यासाठी sparse checkout वापरा:
>
> **Bash / macOS / Linux:**
> ```bash
@ -48,175 +48,172 @@ Azure AI Foundry Discord समुदायात सामील व्हा
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> हे आपल्याला कोर्स पूर्ण करण्यासाठी आवश्यक सर्व काही अधिक वेगाने डाउनलोड करण्यास मदत करेल.
> यामुळे कोर्स पूर्ण करण्यासाठी आवश्यक सर्वकाही आपल्याला लवकर डाउनलोड होईल.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**जर आपल्याला अतिरिक्त भाषांमध्ये अनुवाद हवेत तर ते [थे](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) शोधा**
**आपल्याला अतिरिक्त भाषांतर हवे असल्यास, समर्थन केलेल्या भाषा येथे नमूद आहेत. [येथे](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](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 Hub पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) येथे भेट द्या जिथे तुम्हाला नवशिक्यासाठीचे संसाधने, विद्यार्थी पॅक्स आणि अगदी मोफत प्रमाणपत्र व्हाउचर मिळवण्याचे मार्गही सापडतील. हा पृष्ठ तुम्ही आवर्जून बुकमार्क करा आणि वेळोवेळी तपासत रहा कारण आपल्याला दर महिन्याला कंटेंट बदलत असतो.
### 📣 जाहिरात - नवीन GitHub Copilot Agent मोड आव्हाने पूर्ण करा!
### 📣 घोषणा - नवीन GitHub Copilot Agent मोड आव्हाने पूर्ण करायला!
नवीन आव्हान जोडले आहे, बहुतेक अध्यायांमध्ये "GitHub Copilot Agent Challenge 🚀" पहा. हे GitHub Copilot आणि Agent मोड वापरून पूर्ण करण्यासाठी नवीन आव्हान आहे. तुम्ही आधी Agent मोड वापरला नसेल तर हे फक्त मजकूर तयार करत नाही तर फायली तयार करणं, संपादित करणं, कमांड्स चालवणं आणि बरेच काही करू शकतं.
नवीन आव्हान समाविष्ट केले गेले आहे, बहुतेक प्रकरणांमध्ये "GitHub Copilot Agent Challenge 🚀" शोधा. हे GitHub Copilot आणि Agent मोड वापरून पूर्ण करण्यासाठी नवीन आव्हान आहे. जर तुम्ही Agent मोड पूर्वी वापरला नसेल तर तो केवळ टेक्स्ट निर्माण करण्यापुरता मर्यादित नसून फाइल्स तयार करणे आणि संपादित करणं, कमांड्स चालवणे आणि बरेच काही करू शकतो.
### 📣 जाहिरात - _जनरेटिव्ह AI वापरून नवीन प्रोजेक्ट तयार करा_
### 📣 घोषणा - Generative AI वापरून नवीन प्रोजेक्ट तयार करा
नवीन AI सहाय्यक प्रोजेक्ट नुकताच जोडले गेले आहे, याची पाहणी करा [project](./9-chat-project/README.md)
नवीन AI Assistant प्रोजेक्ट नुकताच समाविष्ट केला गेला आहे, ते बघा [प्रोजेक्ट](./9-chat-project/README.md)
### 📣 जाहिरात - _JavaScript साठी नवीन जनरेटिव्ह AI अभ्यासक्रम_ नुकताच प्रदर्शित केला गेला
### 📣 घोषणा - Generative AI साठी नवीन अभ्यासक्रम JavaScript यासाठी नुकताच रिलीज झाला आहे
आमचा नवीन जनरेटिव्ह AI अभ्यासक्रम हरवू नका!
आमचा नवीन Generative AI अभ्यासक्रम चुकवू नका!
सुरुवात करण्यासाठी भेट द्या [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
सुर करण्यासाठी भेट द्या: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
![Background](../../translated_images/mr/background.148a8d43afde5730.webp)
- मूलभूत गोष्टींपासून आरएजीपर्यंतचे धडे.
- GenAI आणि आमच्या साथी अॅपचा वापर करून ऐतिहासिक पात्रांशी संवाद करा.
- मजेदार आणि आकर्षक कथा, तुम्ही काळ प्रवास कराल!
- मूलभूत गोष्टींपासून RAG पर्यंतचे धडे.
- GenAI आणि आमच्या साथीदार अॅपसह ऐतिहासिक पात्रांशी संवाद साधा.
- मजेशीर आणि आकर्षक कथा, तुम्ही समय प्रवास करत असाल!
![character](../../translated_images/mr/character.5c0dd8e067ffd693.webp)
प्रत्येक धड्यात पूर्ण करण्यासाठी असाइनमेंट, ज्ञान तपासणी आणि आव्हान आहेत जे तुम्हाला पुढील विषय शिकवतील:
- प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग
- मजकूर आणि प्रतिमांचा अॅप जनरेशन
प्रत्येक धड्यात एक असाइनमेंट पूर्ण करायला मिळते, ज्ञान तपासणी आणि एक आव्हान तुमच्या शिकण्याच्या मार्गदर्शनासाठी, जसे की:
- प्रॉम्प्टिंग आणि प्रॉम्प्ट अभियांत्रिकी
- टेक्स्ट व प्रतिमा अॅप निर्मिती
- शोध अॅप्स
सुरुवात करण्यासाठी भेट द्या [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
सुरू करण्यासाठी भेट द्या [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) सामील व्हा!
> **शिक्षकांनो**, आम्ही [शिक्षकांसाठी काही सूचना समाविष्ट केल्या आहेत](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://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक धडा सुरू करण्यापूर्वी प्री-लेक्चर क्विझ घ्या आणि मग व्याख्यानाचे साहित्य वाचा, विविध उपक्रम पूर्ण करा आणि तुमची समज पोस्ट-लेक्चर क्विझने तपासा.
आपल्या शिक्षणाचा अनुभव सुधारण्यासाठी सहपाठ्यांशी जुळा आणि प्रोजेक्ट्सवर एकत्र काम करा! चर्चांसाठी आमच्या [चर्चा फोरम](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) मध्ये सहभागी व्हा जिथे आमच्या मॉडरेटर टीम तुमचे प्रश्न उत्तरे देण्यासाठी उपलब्ध असेल.
आपल्या शिकण्याच्या अनुभवाला सुधारण्यासाठी, सहकार्याने प्रोजेक्ट्सवर काम करण्यासाठी तुमच्या सहपाठींशी संपर्क करा! चर्चा आमच्या [चर्चा फोरममध्ये](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) प्रोत्साहित केल्या जातात जिथे आमच्या मॉडरेटर संघ सदस्य तुमचे प्रश्न सोडवण्यासाठी उपलब्ध राहतील.
आपले शिक्षण पुढे नेण्यासाठी आम्ही [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) मध्ये अतिरिक्त अभ्यास साहित्य पाहण्याची शिफारस करतो.
शिक्षण सखोल करण्यासाठी, आम्ही [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) या अतिरिक्त अभ्यास साहित्याचा शोध घेण्याची शिफारस करतो.
### 📋 आपले वातावरण सेट करणे
### 📋 तुमचे वातावरण सेट करा
हा अभ्यासक्रम वापरण्यास तयार विकास वातावरणासह येतो! सुरुवात करताना आपण हा अभ्यासक्रम [Codespace](https://github.com/features/codespaces/) मध्ये चालवत असाल (_ब्राउझर-आधारित, कोणतेही इंस्टॉल न करता काम करणारे वातावरण_) किंवा [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) सारख्या टेक्स्ट एडिटरचा वापर करून स्थानिक पद्धतीने आपल्या संगणकावर चालवू शकता.
हा अभ्यासक्रम थेट विकासासाठी एका वातावरणासह तयार आहे! सुरू करताना तुम्ही [Codespace](https://github.com/features/codespaces/) (_ब्राउझर-आधारित, कोणतीही इन्स्टॉलेशन आवश्यक नाही असा वातावरण_) मध्ये चालवू शकता किंवा तुमच्या कॉम्प्युटरवर स्थानिकरित्या [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) सारख्या टेक्स्ट एडिटरचा वापर करून चालवू शकता.
#### आपली रिपॉझिटरी तयार करा
आपले कार्य सहजपणे जतन करण्यासाठी, आपण आपली स्वतःची कॉपी तयार करणे शिफारस केले आहे. यासाठी पृष्ठाच्या वरच्या भागात **Use this template** बटणावर क्लिक करा. यामुळे आपल्या GitHub खात्यात अभ्यासक्रमाची कॉपी असलेली नवीन रिपॉझिटरी तयार होईल.
#### तुमची रिपॉझिटरी तयार करा
तुमचे काम सुलभतेने जतन करण्यासाठी, याची प्रक्रिया आहे की तुम्ही स्वतःची कॉपी तयार कील पाहिजे. हे करण्यासाठी, या पानाच्या वरच्या बाजूला असलेल्या **Use this template** बटणावर क्लिक करा. यामुळे तुमच्या GitHub खात्यात एक नवीन रिपॉझिटरी तयार होईल ज्यामध्ये हा अभ्यासक्रम असलेली कॉपी असेल.
हे चरण पाळा:
1. **रिपॉझिटरी फोर्क करा**: या पृष्ठाच्या वरच्या उजव्या कोपऱ्यातील "Fork" बटणावर क्लिक करा.
हे टप्पे फॉलो करा:
1. **रिपॉझिटरी फोर्क करा**: या पानाच्या उजव्या वरच्या कोपऱ्यातील "Fork" बटणावर क्लिक करा.
2. **रिपॉझिटरी क्लोन करा**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Codespace मध्ये अभ्यासक्रम चालविणे
#### Codespace मध्ये अभ्यासक्रम चालवणे
तुमच्या तयार केलेल्या कॉपीमध्ये, **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. यामुळे आपल्यासाठी नवीन Codespace तयार होईल.
तुमच्या तयार केलेल्या कॉपीमध्ये, **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. यामुळे तुमच्यासाठी नवीन Codespace तयार होईल.
![Codespace](../../translated_images/mr/createcodespace.0238bbf4d7a8d955.webp)
#### आपल्या संगणकावर स्थानिक पद्धतीने अभ्यासक्रम चालविणे
#### स्थानिकरित्या तुमच्या कॉम्प्युटरवर अभ्यासक्रम चालवणे
स्थानिक पद्धतीने हा अभ्यासक्रम चालविण्यास, आपल्याला टेक्स्ट एडिटर, ब्राउझर आणि कमांड लाइन साधन आवश्यक आहे. आमचा पहिला धडा, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), तुम्हाला प्रत्येक साधनासाठी विविध पर्यायांबद्दल मार्गदर्शन करेल आणि आपल्या गरजेनुसार सर्वोत्तम पर्याय निवडण्यास मदत करेल.
हा अभ्यासक्रम तुमच्या कॉम्प्युटरवर स्थानिकपणे चालवण्यासाठी, तुम्हाला टेक्स्ट एडिटर, ब्राउझर आणि कमांड लाइन टूल लागेल. आमचा पहिला धडा, [प्रोग्रॅमिंग भाषा आणि साधनांची ओळख](../../1-getting-started-lessons/1-intro-to-programming-languages), तुम्हाला प्रत्येक प्रकारच्या टूलसाठी विविध पर्यायांबद्दल मार्गदर्शन करेल जे तुम्हाला सर्वोत्तम कामासाठी निवडायला मदत करतील.
आमची शिफारस आहे की आपण [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) देखील आहे. आपण Visual Studio Code [येथून](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) डाउनलोड करू शकता.
1. आपले रिपॉझिटरी आपल्या संगणकावर क्लोन करा. हे करण्यासाठी **Code** बटणावर क्लिक करा आणि URL कॉपी करा:
आमची सूचना आहे की [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) देखील आहे. तुम्ही Visual Studio Code येथे डाउनलोड करू शकता [इथे](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. आपल्या संगणकावर आपले रेपॉझिटरी क्लोन करा. आपण हे करण्यासाठी **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) उघडा आणि खालील कमांड चालवा, `<your-repository-url>` मध्ये आपण नुकतीच कॉपी केलेली URL टाका:
नंतर, [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) उघडा आणि पुढील कमांड चालवा, `<your-repository-url>` ला आपण नुकतीच कॉपी केलेल्या URL ने बदला:
```bash
git clone <your-repository-url>
```
2. Visual Studio Code मध्ये फोल्डर उघडा. हे करण्यासाठी **File** > **Open Folder** वर क्लिक करा आणि आपण क्लोन केलेला फोल्डर निवडा.
2. Visual Studio Code मध्ये फोल्डर उघडा. आपण हे करण्यासाठी **File** > **Open Folder** क्लिक करा आणि जो फोल्डर आपण क्लोन केला आहे तो निवडा.
> शिफारस केलेले Visual Studio Code एक्सटेंशन्स:
> शिफारसीत Visual Studio Code विस्तार:
>
> * [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) - कोड लवकर लिहिण्यात मदत करण्यासाठी
> * [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) - आपला कोड लवकर लिहिण्यास मदत करण्यासाठी
## 📂 प्रत्येक धडा खालील गोष्टी समाविष्ट करतो:
## 📂 प्रत्येक धडा यामध्ये असतो:
- ऐच्छिक स्केचनोट
- ऐच्छिक स्केच नोट
- ऐच्छिक पूरक व्हिडिओ
- धड्यापूर्वीची वॉर्मअप क्विझ
- पूर्व-धडा वॉर्मअप क्विझ
- लेखी धडा
- प्रकल्प-आधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा यावर टप्प्याटप्प्याने मार्गदर्शक
- प्रोजेक्ट-आधारित धड्यांसाठी, प्रोजेक्ट तयार करण्यासाठी चरण-दर-चरण मार्गदर्शक
- ज्ञान तपासणी
- एक आव्हान
- पूरक वाचन
- असाइनमेंट
- [धड्यानंतरची क्विझ](https://ff-quizzes.netlify.app/web/)
- [धडा नंतरचे क्विझ](https://ff-quizzes.netlify.app/web/)
> **क्विझ बद्दल नोंद**: सर्व क्विझ Quiz-app फोल्डरमध्ये आहेत, जवळजवळ 48 क्विझ तीन प्रश्नांसह. ते [थे](https://ff-quizzes.netlify.app/web/) उपलब्ध आहेत. क्विझ अॅप स्थानिकरित्या चालवता येऊ शकतो किंवा Azure वर डिप्लॉय केला जाऊ शकतो; `quiz-app` फोल्डरमधील सूचनांचे पालन करा.
> **क्विझंबद्दल एक टीप**: सर्व क्विझ Quiz-app फोल्डरमध्ये आहेत, एकूण 48 क्विझ ज्यामध्ये प्रत्येकात तीन प्रश्न आहेत. ते येथे उपलब्ध आहेत [येथे](https://ff-quizzes.netlify.app/web/) क्विझ अॅप स्थानिकरित्या चालवता येतो किंवा Azure वर तैनात करता येतो; `quiz-app` फोल्डरमधील सूचना पाळा.
## 🗃️ धडे
| | प्रकल्पाचे नाव | शिकवले जाणारे संकल्पना | शिकण्याचे उद्दिष्टे | लिंक केलेला धडा | लेखक |
| | प्रोजेक्ट नाव | शिकवले जाणारे संकल्पना | शैक्षणिक उद्दिष्टे | लिंक केलेला धडा | लेखक |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | सुरुवात करणे | प्रोग्रामिंगची ओळख आणि वापरासाठी साधने | बहुसंख्य प्रोग्रामिंग भाषा आणि व्यावसायिक विकासकांसाठी मदत करणारे सॉफ्टवेअर याबद्दल मूलभूत माहिती मिळवा | [प्रोग्रामिंग भाषा आणि साधने ओळख](./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 डेटा प्रकार | JavaScript डेटा प्रकारांची मूलभूत माहिती | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS मूलभूत | फंक्शन्स आणि मेथड्स | अॅप्लिकेशनच्या लॉजिक फ्लोचे व्यवस्थापन करण्यासाठी फंक्शन्स आणि मेथड्स विषयी जाणून घ्या | [फंक्शन्स आणि मेथड्स](./2-js-basics/2-functions-methods/README.md) | Jasmine आणि Christopher |
| 06 | JS मूलभूत | JS ने निर्णय घेणे | निर्णय घेण्याच्या पद्धती वापरून आपल्या कोडमध्ये अटी निर्माण करणे शिकणे | [निर्णय घेणे](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS मूलभूत | अ‍ॅरे आणि लूप्स | JavaScript मध्ये अ‍ॅरे आणि लूप्स वापरून डेटा काम करणे | [अ‍ॅरे आणि लूप्स](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML प्रॅक्टिस | ऑनलाइन टेरारियम तयार करण्यासाठी HTML तयार करा, लेआउट बनवण्यावर लक्ष केंद्रित करून | [HTML ओळख](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS प्रॅक्टिस | ऑनलाइन टेरारियमसाठी CSS तयार करा, पृष्ठ प्रतिसादात्मक करण्यासाठी CSS च्या मूलभूत गोष्टी समजून घ्या | [CSS ओळख](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजर्स, DOM मॅनिप्युलेशन | टेरारियमसाठी ड्रॅग/ड्रॉप इंटरफेस तयार करण्यासाठी JavaScript तयार करा, क्लोजर्स आणि DOM मॅनिप्युलेशनवर लक्ष केंद्रित करून | [JavaScript क्लोजर्स, DOM मॅनिप्युलेशन](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [टायपिंग गेम](./4-typing-game/solution/README.md) | टायपिंग गेम तयार करणे | आपल्या JavaScript अॅपसाठी लॉजिक चालविण्यासाठी कीबोर्ड इव्हेंट्स कसे वापरायचे ते शिका | [इव्हेंट-चालित प्रोग्रामिंग](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझर्ससोबत काम करणे | ब्राउझर्स कसे कार्य करतात, त्यांचा इतिहास, आणि ब्राउझर एक्सटेंशनचे पहिले घटक कसे तयार करायचे ते शिका | [ब्राउझर्स विषयी](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि लोकल स्टोरेजमध्ये व्हेरिएबल्स संग्रहित करणे | आपल्या ब्राउझर एक्सटेंशनसाठी JavaScript घटक तयार करा जे API कॉल करतील आणि लोकल स्टोरेजमधील व्हेरिएबल्स वापरतात | [API, फॉर्म्स आणि लोकल स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरमधील बॅकग्राऊंड प्रोसेसेस, वेबपरफॉर्मन्स | एक्सटेंशन आयकॉन व्यवस्थापित करण्यासाठी ब्राउझरच्या बॅकग्राऊंड प्रोसेसेस वापरा; वेबक्षमता आणि काही ऑप्टिमायझेशन्स बद्दल शिका | [बॅकग्राऊंड टास्क आणि परफॉर्मन्स](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript वापरून अधिक प्रगत गेम विकास | क्लासेस आणि कंपोझिशन वापरून वारसा घेणे आणि Pub/Sub पॅटर्न शिकून गेम तयार करण्यासाठी तयार व्हा | [अधिक प्रगत गेम विकासाचा परिचय](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | कॅनव्हासवर रेखाटन | स्क्रीनवर घटक रेखाटण्यासाठी वापरले जाणारे कॅनव्हास API विषयी शिका | [कॅनव्हासवर रेखाटन](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीनवरील घटक हलविणे | घटकांना कॉर्टेशियन निर्देशांक आणि कॅनव्हास API वापरून कसे हालचाल करता येते ते शोधा | [घटक हलविणे](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | टक्कर शोधणे | तपकिरी आणि प्रतिक्रिया कसे घडवायची ते शिका ज्यासाठी कीप्रेस वापरून आणि गेमच्या कामगिरीसाठी कूलडाउन फंक्शन पुरवा | [टक्कर शोधणे](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | गुणधर्म सांभाळणे | गेमच्या स्थितीवर आधारित गणिती गणना करा आणि कामगिरी सांभाळा | [गुणधर्म सांभाळणे](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | गेम समाप्त करणे आणि पुन्हा सुरू करणे | गेम समाप्त करणे आणि पुन्हा सुरू करण्याविषयी शिका, त्यात मालमत्ता साफसफाईसह व्हेरिएबल मूल्ये रीसेट करणेही समाविष्ट आहे | [समाप्तीची अट](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | वेब अॅपमध्ये HTML टेम्प्लेट आणि रूट्स | मल्टीपेज वेबसाइटची आर्किटेक्चर रूटिंग आणि HTML टेम्प्लेट वापरून तयार करणे शिका | [HTML टेम्प्लेट्स आणि रूट्स](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | लॉगिन आणि नोंदणी फॉर्म तयार करणे | फॉर्म तयार करण्याबद्दल आणि वैधता व्यवस्थापित करण्याबद्दल शिका | [फॉर्म्स](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | डेटा प्राप्त करणे आणि वापरण्याच्या पद्धती | आपल्या अॅपमध्ये डेटा कसा प्रवाहित होतो, कसा मिळवायचा, कसा संग्रहित करायचा व कसा नष्ट करायचा याबद्दल माहिती | [डेटा](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | स्टेट मॅनेजमेंटची संकल्पना | आपला अॅप स्टेट कसा ठेवतो आणि प्रोग्रामनुसार ते कसे व्यवस्थापित करायचे ते शिका | [स्टेट मॅनेजमेंट](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode सोबत काम करणे | कोड एडिटर वापरण्याबद्दल शिका| [VScode Code Editor वापरा](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI असिस्टंट्स](./9-chat-project/README.md) | AI सोबत काम करणे | स्वतःचा AI असिस्टंट कसा तयार करायचा ते शिका | [AI Assistant प्रकल्प](./9-chat-project/README.md) | Chris |
## 🏫 शिक्षणशास्त्र
आमच्या अभ्यासक्रमामध्ये दोन मुख्य शिक्षणशास्त्रीय तत्त्वे लक्षात घेतली आहेत:
* प्रकल्प-आधारित शिक्षण
| 01 | Getting Started | प्रोग्रामिंगची ओळख आणि कामासाठी वापरलेले साधन | बहुतेक प्रोग्रामिंग भाषांमागील मूलभूत तत्त्वे आणि व्यावसायिक विकासक त्यांच्या कामासाठी वापरतात असे सॉफ्टवेअर जाणून घ्या | [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 कसा वापरायचा, कोड बेसवर इतरांशी सहकार्य कसे करायचे | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | प्रवेशयोग्यता | वेब प्रवेशयोग्यतेचे मूलतत्त्वे शिका | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांची मूलतत्त्वे | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | फंक्शन्स आणि मेथड्स | एक अॅप्लिकेशनच्या लॉजिक फ्लोचे नियमन करण्यासाठी फंक्शन्स आणि मेथड्सबद्दल शिका | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS Basics | JS ने निर्णय कसे घ्यायचे | आपल्या कोडमध्ये निर्णय घेण्याच्या पद्धती कशा तयार करायच्या हे शिका | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | Arrays आणि Loops | JavaScript मध्ये डेटा हाताळण्यासाठी अ‍ॅरे आणि लूप्स वापरणे | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML वर व्यवहार | ऑनलाइन टेरारियम तयार करण्यासाठी HTML तयार करा, लेआउटवर भर देऊन | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS वर व्यवहार | ऑनलाइन टेरारियमसाठी CSS तयार करा, CSS चे मूलतत्त्वे आणि पृष्ठ प्रतिसादक बनविण्यावर जोर देऊन | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजर्स, DOM हाताळणी | टेरारियमसाठी ड्रॅग/ड्रॉप इंटरफेस तयार करण्यासाठी JavaScript लिहा, क्लोजर्स आणि 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) | टायपिंग गेम तयार करा | JavaScript अॅप्लिकेशनच्या लॉजिकला कीबोर्ड इव्हेंट्स चा वापर करून चालवा | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरसोबत काम करणे | ब्राउझर कसे कार्य करतात, त्याचा इतिहास आणि ब्राउझर विस्तार घटकांची प्राथमिक रचना कशी तयार करायची हे शिका | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक संग्रहात व्हेरिएबल साठवणे | आपले ब्राउझर विस्तार तयार करा जे API कॉल करेल आणि स्थानीय संग्रहात सीरियलाइज्ड व्हेरिएबल्स वापरेल | [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 Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript सह अधिक प्रगत गेम विकास | क्लास आणि कंपोझिशन वापरून इनहेरिटेंस आणि पब/सब पॅटर्न बद्दल शिका, गेम बनविण्याच्या तयारीसाठी | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | कॅनव्हासवर रेखाटणे | कॅनव्हास API चा अभ्यास करा, ज्याचा वापर करून स्क्रीनवर घटक रेखाटले जातात | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीनवर घटक हलविणे | घटकांना चळवळ देण्यासाठी कॅर्टेशियन निर्देशांक आणि कॅनव्हास API यांचा वापर जाणून घ्या | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | धडक ओळखणे | कीप्रेस वापरून घटकांना एकमेकांशी धडकवून त्यावर प्रतिक्रिया देण्यासाठी कोल्डडाउन फंक्शन तयार करा जेणेकरून गेमची कार्यक्षमता टिकेल | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | स्कोर ठेवणे | गेमच्या स्थिती आणि कार्यक्षमतेच्या आधारावर गणितीय गणना करा | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | गेम संपवणे आणि पुन्हा सुरू करणे | गेम संपवणे आणि पुन्हा सुरू करण्याबद्दल शिका, तसेच संसाधने साफ करणे आणि व्हेरिएबल किंमती रीसेट करणे | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | वेब अॅपमधील HTML टेंप्लेट्स आणि राऊट्स | मल्टीपेज वेबसाईट संरचना तयार करण्यासाठी राऊटिंग आणि HTML टेंप्लेट वापरणे शिका | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | लॉगिन आणि नोंदणी फॉर्म तयार करा | फॉर्म तयार करण्याबद्दल आणि मूल्यांकन प्रक्रिया हाताळण्याबाबत शिका | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | डेटा घेण्याचे आणि वापरण्याचे पद्धती | आपला अॅपमध्ये डेटा कसा येतो व जातो, तो कसा मिळवायचा, साठवायचा आणि नष्ट करायचा | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | स्टेट व्यवस्थापन संकल्पना | आपल्या अॅपची स्थिती कशी टिकवून ठेवायची आणि त्याचे प्रोग्रामिंगद्वारे व्यवस्थापन कसे करायचे हे शिका | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode सोबत काम करणे | कोड संपादक वापरणे शिका| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI सोबत काम करणे | आपला स्वतःचा AI असिस्टंट कसा बनवायचा ते शिका | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 पेडागॉजी
आमचा अभ्यासक्रम दोन प्रमुख शैक्षणिक तत्त्वांवर आधारित आहे:
* प्रोजेक्ट-आधारित शिक्षण
* वारंवार क्विझ
हा कार्यक्रम JavaScript, HTML, आणि CSS च्या मुलभूत गोष्टी तसेच आजच्या वेब विकासकांनी वापरलेल्या नवीनतम साधने आणि तंत्रे शिकवतो. विद्यार्थ्यांना टायपिंग गेम, वर्चुअल टेरारियम, पर्यावरणपूरक ब्राउझर एक्सटेंशन, स्पेस-इन्व्हेडर-स्टाईल गेम, आणि व्यवसायांसाठी बँकिंग अॅप तयार करून प्रत्यक्ष अनुभव घेण्याची संधी मिळेल. मालिकेच्या अखेरीस, विद्यार्थ्यांना वेब विकासाचा मजबूत समज निर्माण होईल.
हा कार्यक्रम JavaScript, HTML आणि CSS चे मूलभूत तत्त्वे तसेच आजच्या वेब विकासकांनी वापरलेली नवीन साधने आणि तंत्रे शिकवतो. विद्यार्थी टायपिंग गेम, आभासी टेरारियम, पर्यावरणपूरक ब्राउझर विस्तार, स्पेस-इन्व्हेडर-शैलीतील गेम आणि व्यवसायांसाठी बँकिंग अॅप तयार करून प्रत्यक्ष अनुभव घेतील. मालिकेच्या शेवटी, विद्यार्थ्यांना वेब विकासाचा सखोल समज प्राप्त होईल.
> 🎓 तुम्ही Microsoft Learn वरील [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) म्हणून या अभ्यासक्रमातील काही पहिले धडे घेऊ शकता!
> 🎓 आपण 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)" व्हिडिओ ट्यूटोरियल कलेक्शनचा व्हिडिओ जोडलेला आहे, ज्यातील काही लेखकांनी या अभ्यासक्रमात योगदान दिले आहे.
विषय आविष्कार प्रोजेक्ट्सशी सुसंगत ठेवून, प्रक्रिया विद्यार्थ्यांसाठी अधिक आकर्षक केली आहे आणि संकल्पनांचा दीर्घकालीन समज वाढवला गेला आहे. आम्ही JavaScript चे मूलभूत तत्त्वे समजावून सांगण्यासाठी अनेक प्रारंभीक धडे लिहिले आहेत, जे "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" व्हिडिओ मालिकेतील व्हिडिओसह जोडले गेले आहेत, ज्यातील काही लेखकांनी या अभ्यासक्रमात योगदान दिले आहे.
शिवाय, वर्गापूर्वी कमी धोक्याचे क्विझ विद्यार्थ्यांच्या विषयात रस निर्माण करण्यासाठी आणि वर्गानंतर दुसरे क्विझ अधिक चांगली जप्ती सुनिश्चित करण्यासाठी डिझाइन केलेले आहे. हा अभ्यासक्रम लवचीक आणि मनोरंजक असावा म्हणून तयार केलेला आहे आणि पूर्णपणे किंवा भागामध्ये घेतला जाऊ शकतो. प्रक्प लहानापासून सुरू होतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी अधिक क्लिष्ट होतात.
याशिवाय, वर्गाच्या आधीचा कमी-दाबाचा क्विझ विद्यार्थ्यांच्या लक्षात विषय शिकण्याचा उद्देश सेट करतो, तर वर्गानंतरचा दुसरा क्विझ अधिक चांगल्या समजसपाटीसाठी मदत करतो. हा अभ्यासक्रम लवचिक आणि मजेदार ठेवण्यासाठी डिझाइन केला आहे आणि संपूर्ण किंवा भागांमध्ये घेतला जाऊ शकतो. प्रोजेक््रारंभी लहान सुरू होतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी अधिक जटिल होतात.
JavaScript फ्रेमवर्क वापरण्याऐवजी मूलभूत कौशल्ये सक्रिय करण्यावर भर देण्यासाठी आम्ही जाणीवपूर्वक ते टाळले आहे; या अभ्यासक्रमानंतरचा उत्कृष्ट पुढील टप्पा Node.js शिकणे होय, ज्यासाठी "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" व्हिडिओ कलेक्शन उपयुक्त आहे.
जावास्क्रिप्ट फ्रेमवर्क परिचय टाळण्यामागील कारण म्हणजे वेब विकासक म्हणून मूलभूत कौशल्यांवर लक्ष केंद्रित करणे, फ्रेमवर्क वापरण्याआधी. या अभ्यासक्रमानंतर पुढील चांगला पाऊल 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.md) आणि [योगदान कसे करावे](CONTRIBUTING.md) मार्गदर्शक प्रभावी अभिप्रायासाठी तुमचे स्वागत करतात!
> आमचे [वर्तन संकेतशास्त्र](CODE_OF_CONDUCT.md) आणि [योगदान](CONTRIBUTING.md) मार्गदर्शक पहा. आपले रचनात्मक अभिप्राय स्वागतार्ह आहे!
## 🧭 ऑफलाइन प्रवेश
तुम्ही [Docsify](https://docsify.js.org/#/) वापरून हे दस्तऐवज ऑफलाइन चालवू शकता. हे रेपो फोर्क करा, आपल्या स्थानिक संगणकावर [Docsify स्थापित करा](https://docsify.js.org/#/quickstart), आणि नंतर या रेपोच्या मूळ फोल्डरमध्ये `docsify serve` टाइप करा. वेबसाईट लोकलहोस्टवर पोर्ट 3000 वर सेवा देईल: `localhost:3000`.
आपण हा दस्तऐवज [Docsify](https://docsify.js.org/#/) वापरून ऑफलाइन चालवू शकता. हा रेपो फोर्क करा, आपली स्थानिक यंत्रावर [Docsify स्थापित करा](https://docsify.js.org/#/quickstart), आणि नंतर या रेपॉच्या वरच्या फोल्डरमध्ये `docsify serve` टाइप करा. वेबसाईट आपल्याला पोर्ट 3000 वर `localhost:3000` या पत्त्यावर मिळेल.
## 📘 PDF
सर्व धड्यांचा एक PDF [इथे](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) सापडू शकतो.
सर्व धड्यांचे PDF [येथे](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) उपलब्ध आहे.
## 🎒 इतर अभ्यासक्रम
## 🎒 इतर कोर्सेस
आमचा संघ इतर अभ्यासक्रम देखील तयार करतो! तपासा:
आमची टीम इतर कोर्सेस सुद्धा तयार करते! पहा:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -233,7 +230,7 @@ JavaScript फ्रेमवर्क वापरण्याऐवजी म
---
### जनरेटिव AI सिरीज
### Generative AI Series
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -241,7 +238,7 @@ JavaScript फ्रेमवर्क वापरण्याऐवजी म
---
### कोअर शिक्षण
### Core Learning
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -252,29 +249,29 @@ JavaScript फ्रेमवर्क वापरण्याऐवजी म
---
### कोपायलट सिरीज
### Copilot Series
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
## मदत मिळवणे
## मदत घेणे
जर तुम्हाला अडचण येत असेल किंवा AI अॅप्स तयार करण्याबाबत कोणतेही प्रश्न असतील. MCP बद्दल चर्चा करण्यासाठी सहकारी शिकणारे आणि अनुभवी विकसकांमध्ये सहभागी व्हा. हे एक सहायक समुदाय आहे जिथे प्रश्न स्वागतार्ह आहेत आणि ज्ञान मुक्तपणे शेअर केले जाते.
जर तुम्हाला अडचण येत असेल किंवा AI अ‍ॅप्स तयार करताना काही प्रश्न असतील, तर MCP विषयी चर्चा करण्यासाठी इतर शिकणाऱ्या आणि अनुभवी विकासकांसोबत सहभागी व्हा. हे एक सहकार्यशील समुदाय आहे जिथे प्रश्न विचारणे स्वागतार्ह आहे आणि ज्ञान मोकळेपणाने शेअर केले जाते.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
तुमच्याकडे उत्पादक अभिप्राय किंवा तयार करताना त्रुटी असल्यास खाली भेट द्या:
जर तुम्हाला उत्पादनाबाबत अभिप्राय किंवा चुका आढळल्या तर येथे भेट द्या:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## परवाना
ी रिपॉझिटरी MIT परवान्याअंतर्गत परवानाधारक आहे. अधिक माहितीसाठी [LICENSE](../../LICENSE) फाल पहा.
ा रेपॉझिटरी MIT परवान्याखाली प्रकाशित आहे. अधिक माहितीसाठी [LICENSE](../../LICENSE) फाल पहा.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अस्वीकरण**:
हा दस्तऐवज AI भाषांतर सेव्हिस [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित केला आहे. आम्ही अचूकतेसाठी प्रयत्न करतो, परंतु कृपया लक्षात ठेवा की स्वयंचलीत भाषांतरांमध्ये चुका किंवा अपूर्णता असू शकते. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला पाहिजे. महत्त्वपूर्ण माहिती साठी व्यावसायिक मानवी भाषांतर शिफारस केली जाते. या भाषांतराच्या वापरामुळे होणाऱ्या गैरसमज किंवा चुकीच्या अर्थग्रहणासाठी आम्ही जबाबदार नाही.
**अस्वीकरण**:
हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) चा वापर करून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील आहोत, तरी कृपया लक्षात घ्या की स्वयंचलित भाषांतरांमध्ये चुका किंवा अचूकतेत तफावत असू शकते. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत म्हणून पाहावा. महत्त्वपूर्ण माहितीसाठी व्यावसायिक मानवी भाषांतर शिफारस केले जाते. या भाषांतराच्या वापरामुळे उद्भवणाऱ्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थसंग्रहासाठी आम्ही उत्तरदायी नाही.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,54 +1,79 @@
# [पाठाचा विषय]
# धडे विषय
![येथे व्हिडिओ एम्बेड करा](../../../lesson-template/video-url)
## 🎥 व्हिडिओ
## [पाठपूर्व प्रश्नमंजूषा](../../../lesson-template/quiz-url)
> येथे एम्बेड केलेला व्हिडिओ किंवा धडे लिंक जोडा.
[आपण काय शिकणार आहोत याचे वर्णन करा]
---
## पूर्व लेक्चर क्विझ
> उपलब्ध असताना येथे क्विझ लिंक जोडा.
---
विद्यार्थ्यांना या धड्यात काय शिकता येईल याचा संक्षिप्त आढावा द्या.
---
### परिचय
या पाठात काय समाविष्ट असेल याचे वर्णन करा
या धड्यात काय कव्हर केले जाईल याचे थोडक्यात परिचय द्या.
> टीप
> नोट्स
### पूर्वतयारी
---
या पाठापूर्वी कोणते टप्पे पूर्ण केलेले असावेत?
### पूर्वअट
विद्यार्थ्यांनी या धड्यापूर्वी कोणत्या संकल्पना किंवा विषयांची ओळख असावी ते यादी करा.
---
### तयारी
या पाठाची सुरुवात करण्यासाठी आवश्यक तयारीचे टप्पे
धडा सुरू करण्यापूर्वी कोणतीही सेटअप पावले किंवा साधने आवश्यक आहेत का ते यादी करा.
---
[सामग्री ब्लॉक्समध्ये सादर करा]
### सामग्री
धड्याची सामग्री संरचित विभागांत टप्प्याटप्प्याने मांडणी करा.
## [विषय 1]
---
## विषय 1
### कार्य:
सहकार्याने तुमच्या कोडबेसमध्ये प्रगत सुधारणा करा आणि सामायिक कोडसह प्रकल्प तयार करा:
आपल्या कोडबेसला प्रगत करण्यासाठी एकत्र कार्य करा आणि प्रकल्प तयार करा जे सामायिक कोड वापरते:
```html
code blocks
```
✅ ज्ञान तपासणी - विद्यार्थ्यांचे ज्ञान वाढवण्यासाठी खुले प्रश्न विचारण्याची संधी वापरा
✅ ज्ञान तपासणी
विद्यार्थ्यांचे ज्ञान वाढवण्यासाठी खुले प्रश्न विचारून हा क्षण वापरा.
## [विषय 2]
## विषय 2
## विषय 3
## [विषय 3]
🚀 आव्हान
विद्यार्थ्यांसाठी प्रकल्प सुधारण्यासाठी एक सहकार्यात्मक आव्हान जोडा.
🚀 आव्हान: विद्यार्थ्यांना वर्गात सहकार्याने प्रकल्प सुधारण्यासाठी काम करण्याचे आव्हान द्या
पर्यायी: पूर्ण झालेल्या धड्याच्या UI चा स्क्रीनशॉट योग्य असल्यास जोडा.
पर्यायी: पूर्ण झालेल्या पाठाच्या UI चे स्क्रीनशॉट जोडणे, जर योग्य वाटले तर
## पोस्ट-लेक्चर क्विझ
## [पाठोत्तर प्रश्नमंजूषा](../../../lesson-template/quiz-url)
धडा पूर्ण केल्यावर येथे क्विझ लिंक जोडा.
## पुनरावलोकन आणि स्वअभ्यास
## पुनरावलोकन व स्वयंअध्ययन
**असाइनमेंट देय [MM/YY]**: [असाइनमेंटचे नाव](assignment.md)
**असाइनमेंट जमा करण्याची तारीख [माह/वर्ष]**: [असाइनमेंटचे नाव](assignment.md)
---
**अस्वीकरण**:
हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेचा अभाव असू शकतो. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून उद्भवलेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही.
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अस्वीकरण**:
हा दस्तऐवज एआय अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून अनुवादित केला आहे. आम्ही अचूकतेसाठी प्रयत्नशील आहोत, पण कृपया लक्षात ठेवा की स्वयंचलित अनुवादांमध्ये चुका किंवा त्रुटी असू शकतात. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला जावा. महत्त्वाची माहिती असल्यास, व्यावसायिक मानवी अनुवाद शिफारसीय आहे. या अनुवादाच्या वापराबाबत उद्भवलेल्या कोणत्याही गैरसमजांबाबत आम्ही जबाबदार नाही.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T16:36:59+00:00",
"translation_date": "2026-04-24T21:57:19+00:00",
"source_file": "AGENTS.md",
"language_code": "ne"
},
@ -516,8 +516,8 @@
"language_code": "ne"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T16:21:15+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T21:54:13+00:00",
"source_file": "README.md",
"language_code": "ne"
},
@ -564,8 +564,8 @@
"language_code": "ne"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2025-08-26T00:51:13+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T21:54:21+00:00",
"source_file": "lesson-template/README.md",
"language_code": "ne"
},

@ -2,29 +2,29 @@
## परियोजना अवलोकन
यो शुरुआतीहरूलाई वेब विकासका आधारहरू सिकाउन बनाइएको शैक्षिक पाठ्यक्रम भण्डार हो। यो पाठ्यक्रम माइक्रोसफ्ट क्लाउड एड्भोकेटहरूले विकास गरेको १२ हप्ताको व्याप्त छ, जसमा २४ अभ्यासात्मक पाठहरू छन् जसले JavaScript, CSS, र HTML कभर गर्दछ
यो वेब विकासको आधारभूत सिद्धान्तहरू सिकाउनका लागि शैक्षिक पाठ्यक्रमको संग्रहालय हो। पाठ्यक्रम Microsoft Cloud Advocates द्वारा विकास गरिएको १२ हप्ताको समग्र कोर्स हो, जसमा JavaScript, CSS, र HTML कभर गर्ने २४ व्यावहारिक पाठहरू छन्
### प्रमुख अङ्गहरू
### प्रमुख घटकहरू
- **शैक्षिक सामग्री**: २४ संरचित पाठहरू परियोजना-आधारित मोड्युलहरूमा व्यवस्थित
- **व्यावहारिक परियोजनाहरू**: टेरारियम, टाइपिङ खेल, ब्राउजर एक्सटेन्सन, स्पेस गेम, बैंकिङ एप, कोड सम्पादक, र AI च्याट सहायक
- **इन्टरऐक्टिभ क्विजहरू**: प्रत्येकमा ३ प्रश्न सहित ४८ क्विजहरू (पाठभन्दा पहिले/पछि मूल्याङ्कन)
- **धेरै भाषाहरूको समर्थन**: GitHub Actions मार्फत ५०+ भाषाहरूमा स्वचालित अनुवाद
- **शैक्षिक सामग्री**: परियोजना आधारित मोड्युलहरूमा व्यवस्थित २४ संरचित पाठहरू
- **व्यावहारिक परियोजनाहरू**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, र AI Chat Assistant
- **परस्पर प्रतिक्रिया क्विजहरू**: ४८ क्विजहरू जहाँ प्रत्येकमा ३ प्रश्नहरू (पाठ अघि र पछि मापन)
- **बहुभाषिक समर्थन**: GitHub Actions मार्फत ५०+ भाषाहरूको स्वचालित अनुवाद
- **प्रविधिहरू**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI परियोजनाहरूका लागि)
### वास्तुकला
- पाठ-आधारित संरचना भएको शैक्षिक भण्डार
- प्रत्येक पाठ फोल्डरमा README, कोड उदाहरणहरू, र समाधानहरू छन्
- विभिन्न परियोजनाहरू अलग-अलग निर्देशिकाहरूमा (quiz-app, विभिन्न पाठ परियोजनाहरू)
- पाठ-आधारित संरचना भएको शैक्षिक रिपोजिटरी
- प्रत्येक पाठ फोल्डरमा README, कोड उदाहरणहरू, र समाधानहरू
- अलग फोल्डरहरूमा स्वतन्त्र परियोजनाहरू (quiz-app, विभिन्न पाठ परियोजनाहरू)
- GitHub Actions (co-op-translator) प्रयोग गरी अनुवाद प्रणाली
- Docsify मार्फत दस्तावेज सेवा र PDF उपलव्ध
- Docsify मार्फत डकुमेन्टेशन सेवा र PDF रूपमा उपलब्ध
## सेटअप कमाण्डहरू
## सेटअप आदेशहरू
यो भण्डार मुख्य रूपमा शैक्षिक सामग्री उपभोगका लागि हो। विशेष परियोजनाहरूमा काम गर्नका लागि:
यो रिपोजिटरी मुख्य रूपमा शैक्षिक सामग्री प्रयोगका लागि हो। विशेष परियोजनाहरूमा काम गर्नका लागि:
### मुख्य भण्डार सेटअप
### मुख्य रिपोजिटरी सेटअप
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@ -46,9 +46,9 @@ npm run lint # ESLint चलाउनुहोस्
```bash
cd 7-bank-project/api
npm install
npm start # API सर्भर सुरु गर्नुहोस्
npm start # एपीआई सर्भर सुरु गर्नुहोस्
npm run lint # ESLint चलाउनुहोस्
npm run format # Prettier सँग फर्म्याट गर्नुहोस्
npm run format # Prettier सँग ढाँचा मिलाउनुहोस्
```
### ब्राउजर एक्सटेन्सन परियोजनाहरू
@ -56,7 +56,7 @@ npm run format # Prettier सँग फर्म्याट गर्नु
```bash
cd 5-browser-extension/solution
npm install
# ब्राउजर-विशेष एक्सटेन्सन लोड गर्ने निर्देशनहरू पालना गर्नुहोस्
# ब्राउजर-विशिष्ट एक्सटेन्सन लोड गर्ने निर्देशनहरू पालना गर्नुहोस्
```
### स्पेस गेम परियोजनाहरू
@ -64,10 +64,10 @@ npm install
```bash
cd 6-space-game/solution
npm install
# ब्राउजरमा index.html खोल्नुहोस् वा लाइभ सर्भर प्रयोग गर्नुहोस्
# index.html ब्राउजरमा खोल्नुहोस् वा Live Server प्रयोग गर्नुहोस्
```
### च्याट परियोजना (Python ब्याकएण्ड)
### च्याट परियोजना (Python Backend)
```bash
cd 9-chat-project/solution/backend/python
@ -80,29 +80,29 @@ python api.py
### सामग्री योगदानकर्ताहरूका लागि
1. **भगवानलाई आफ्नो GitHub खातामा फोर्क गर्नुहोस्**
2. **फोर्क लोकली क्लोन गर्नुहोस्**
3. **आफ्ना परिवर्तनहरूको लागि नयाँ ब्रान्च बनाउनुहोस्**
1. **रिपोजिटरीलाई Fork गर्नुहोस्** आफ्नो GitHub खातामा
2. **आफ्नो Fork क्लोन गर्नुहोस्** स्थानीय रूपमा
3. **आफ्नो परिवर्तनहरूका लागि नयाँ शाखा बनाउनुहोस्**
4. पाठ सामग्री वा कोड उदाहरणहरूमा परिवर्तन गर्नुहोस्
5. सम्बन्धित परियोजना निर्देशिकाहरूमा कोड परिवर्तनहरू परीक्षण गर्नुहोस्
6. योगदान दिशा-निर्देश अनुसार पुल अनुरोधहरू पठाउनुहोस्
5. सम्बन्धित परियोजना फोल्डरहरूमा कोड परिवर्तनहरू परीक्षण गर्नुहोस्
6. योगदान दिशानिर्देशहरू अनुसरण गरी pull request पेश गर्नुहोस्
### सिक्नेहरूका लागि
1. भण्डार फोर्क वा क्लोन गर्नुहोस्
2. पाठ निर्देशिकाहरू अनुसन्धान गर्दै जानुहोस्
3. प्रत्येक पाठको README फाइल पढ्नुहोस्
4. https://ff-quizzes.netlify.app/web/ मा पूर्व-पाठ क्विजहरू पूरा गर्नुहोस्
5. पाठ फोल्डरहरूमा कोड उदाहरणहरूमा काम गर्नुहोस्
6. असाइनमेन्ट र चुनौतहरू पूरा गर्नुहोस्
7. पाठपछि क्विजहरू लिनुहोस्
1. रिपोजिटरी Fork वा क्लोन गर्नुहोस्
2. पाठ फोल्डरहरू अनुक्रममा जानुहोस्
3. प्रत्येक पाठका README फाइलहरू पढ्नुहोस्
4. https://ff-quizzes.netlify.app/web/ मा पाठ अघि क्विजहरू पूरा गर्नुहोस्
5. पाठ फोल्डरहरूमा कोड उदाहरणहरू कार्यान्वयन गर्नुहोस्
6. असाइनमेन्ट र चुनौतिहरू पूरा गर्नुहोस्
7. पाठ पछि क्विजहरू लिनुहोस्
### प्रत्यक्ष विकास
- **दस्तावेजीकरण**: मूल फोल्डरमा `docsify serve` चलाउनुहोस् (पोर्ट ३०००)
- **क्विज एप**: quiz-app निर्देशिकामा `npm run dev` चलाउनुहोस्
- **परियोजनाहरू**: HTML परियोजनाहरू लागि VS Code Live Server एक्सटेन्सन प्रयोग गर्नुहोस्
- **API परियोजनाहरू**: संबंधित API निर्देशिकामा `npm start` चलाउनुहोस्
- **डकुमेन्टेशन**:रुटमा `docsify serve` चलाउनुहोस् (पोर्ट ३०००)
- **क्विज एप**: `quiz-app` फोल्डरमा `npm run dev` चलाउनुहोस्
- **परियोजनाहरू**: HTML परियोजनाहरूका लागि VS Code Live Server एक्सटेन्सन प्रयोग गर्नुहोस्
- **API परियोजनाहरू**: सम्बन्धित API फोल्डरहरूमा `npm start` चलाउनुहोस्
## परीक्षण निर्देशनहरू
@ -111,7 +111,7 @@ python api.py
```bash
cd quiz-app
npm run lint # कोड शैली समस्याहरू जाँच गर्नुहोस्
npm run build # सुनिश्चित गर्नुहोस् कि बिल्ड सफल हुन्छ
npm run build # बिल्ड सफल हुन्छ भन्ने पक्का गर्नुहोस्
```
### बैंक API परीक्षण
@ -119,160 +119,160 @@ npm run build # सुनिश्चित गर्नुहोस् क
```bash
cd 7-bank-project/api
npm run lint # कोड शैलीका समस्याहरू जाँच गर्नुहोस्
node server.js # सर्भर त्रुटी बिना सुरु हुन्छ कि भनी प्रमाणित गर्नुहोस्
node server.js # सर्भर त्रुटिहरू बिना सुरु हुन्छ कि छैन जाँच गर्नुहोस्
```
### सामान्य परीक्षण दृष्टिकोण
- यो शैक्षिक भण्डार हो जसमा व्यापक स्वचालित परीक्षणहरू छैनन्
- यो शैक्षिक रिपोजिटरी हो, यसमा पूर्ण स्वचालित परीक्षणहरू छैनन्
- म्यानुअल परीक्षण मुख्य रूपमा:
- कोड उदाहरणहरू बिना त्रुटि चल्ने
- दस्तावेजीकरणका लिंकहरू काम गर्ने
- डकुमेन्टेशनमा लिंकहरू सही काम गर्ने
- परियोजना सफलतापूर्वक बिल्ड हुने
- उदाहरणहरू राम्रा अभ्यासहरू अनुसार हुने
- उदाहरणहरू उत्कृष्ट अभ्यासहरू अनुसरण गर्ने
### पूर्व-पेशगी जाँचहरू
### पठाउने अघि जाँचहरू
- जसमा package.json छ त्यस निर्देशिकामा `npm run lint` चलाउनुहोस्
- मार्कडाउन लिंकहरू मान्य छन् भनेर जाँच गर्नुहोस्
- पस_PACKAGE.JSON भएका फोल्डरहरूमा `npm run lint` चलाउनुहोस्
- मार्कडाउन लिंकहरू मान्य छन् कि छैनन् जाँच्नुहोस्
- ब्राउजर वा Node.js मा कोड उदाहरणहरू परीक्षण गर्नुहोस्
- अनुवादहरू संरचना कायम राख्ने हो कि होइन जाँच गर्नुहोस्
- अनुवादहरूले उचित संरचना कायम राखेका छन् कि छैनन् जाँच गर्नुहोस्
## कोड शैली निर्देशहरू
## कोड शैली दिशानिर्देशहरू
### JavaScript
- आधुनिक ES6+ सिन्ट्याक्स प्रयोग गर्नुहोस्
- परियोजनामा दिइएको मानक ESLint कन्फिगरेसन अनुसार चल्नुहोस्
- शैक्षिक स्पष्टताका लागि अर्थपूर्ण भेरिएबल र फङ्क्शन नामहरू प्रयोग गर्नुहोस्
- सिक्नेहरूका लागि अवधारणाहरू व्याख्या गर्ने टिप्पणीहरू थप्नुहोस्
- जहाँ कन्फिगर गरिएको हो त्यहाँ Prettier द्वारा फर्म्याट गर्नुहोस्
- परियोजनाहरूमा दिइएको मानक ESLint सेटिङहरू अनुसरण गर्नुहोस्
- शिक्षार्थीहरूको स्पष्टताका लागि अर्थपूर्ण भेरिएबल र फक्शन नामहरू प्रयोग गर्नुहोस्
- सिकाउनका लागि अवधारणाहरू व्याख्या गर्ने टिप्पणीहरू थप्नुहोस्
- जहाँ सेट गरिएको छ त्यहाँ Prettier द्वारा फर्म्याटिङ गर्नुहोस्
### HTML/CSS
- सांकेतिक HTML5 तत्वहरू
- अनुक्रियाशील डिजाइन सिद्धान्तहरू
- स्पष्ट क्लास नामकरण कन्वेन्सनहरू
- CSS प्रविधिहरू व्याख्यात्मक टिप्पणीहरू
- सेमेन्टिक HTML5 तत्त्वहरू प्रयोग गर्नुहोस्
- उत्तरदायी डिजाइन सिद्धान्तहरू अवलम्बन गर्नुहोस्
- स्पष्ट वर्ग नामकरण प्रणालीहरू
- CSS प्रविधिहरू व्याख्या गर्ने टिप्पणीहरू
### Python
- PEP 8 शैली निर्देशहरू
- PEP 8 शैली दिशानिर्देशहरू पालना गर्नुहोस्
- स्पष्ट, शैक्षिक कोड उदाहरणहरू
- सिकाइको लागि जहाँ उपयोगी हो टाइप हिंटहरू
- सिकाइमा मद्दत पुर्‍याउने थाइप संकेतहरू जहाँ उपयोगी हुन्छन्
### मार्कडाउन दस्तावेजीकरण
### Markdown डकुमेन्टेशन
- स्पष्ट शीर्षक पदानुक्रम
- भाषा निर्दिष्ट गरेर कोड ब्लकहरू
- अतिरिक्त स्रोतहरूमा लिंकहरू
- `images/` निर्देशिकामा स्क्रिनसट र तस्बिरहरू
- पहुँचयोग्यताको लागि तस्बिरहरूमा Alt टेक्स्ट
- स्पष्ट शीर्षक नुक्रम
- भाषा निर्दिष्ट गरिएको कोड ब्लकहरू
- थप स्रोत सामग्रीका लागि लिंकहरू
- `images/` फोल्डरहरूमा स्क्रिनशट र चित्रहरू
- पहुँचको लागि छविहरूमा Alt पाठ
### फाइल संगठन
- पाठहरू लगातार नम्बर गरिएको (1-getting-started-lessons, 2-js-basics, आदि)
- प्रत्येक परियोजनामा `solution/` र प्रायः `start/` वा `your-work/` निर्देशिकाहरू हुन्छन्
- पाठ-विशिष्ट `images/` फोल्डरहरूमा तस्बिरहरू संग्रहित
- पाठहरू क्रमिक रूपमा नम्बर गरिएको (1-getting-started-lessons, 2-js-basics आदि)
- प्रत्येक परियोजनामा `solution/` र प्रायः `start/` वा `your-work/` फोल्डरहरू
- पाठ विशिष्ट `images/` फोल्डरहरूमा छविहरू संग्रहित
- अनुवादहरू `translations/{language-code}/` संरचनामा
## निर्माण र परिनियोजन
## निर्माण र तैनाथी
### क्विज एप परिनियोजन (Azure Static Web Apps)
### क्विज एप तैनाथी (Azure Static Web Apps)
क्विज एप Azure Static Web Apps परिनियोजनका लागि कन्फिगर गरिएको छ:
क्विज एप Azure Static Web Apps मा तैनाथीका लागि कन्फिगर गरिएको छ:
```bash
cd quiz-app
npm run build # dist/ फोल्डर सिर्जना गर्दछ
# main मा पुश गर्दा GitHub Actions workflow मार्फत डिप्लोय गर्दछ
# मुख्यमा पुश हुँदा GitHub Actions वर्कफ्लो मार्फत परिनियोजन गर्दछ
```
Azure Static Web Apps कन्फिगरेसन:
- **एप स्थान**: `/quiz-app`
- **आउटपुट स्थान**: `dist`
- **वर्कफ्लो**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
- **कार्यप्रवाह**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### दस्तावेजी PDF उत्पादन
### डकुमेन्टेशन PDF निर्माण
```bash
npm install # docsify-to-pdf स्थापना गर्नुहोस्
npm run convert # docs बाट PDF निर्माण गर्नुहोस्
npm run convert # डकहरूबाट PDF निर्माण गर्नुहोस्
```
### Docsify दस्तावेजीकरण
### Docsify डकुमेन्टेशन
```bash
npm install -g docsify-cli # Docsify लाई विश्वव्यापी रूपमा इन्स्टल गर्नुहोस्
docsify serve # localhost:3000 मा सेवा गर्नुहोस्
npm install -g docsify-cli # Docsify लाई ग्लोबली इन्स्टल गर्नुहोस्
docsify serve # localhost:3000 मा सेवा दिनुहोस्
```
### परियोजना-विशिष्ट निर्माणहरू
### परियोजना-विशिष्ट निर्माण
हरेक परियोजनाले सायद आफ्नो निर्माण प्रक्रिया हुन सक्छ:
- Vue परियोजनाहरू: `npm run build` ले उत्पादन बन्डलहरू बनाउँ
- स्थिर परियोजनाहरू: कुनै निर्माण चरण हुँदैन, फाइलहरू सिधै सेवा गरिन्छ
प्रत्येक परियोजना फोल्डरले आफ्नै निर्माण प्रक्रिया राख्न सक्छ:
- Vue परियोजनाहरू: `npm run build` ले उत्पादन बन्डलहरू सिर्जना गर्
- स्थिर परियोजनाहरू: कुनै निर्माण चरण छैन, फाइलहरू सिधै सेवा गर्नुहोस्
## पुल अनुरोध निर्देशहरू
## पुल अनुरोध दिशानिर्देशहरू
### शीर्षक ढाँचा
परिवर्तनको क्षेत्र वर्णन गर्ने स्पष्ट, वर्णनात्मक शीर्षकहरू प्रयोग गर्नुहोस्:
परिवर्तन क्षेत्र स्पष्ट गर्ने शीर्षक प्रयोग गर्नुहोस्:
- `[Quiz-app] पाठ X को लागि नयाँ क्विज थप्नुहोस्`
- `[Lesson-3] टेरारियम परियोजनामा टाइपो फिक्स गर्नुहोस्`
- `[Translation] पाठ का लागि स्पेनिश अनुवाद थप्नुहोस्`
- `[Docs] सेटअप निर्देशनहरू अपडेट गर्नुहोस्`
- `[Lesson-3] टेरारियम परियोजनामा टाइपो सच्याउनुहोस्`
- `[Translation] पाठ 5 का लागि स्पेनिश अनुवाद थप्नुहोस्`
- `[Docs] सेटअप निर्देशनहरू अद्यावधिक गर्नुहोस्`
### आवश्यक जाँचहरू
PR पठाउनु अघि:
PR पेश गर्नु अघि:
1. **कोड गुणस्तर**:
- प्रभावित परियोजना निर्देशिकामा `npm run lint` चलाउनुहोस्
- सबै लिंटिंग त्रुटि र चेतावनीहरू फिक्स गर्नुहोस्
- प्रभावित परियोजना फोल्डरहरूमा `npm run lint` चलाउनुहोस्
- सबै लिङ्टिंग त्रुटि र चेतावनीहरू सच्याउनुहोस्
2. **निर्माण प्रमाणीकरण**:
- जहाँ लागू हुन्छ `npm run build` चलाउनुहोस्
- लागू भएमा `npm run build` चलाउनुहोस्
- कुनै निर्माण त्रुटि नभएको सुनिश्चित गर्नुहोस्
3. **लिंक मान्यता**:
3. **लिङ्क जाँच**:
- सबै मार्कडाउन लिंकहरू परीक्षण गर्नुहोस्
- तस्बिर सन्दर्भहरू काम गर्छन् भनि पुष्टि गर्नुहोस्
- छवि सन्दर्भहरू काम गर्ने सुनिश्चित गर्नुहोस्
4. **सामग्री समीक्षा**:
- वर्तनी र व्याकरणका लागि प्रमाणापन गर्नुहोस्
- कोड उदाहरणहरू सही र शैक्षिक छन् भनि सुनिश्चित गर्नुहोस्
- अनुवादहरू मूल अर्थ कायम राख्छन् भनि सुनिश्चित गर्नुहोस्
- वर्तनी र व्याकरणको प्रूफ रिडिंग गर्नुहोस्
- कोड उदाहरणहरू सही र शैक्षिक छन् कि छैनन् सुनिश्चित गर्नुहोस्
- अनुवादहरूले मूल अर्थ कायम राखेका छन् कि छैनन् जाँच गर्नुहोस्
### योगदान आवश्यकताहरू
- Microsoft CLA मा सहमति जनाउनुहोस् (पहिलो PR मा स्वचालित जाँच)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) पालना गर्नुहोस्
- विस्तृत निर्देशनहरूको लागि [CONTRIBUTING.md](./CONTRIBUTING.md) हेर्नुहोस्
- लागू भएमा PR वर्णनमा मुद्दा नम्बरहरू उल्लेख गर्नुहोस्
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) अनुसरण गर्नुहोस्
- विस्तृत दिशानिर्देशहरूका लागि [CONTRIBUTING.md](./CONTRIBUTING.md) हेर्नुहोस्
- आवश्यकता अनुसार PR विवरणमा इश्यू नम्बर उल्लेख गर्नुहोस्
### समीक्षा प्रक्रिया
- PR समीक्षा संरक्षकहरू र समुदायद्वारा गरिन्छ
- शैक्षिक स्पष्टतालाई प्राथमिकता दिइन्
- PR हरू मर्मतकर्ता र समुदायले समीक्षा गर्नेछन्
- शैक्षिक स्पष्टता प्राथमिकता दिइने
- कोड उदाहरणहरूले वर्तमान उत्कृष्ट अभ्यासहरू अनुसरण गर्नुपर्छ
- अनुवादहरू सटीकता र सांस्कृतिक उपयुक्तता अनुसार समीक्षा गरिन्
- अनुवादहरू सटीकता र सांस्कृतिक उपयुक्तताका लागि समीक्षा गरिने
## अनुवाद प्रणाली
### स्वचालित अनुवाद
- GitHub Actions र co-op-translator वर्कफ्लो प्रयोग गर्दछ
- ५०+ भाषाहरूमा स्वतः अनुवाद गर्
- मुख्य निर्देशिकाहरूमा स्रोत फाइलहरू
- अनुवादित फाइलहरू `translations/{language-code}/` निर्देशिकामा राखिएको
- GitHub Actions सँग co-op-translator कार्यप्रवाह प्रयोग गर्दछ
- ५०+ भाषामा स्वचालित रूपमा अनुवाद गर्द
- मुख्य फोल्डरहरूमा स्रोत फाइलहरू
- अनुवादित फाइलहरू `translations/{language-code}/` फोल्डरमा
### म्यानुअल अनुवाद सुधारहरू थप्ने
### म्यानुअल अनुवाद सुधारहरू थप्ने तरिका
1. `translations/{language-code}/` मा फाइल खोज्नुहोस्
2. संरचना जोगाउँदै सुधारहरू गर्नुहोस्
3. कोड उदाहरणहरू कार्यशील अवस्थामा राख्नुहोस्
4. स्थानीयकृत क्विज सामग्री परीक्षण गर्नुहोस्
2. संरचना कायम राख्दै सुधार गर्नुहोस्
3. कोड उदाहरणहरू कार्यशील छन् कि छैनन् सुनिश्चित गर्नुहोस्
4. कुनै स्थानीयकृत क्विज सामग्री भए परीक्षण गर्नुहोस्
### अनुवाद मेटाडाटा
@ -294,115 +294,115 @@ CO_OP_TRANSLATOR_METADATA:
### सामान्य समस्याहरू
**क्विज एप सुरु हुँदैन**:
- Node.js संस्करण जाँच गर्नुहोस् (v14+ सिफारिस)
- `node_modules``package-lock.json` हटाएर `npm install` पुन: चलाउनुहोस्
- पोर्ट द्वन्द्व जाँच गर्नुहोस् (पूर्वनिर्धारित: Vite पोर्ट 5173 प्रयोग गर्छ)
- Node.js संस्करण जाँच्नुहोस् (v14+ सिफारिस गरिएको)
- `node_modules``package-lock.json` मेटेर फेरि `npm install` चलाउनुहोस्
- पोर्ट द्वन्द्व जाँच्नुहोस् (पूर्वनिर्धारित: Vite पोर्ट 5173)
**API सर्भर सुरु हुँदैन**:
- Node.js संस्करण न्यूनतम (node >=10) पूरा गर्दछ भनि सुनिश्चित गर्नुहोस्
- पोर्ट पहिले नै प्रयोगमा छ कि छैन जाँच गर्नुहोस्
- सबै निर्भरताहरू `npm install` द्वारा स्थापना भइसकेको हुनुपर्छ
- Node.js संस्करण कम्तिमा node >=10 छ कि छैन जाँच्नुहोस्
- पोर्ट पहिल्यै प्रयोगमा छ कि छैन देख्नुहोस्
- सबै निर्भरताहरू `npm install` बाट इन्स्टल गरिएको सुनिश्चित गर्नुहोस्
**ब्राउजर एक्सटेन्सन लोड हुँदैन**:
- manifest.json ठिकसँग फर्म्याट गरिएको छ कि छैन जाँच गर्नुहोस्
- ब्राउजर कन्सोलमा त्रुटिहरू हेर्नुहोस्
- ब्राउजर-विशिष्ट एक्सटेन्सन स्थापना निर्देशनहरू पालना गर्नुहोस्
- manifest.json सही ढंगले तयार छ कि छैन जाँच गर्नुहोस्
- ब्राउजर कन्सोलमा त्रुटि हेर्नुहोस्
- ब्राउजर विशेष एक्सटेन्सन स्थापना निर्देशनहरू पालना गर्नुहोस्
**Python च्याट परियोजना समस्याहरू**:
- OpenAI प्याकेज स्थापना गरिएको छ: `pip install openai`
- GITHUB_TOKEN वातावरण चर सेट गरिएको छ
- GitHub मोडेल पहुँच अनुमति जाँच गर्नुहोस्
**Python च्याट परियोजनामा समस्या**:
- OpenAI प्याकेज इन्स्टल गरिएको छ: `pip install openai`
- GITHUB_TOKEN वातावरण चर सेट गरिएको छ कि छैन जाँच्नुहोस्
- GitHub Models पहुँच अनुमतिहरू ठीक छन् कि हेर्नुहोस्
**Docsify दस्तावेज सेवा हुँदैन**:
- docsify-cli ग्लोबली स्थापना गर्नुहोस्: `npm install -g docsify-cli`
- भण्डार मूल निर्देशिकाबाट चलाउनुहोस्
- `docs/_sidebar.md`वस्थित छ कि छैन जाँच गर्नुहोस्
**Docsify डकुमेन्टेशन सेवा दिदैन**:
- docsify-cli ग्लोबली इन्स्टल गर्नुहोस्: `npm install -g docsify-cli`
- रिपोजिटरीको रुटबाट चलाउनुहोस्
- `docs/_sidebar.md`स्तित्वमा छ कि छैन जाँच्नुहोस्
### विकास वातावरण सुझावहरू
### विकास वातावरणका सुझावहरू
- HTML परियोजनाहरूका लागि VS Code Live Server एक्सटेन्सन प्रयोग गर्नुहोस्
- ESLint र Prettier एक्सटेन्सनहरू स्थापना गरेर एकरूप फर्म्याटिंग सुनिश्चित गर्नुहोस्
- JavaScript डिबगिङका लागि ब्राउजर DevTools प्रयोग गर्नुहोस्
- Vue परियोजनाहरूका लागि Vue DevTools ब्राउजर एक्सटेन्सन स्थापना गर्नुहोस्
- स्थिर फर्म्याटिङका लागि ESLint र Prettier एक्सटेन्सनहरू इन्स्टल गर्नुहोस्
- JavaScript डिबगिङका लागि ब्राउजरका DevTools प्रयोग गर्नुहोस्
- Vue परियोजनाहरूका लागि Vue DevTools ब्राउजर एक्सटेन्सन इन्स्टल गर्नुहोस्
### प्रदर्शन विचारहरू
### प्रदर्शन सम्बन्धी विचारहरू
- ठूलो संख्यामा अनुवादित फाइलहरू (५०+ भाषाहरू) हुँदा पूर्ण क्लोनहरू ठूला हुन्छन्
- धेरै अनुवादित फाइलहरू (५०+ भाषा) को कारण पूर्ण क्लोन ठूलो हुन्छ
- केवल सामग्रीमा काम गर्दा shallow clone प्रयोग गर्नुहोस्: `git clone --depth 1`
- अंग्रेजी सामग्रीमा काम गर्दा अनुवादहरू खोजीबाट बाहिर राख्नुहोस्
- पहिलो पटक रन गर्दा निर्माण प्रक्रिया सुस्त हुन सक्छ (npm install, Vite build)
- अंग्रेजी सामग्रीमा काम गर्दा अनुवादहरू खोजबाट अलग गर्नुहोस्
- पहिलो रनमा निर्माण प्रक्रिया ढिलो हुन सक्छ (npm install, Vite build)
## सुरक्षा विचारहरू
## सुरक्षा सम्बन्धी विचारहरू
### वातावरण चरहरू
- API कुञ्जीहरू कहिल्यै भण्डारमा कमिट नगर्नुहोस्
- API कुञ्जीहरू रिपोजिटरीमा कहिल्यै कमिट गर्नु हुँदैन
- `.env` फाइलहरू प्रयोग गर्नुहोस् (पहिले नै `.gitignore` मा छन्)
- परियोजनाका README हरूमा आवश्यक वातावरण चरहरू दस्तावेज गर्नुहोस्
- परियोजना README मा आवश्यक वातावरण चरहरू उल्लेख गर्नुहोस्
### Python परियोजनाहरू
- भर्चुअल वातावरणहरू प्रयोग गर्नुहोस्: `python -m venv venv`
- निर्भरताहरू अपडेट राख्नुहोस्
- GitHub टोकनहरू न्यूनतम आवश्यक अनुमति राख्नुहोस्
- निर्भरता अपडेट राख्नुहोस्
- GitHub टोकनहरू न्यूनतम आवश्यक अनुमति मात्र राख्नुपर्छ
### GitHub मोडेल पहुँच
### GitHub Models पहुँच
- GitHub मोडेलहरूका लागि व्यक्तिगत पहुँच टोकनहरू (PAT) आवश्यक हुन्छन्
- टोकनहरू वातावरण चरको रूपमा भण्डारण गर्नुहोस्
- GitHub Models का लागि Personal Access Tokens (PAT) आवश्यक
- टोकनहरू वातावरण चरको रूपमा राख्नुहोस्
- टोकन वा प्रमाणपत्र कहिल्यै कमिट नगर्नुहोस्
## अतिरिक्त नोटहरू
## थप नोटहरू
### लक्षित दर्शक
- वेब विकासका लागि पूर्ण शुरुआतीहरू
- विद्यार्थी र स्व-सिक्नेहरू
- कक्षाकोठामा पाठ्यक्रम प्रयोग गर्ने शिक्षकहरू
- समावेशी र चरणबद्ध सीप विकासका लागि डिजाइन गरिएको सामग्री
- वेब विकासका नयाँ सुरूवातकर्ताहरू
- विद्यार्थी र स्वतः सिक्नेहरू
- कक्षाहरूमा यो पाठ्यक्रम प्रयोग गर्ने शिक्षकहरू
- सामग्री पहुँचयोग्य र क्रमबद्ध सीप विकासका लागि डिजाइन गरिएको
### शैक्षिक दर्शन
- परियोजना-आधारित सिकाइ दृष्टिकोण
- बारम्बार ज्ञान जाँच (क्विजहरू)
- अभ्यासात्मक कोडिङ अभ्यासहरू
- वास्तविक-विश्व अनुप्रयोग उदाहरणहरू
- फ्रेमवर्कहरू अगाडि आधारहरूमा ध्यान केन्द्रित
- परियोजना आधारित सिकाइ पद्धति
- बारम्बार ज्ञान परीक्षण (क्विज)
- हात-बाट कोडिङ अभ्यासहरू
- वास्तविक कार्यान्वयन उदाहरणहरू
- फ्रेमवर्क अघि आधारभूतमा केन्द्रित
### भण्डार मर्मतसम्भार
### रिपोजिटरी मर्मत
- सिक्नेहरू र योगदानकर्ताहरूको सक्रिय समुदाय
- निर्भरता र सामग्रीमा नियमित अपडेटहरू
- मुद्दाहरू र छलफलहरू संरक्षकहरूले अनुगमन गर्छन्
- अनुवाद अपडेटहरू GitHub Actions द्वारा स्वचालित
- सिक्ने र योगदान गर्ने सक्रिय समुदाय
- निर्भरता र सामग्री नियमित अपडेट
- मर्मतकर्ताद्वारा समस्याहरू र छलफलहरू अनुगमन
- GitHub Actions मार्फत अनुवाद अपडेट स्वचालित
### सम्बन्धित स्रोतहरू
- [Microsoft Learn मोड्युल](https://docs.microsoft.com/learn/)
- [विद्यार्थी हब स्रोतहरू](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) सिक्नेहरूका लागि सिफारिस
- अतिरिक्त कोर्सहरू: जेनेरेटिभ AI, डेटा साइन्स, ML, IoT पाठ्यक्रमहरू उपलब्ध
- [Microsoft Learn मोड्युलहरू](https://docs.microsoft.com/learn/)
- [Student Hub स्रोतहरू](https://docs.microsoft.com/learn/student-hub/)
- सिक्नेहरूका लागि सिफारिस: [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
- थप पाठ्यक्रमहरू: जनरेटिभ AI, डेटा विज्ञान, ML, IoT पाठ्यक्रमहरू उपलब्ध
### विशेष परियोजनाहरूमा काम गर्ने
### विशेष परियोजनाहरूमा काम गर्ने तरिका
िशिष्ट परियोजनाहरूका लागि विस्तृत निर्देशनहरू हेर्नुहोस्:
- `quiz-app/README.md` - Vue 3 क्विज एप्लिके
- `7-bank-project/README.md` - प्रमाणीकरण सहितको बैंकिङ एप्लिकेस
्यक्तिगतरूपमा परियोजनाहरूको विस्तृत निर्देशनका लागि निम्न फोल्डरहरूमा README हेर्नुहोस्:
- `quiz-app/README.md` - Vue 3 क्विज एप्लिके
- `7-bank-project/README.md` - प्रमाणीकरण सहित बैंकिङ एप्लिकेश
- `5-browser-extension/README.md` - ब्राउजर एक्सटेन्सन विकास
- `6-space-game/README.md` - क्यानभास-आधारित खेल विकास
- `9-chat-project/README.md` - AI च्याट सहायक परियोजना
- `6-space-game/README.md` - क्यानभास आधारित खेल विकास
- `9-chat-project/README.md` - AI च्याट सहयोगी परियोजना
### मोनोरेपो संरचना
### मोनोरिपोजिटरी संरचना
यो परम्परागत मोनोरेपो नभए तापनि, यसमा धेरै स्वतन्त्र परियोजनाहरू छन्:
- प्रत्येक पाठ स्वयṁ-निहित
- परियोजनाहरूले निर्भरता साझा गर्दैनन्
- अन्य परियोजनाहरूलाई असर नगरी व्यक्तिगत परियोजनामा काम गर्न सकिन्छ
- पूर्ण पाठ्यक्रम अनुभवका लागि पूरै भण्डार क्लोन गर्नुहोस्
यो परम्परागत मोनोरिपोजिटरी होइन, तर यसमा धेरै स्वतन्त्र परियोजनाहरू छन्:
- प्रत्येक पाठ स्वयंपूर्ण
- परियोजनाहरू निर्भरता साझा गर्दैनन्
- व्यक्तिगत परियोजनामा काम गर्दा अरूलाई असर पर्ने छैन
- सम्पूर्ण पाठ्यक्रम अनुभवका लागि सम्पूर्ण रिपोजिटरी क्लोन गर्नुहोस्
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अस्वीकरण**:
यस कागजातलाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको हो। हामी शुद्धताका लागि प्रयास गर्छौं, तर कृपया जानकार रहनुहोस् कि स्वचालित अनुवादमा त्रुटि वा गलत जानकारी हुनसक्छ। मूल कागजात यसको स्थानीय भाषामा नै आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीका लागि व्यावसायिक मानव अनुवादको सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलत बुझाइ वा व्याख्याका लागि हामी जवाफदेही हुनेछैनौं।
**अस्वीकरण**:
यस कागजातलाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरी अनुवाद गरिएको हो। हामी शुद्धताको लागि प्रयास गरिरहेका छौं, तर कृपया बुझ्नुहोस् कि स्वचालित अनुवादमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छन्। मूल कागजात यसको स्वदेशी भाषामा नै आधिकारिक स्रोत मानिनु पर्छ। गम्भीर जानकारीको लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा दृष्टिकोण त्रुटिहरूको लागि हामी जिम्मेवार छैनौं।
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,26 +1,26 @@
# वेब विकास शुरुआतीहरूको लागि - एक पाठ्यक्रम
# वेब विकास आरम्भकर्ताहरूका लागि - एक पाठ्यक्रम
माइक्रोसफ्ट क्लाउड एड्भोकेट्सद्वारा तयार गरिएको हाम्रो १२ हप्ते व्यापक पाठ्यक्रमसँग वेब विकासका आधारभूत कुरा सिक्नुहोस्। २४ वटा पाठहरू मध्ये प्रत्येक JavaScript, CSS, र HTML लाई व्यावहारिक परियोजनाहरू जस्तै टेरारियम, ब्राउजर एक्स्टेन्सन, र स्पेस गेमहरू मार्फत गहिरोसँग बुझिन्छ। क्विजहरू, छलफलहरू, र व्यावहारिक कार्यहरूमा सहभागी हुनुहोस्। हाम्रो प्रभावकारी परियोजना-आधारित शिक्षण विधिका साथ आफ्नो सीपहरू बढाउनुहोस् र आफ्नो ज्ञानको स्थायित्व बढाउनुहोस्। आजै आफ्नो कोडिङ यात्रा सुरू गर्नुहोस्!
Microsoft Cloud Advocates द्वारा तयार गरिएको हाम्रो १२ हप्ते समग्र कोर्स संग वेब विकासका आधारहरू सिक्नुहोस्। २४ पाठहरू मध्ये प्रत्येकले JavaScript, CSS, र HTML मा हातेमालो प्रोजेक्टहरू जस्तै कि टेरारियमहरू, ब्राउजर एक्सटेन्सनहरू, र स्पेस गेमहरू मार्फत डुबकी मार्छ। क्विजहरू, छलफलहरू, र व्यावहारिक असाइन्मेन्टहरूसँग संलग्न हुनुहोस्। हाम्रो प्रभावकारी परियोजना-आधारित शिक्षाशैलीसँग तपाईंको क्षमताहरू बढाउनुहोस् र ज्ञान धारणालाई अधिकतम गर्नुहोस्। आजै आफ्नो कोडिङ यात्रा सुरु गर्नुहोस्!
Azure AI Foundry Discord समुदायमा सामेल हुनुहोस्
Azure AI Foundry Discord मा सामेल हुनुहोस् र विशेषज्ञहरू तथा अन्य विकासकर्ताहरूसँग भेटघाट गर्नुहोस्।
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
यी स्रोतहरू प्रयोग गर्न सुरू गर्नका लागि यी कदमहरू पछ्याउनुहोस्:
1. **रिपोजिटरीलाईक गर्नुहोस्**: क्लिक गर्नुहोस् [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **रिपोजिटरीलाई क्लोन गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord मा सामेल हुनुहोस् र विशेषज्ञहरू तथा अन्य विकासकर्ताहरूलाई भेट्नुहोस्**](https://discord.com/invite/ByRwuEEgH4)
यी स्रोतहरू प्रयोग गर्न सुरु गर्न यी कदमहरू पालना गर्नुहोस्:
1. **रिपोजिटरी फरक गर्नुहोस्**: क्लिक गर्नुहोस् [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **रिपोजिटरी क्लोन गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord मा सामेल हुनुहोस् र विशेषज्ञहरू तथा अन्य विकासकर्ताहरूसँग भेट्नुहोस्**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 बहुभाषिक समर्थन
### 🌐 बहुभाष समर्थन
#### GitHub Action मार्फत समर्थित (स्वचालित र सधैं अद्यावधिक)
#### GitHub Action द्वारा समर्थन (स्वचालित र सँधै अपडेट रहने)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-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) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](./README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-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) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **स्थानीय रूपमा क्लोन गर्न चाहनुहुन्छ?**
> **स्थानीय रूपमा क्लोन गर्न मन पराउनुहुन्छ?**
>
> यो रिपोजिटरीमा ५० भन्दा बढी भाषामा अनुवादहरू छन् जसले डाउनलोड साइजलाई धेरै बढाउँछ। अनुवादहरू बिना क्लोन गर्न, sparse checkout प्रयोग गर्नुहोस्:
> यो रिपोजिटरीमा ५०+ भाषा अनुवादहरू समावेश छन् जसले डाउनलोड साइजलाई निकै बढाउँछ। अनुवादहरू बिना क्लोन गर्न, sparse checkout प्रयोग गर्नुहोस्:
>
> **Bash / macOS / Linux:**
> ```bash
@ -36,43 +36,43 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> यसले तपाईंलाई सबै आवश्यक सामग्री छिटो डाउनलोडको साथ दिन्छ।
> यसले तपाईलाई कोर्स पूरा गर्न आवश्यक सबै कुरा छिटो डाउनलोड गर्ने सुविधा दिन्छ।
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**यदि तपाईं थप भाषाहरू समर्थित गर्न चाहनुहुन्छ भने ती यहाँ सूचीबद्ध छन् [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**यदि थप अनुवादहरू चाहानुहुन्छ भने, समर्थन भएका भाषाहरू यहाँ सूचीबद्ध छन्। [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _तिमी विद्यार्थी हौ?_
#### 🧑‍🎓 _के तपाईं विद्यार्थी हुनुहुन्छ?_
[**Student Hub पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) भ्रमण गर्नुहोस् जहाँ तपाईं प्रारम्भिक स्रोतहरू, विद्यार्थी प्याकहरू, र निशुल्क प्रमाणपत्र भाउचर प्राप्त गर्ने तरिका पाउनुहुनेछ। यो पृष्ठ तपाईंले बुकमार्क गर्न र महिनावारी नयाँ सामग्री आउँदा जाँच गर्न चाहिने छ
[**Student Hub पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) भ्रमण गर्नुहोस् जहाँ तपाईंलाई आरम्भकर्ताका स्रोतहरू, विद्यार्थी प्याकहरू र निशुल्क प्रमाणपत्र भौचर प्राप्त गर्ने तरिकाहरू फेला पर्नेछन्। यो पृष्ठ बुकमार्क गर्नुहोस् र हरेक महिना सामग्री परिवर्तन हुँदा समय-समयमा जाँच गर्नुहोस्
### 📣 सूचना - नयाँ GitHub Copilot Agent मोड चुनौतीहरू पूरा गर्न!
### 📣 घोषणा - नयाँ GitHub Copilot Agent मोड चुनौतीहरू पूरा गर्न!
नयाँ चुनौती थपिएको छ, प्रायः अध्यायहरूमा "GitHub Copilot Agent Challenge 🚀" खोज्नुहोस्। यो GitHub Copilot र Agent मोड प्रयोग गरी पूरा गर्न नयाँ चुनौती हो। यदि तपाईंले पहिले Agent मोड प्रयोग गर्नुभएको छैन भने, यो केवल टेक्स्ट मात्र उत्पन्न गर्न सक्दैन, फाइलहरू सिर्जना र सम्पादन गर्न, कमाण्डहरू चलाउन र धेरै गर्न सक्षम छ।
नयाँ चुनौती थपिएको छ, अधिकांश अध्यायहरूमा "GitHub Copilot Agent Challenge 🚀" खोज्नुहोस्। यो तपाईंले GitHub Copilot र Agent मोड प्रयोग गरेर पूरा गर्नु पर्ने नयाँ चुनौती हो। यदि तपाईंले पहिले Agent मोड प्रयोग गर्नुभएको छैन भने यो केवल पाठ उत्पन्न मात्र गर्दैन, यसले फाइलहरू सिर्जना र सम्पादन, कमाण्डहरू चलाउने आदि पनि गर्न सक्छ।
### 📣 सूचना - _Generative AI प्रयोग गरेर नयाँ परियोजना बनाउने_
### 📣 घोषणा - _Generative AI प्रयोग गरी नयाँ परियोजना तयार गर्ने_
नयाँ AI सहायक परियोजना हालै थपियो, जाँच गर्नुहोस् [परियोजना](./9-chat-project/README.md)
नयाँ AI सहायक परियोजना थपिएको छ, यहाँ हेर्नुहोस् [project](./9-chat-project/README.md)
### 📣 सूचना - _Generative AI को लागि नयाँ पाठ्यक्रम_ हालै जारी भयो
### 📣 घोषणा - _Generative AI को लागि नयाँ पाठ्यक्रम_ JavaScript को लागि अहिले मात्र जारी गरिएको छ
हाम्रो नयाँ Generative AI पाठ्यक्रम नछुटाउनुहोस्!
हामीले नयाँ Generative AI पाठ्यक्रम जारी गरेका छौं, यो नछुटाउनुहोस्!
सुरु गर्न [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) भ्रमण गर्नुहोस्!
![Background](../../translated_images/ne/background.148a8d43afde5730.webp)
- आधारभूतदेखि RAG सम्मका सबै विषयहरू समेटिएको पाठहरू।
- GenAI र हाम्रो सहायक एपको माध्यमले ऐतिहासिक पात्रहरू सँग अन्तरक्रिया गर्नुहोस्।
- रमाईलो र आकर्षक कथा, तपाईं समय यात्रा गर्दै हुनुहुन्छ!
- आधारभूतदेखि RAG सम्म सबै कुरा समेट्ने पाठहरू।
- GenAI र हाम्रो सहायक एपको माध्यमबाट ऐतिहासिक पात्रहरूसँग अन्तरक्रिया गर्नुहोस्।
- रमाइलो र पदार्पणात्मक कथा, तपाईं समय यात्रा गर्दै हुनुहुनेछ!
![character](../../translated_images/ne/character.5c0dd8e067ffd693.webp)
प्रत्येक पाठमा पूरा गर्नुपर्ने असाइनमेन्ट, ज्ञान जाँच, र चुनौतीहरू छन्, जस्तै:
- प्रम्प्टिङ र प्रम्प्ट ईन्जिनियरिङ
- टेक्स्ट र छवि एप निर्माण
- खोज एपहरू
प्रत्येक पाठमा एउटा असाइन्मेन्ट पूरा गर्न, ज्ञान जाँच गर्न र चुनौती समावेश छ, जसले तपाईंलाई यी विषयहरू सिक्न मार्गदर्शन गर्छ:
- प्रम्प्टिंग र प्रम्प्ट इन्जिनियरिङ
- पाठ र छवि अनुप्रयोग सिर्जना
- खोज अनुप्रयोगहरू
सुरु गर्न [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) भ्रमण गर्नुहोस्!
@ -80,129 +80,129 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
## 🌱 सुरु गर्ने तरिका
> **शिक्षकहरू**, हामीले यस पाठ्यक्रम प्रयोग गर्ने सल्लाहहरू समावेश गरेका छौं [यहाँ](for-teachers.md)। कृपया तपाईंहरूको प्रतिक्रिया [हामीलाई हाम्रो छलफल फोरममा दिनुहोस्](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **शिक्षकहरू**, हामीले यस पाठ्यक्रमलाई कसरी प्रयोग गर्ने भन्ने बारेमा [केही सुझावहरू समावेश गरेका छौं](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://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक पाठका लागि, पूर्व-लेक्चर क्विजबाट सुरु गर्नुहोस् र त्यसपछि लेक्चर सामग्री पढ्दै, विभिन्न क्रियाकलापहरू पूरा गर्दै, र पष्ट-लेक्चर क्विजबाट आफ्नो बुझाइ जाँच गर्नुहोस्।
तपाईंको सिकाइ अनुभव बढाउन, आफ्ना साथीहरू सँग परियोजनाहरुमा सँगै काम गर्न जडान हुनुहोस्! छलफलहरू हाम्रो [चर्चा फोरम](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) मा प्रोत्साहित छन् जहाँ हाम्रो मोडरेटर टोली तपाईंका प्रश्नहरूको जवाफ दिन उपलब्ध हुनेछ।
तपाईंको सिकाइ अनुभवलाई अझ राम्रो बनाउन, साथीहरू सँग मिलेर परियोजनाहरूमा काम गर्नुहोस्! छलफलहरू हाम्रो [छलफल फोरम](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) मा प्रोत्साहित गरिन्छ जहाँ हाम्रो मॉडरेटरहरूको टोली तपाईंको प्रश्नहरूको उत्तर दिन उपलब्ध हुनेछ।
आफ्नो अध्ययनलाई अझ अघि बढाउन, हामी [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) मा थप अध्ययन सामग्री अन्वेषण गर्न अत्यन्त सिफारिस गर्दछौं।
तपाईंको शिक्षालाई थप अघि बढाउन, हामी [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) बाट थप अध्ययन सामग्रीहरू अन्वेषण गर्न अत्यधिक सिफारिस गर्छौं।
### 📋 तपाईंको वातावरण सेटअप गर्ने तरिका
### 📋 तपाईंको वातावरण सेटअप गर्ने
यो पाठ्यक्रमसँग विकास वातावरण तयार छ! तपाईं सुरु गर्दा तपाईं [Codespace](https://github.com/features/codespaces/) (एक ब्राउजर-आधारित, कुनै इन्स्टल आवश्यक नभएको वातावरण) मा चलाउन सक्छौं, वा आफ्नो कम्प्युटरमा [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) जस्तै टेक्स्ट सम्पादक प्रयोग गरी स्थानीय रूपमा चलाउन सक्नुहुन्छ।
यो पाठ्यक्रमले विकास वातावरण तयार गरेको छ! सुरु गर्दा तपाईं कूरिकुलमलाई [Codespace](https://github.com/features/codespaces/) (ब्राउजरमा आधारित, कुनै इन्स्टल आवश्यक पर्ने छैन) मा चलाउन वा स्थानीय रूपमा आफ्नो कम्प्युटरमा [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) जस्ता टेक्स्ट सम्पादकको प्रयोग गरी चलाउन रोज्न सक्नुहुन्छ।
#### आफ्नो रिपोजिटरी सिर्जना गर्नुहोस्
तपाईंले आफ्नो काम सजिलै सुरक्षित गर्नका लागि, यो रिपोजिटरीको आफ्नो प्रतिलिपि सिर्जना गर्नु सिफारिस गरिन्छ। तपाईंले यो पृष्ठको माथि रहेको **Use this template** बटन थिचेर गर्न सक्नुहुन्छ। यसले तपाईंको GitHub खातामा पाठ्यक्रमको प्रतिलिपि सहित नयाँ रिपोजिटरी सिर्जना गर्नेछ।
तपाईंका काम सजिलै सुरक्षित गर्नको लागि, आफ्नै प्रतिलिपि बनाउन सिफारिस गरिन्छ। यसका लागि, पृष्ठको माथिल्लो भागमा रहेको **Use this template** बटन थिच्नुहोस्। यसले तपाईंको GitHub खातामा पाठ्यक्रमको प्रतिलिपि भएको नयाँ रिपोजिटरी सिर्जना गर्दछ।
यी कदमहरू पछ्याउनुहोस्:
1. **रिपोजिटरीलाई फोर्क गर्नुहोस्**: यो पृष्ठको माथि-दायाँ कुनामा रहेको "Fork" बटन क्लिक गर्नुहोस्।
2. **रिपोजिटरीलाई क्लोन गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
यी चरणहरू पालना गर्नुहोस्:
1. **रिपोजिटरी फरक गर्नुहोस्**: यस पृष्ठको माथिल्लो-दायाँ कुनामा रहेको "Fork" बटन क्लिक गर्नुहोस्।
2. **रिपोजिटरी क्लोन गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Codespace मा पाठ्यक्रम चलाउँदै
#### Codespace मा कूरिकुलम चलाउने
तपाईंले सिर्जना गरेको यस रिपोजिटरीको प्रतिलिपिमा, **Code** बटन क्लिक गर्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंका लागि नयाँ Codespace सिर्जना गर्नेछ।
तपाईंले सिर्जना गरेको रिपोजिटरीको प्रतिलिपिमा, **Code** बटन क्लिक गरेर **Open with Codespaces** छनौट गर्नुहोस्। यसले तपाईंको लागि नयाँ Codespace सिर्जना गर्नेछ जहाँ तपाईं काम गर्न सक्नुहुन्छ।
![Codespace](../../translated_images/ne/createcodespace.0238bbf4d7a8d955.webp)
#### आफ्नो कम्प्युटरमा स्थानीय रूपमा पाठ्यक्रम चलाउँदै
#### आफ्नो कम्प्युटरमा स्थानीय रूपमा कूरिकुलम चलाउने
यो पाठ्यक्रम स्थानीय रूपमा चलाउन तपाईंलाई टेक्स्ट सम्पादक, ब्राउजर र कमाण्ड लाइन उपकरण आवश्यक पर्छ। हाम्रो पहिलो पाठ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), तपाईंलाई यी उपकरणहरूको विभिन्न विकल्पहरू मार्फत जानकारी दिनेछ, जसले तपाईंलाई उत्तम काम गर्ने छनोट गर्न मद्दत पुर्‍याउनेछ।
कंप्युटरमा स्थानीय रूपमा यो कूरिकुलम चलाउन, तपाईंलाई टेक्स्ट सम्पादक, ब्राउजर र कमाण्ड लाइन उपकरण आवश्यक पर्छ। हाम्रो पहिलो पाठ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages),ले यी उपकरणहरु मध्ये प्रत्येकका विभिन्न विकल्पहरू प्रस्ताव गर्नेछ र तपाईंलाई सबैभन्दा उपयुक्त चयन गर्न मद्दत गर्नेछ।
हामी यसको लागि [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) पनि छ। Visual Studio Code यहाँबाट डाउनलोड गर्न सकिन्छ [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)।
1. तपाईंको रिपोजिटरीलाई आफ्नो कम्प्युटरमा क्लोन गर्नुहोस्। तपाईं **Code** बटनमा क्लिक गरी URL कपी गरेर यो गर्न सक्नुहुन्छ:
हाम्रो सिफारिस [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) पनि भित्रै छ। तपाईं Visual Studio Code यहाँबाट डाउनलोड गर्न सक्नुहुन्छ: [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)।
1. आफ्नो रिपोजिटोरीलाई तपाईंको कम्प्युटरमा क्लोन गर्नुहोस्। तपाईं यो गर्न सक्नुहुन्छ **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) खोल्नुहोस् र तलको कमाण्ड चलाउनुहोस्, जहाँ `<your-repository-url>` लाई तपाईंले भर्खर कपी गर्नुभएको URL सँग परिवर्तन गर्नुहोस्:
त्यसपछि, [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) खोल्नुहोस् र तल दिइएको कमाण्ड चलाउनुहोस्, `<your-repository-url>` लाई तपाईंले कपी गरेको URL ले प्रतिस्थापित गर्दै:
```bash
git clone <your-repository-url>
```
2. Visual Studio Code मा फोल्डर खोल्नुहोस्। तपाईं यो गर्न सक्नुहुन्छ **File** > **Open Folder** मा क्लिक गरी क्लोन गरिएको फोल्डर छानेर।
2. Visual Studio Code मा फोल्डर खोल्नुहोस्। तपाईं यसलाई **File** > **Open Folder** क्लिक गरेर र पहिले क्लोन गरेको फोल्डर छान्दै गर्न सक्नुहुन्छ।
> सिफारिस गरिएको Visual Studio Code एक्सटेन्सनहरू:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code भित्र HTML पेजहरू पूर्वावलोकन गर्न
> * [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) - तपाईंलाई छिटो कोड लेख्न मद्दत गर्न
## 📂 प्रत्येक पाठले समावेश गर्छ:
## 📂 प्रत्येक पाठ समावेश गर्छ:
- वैकल्पिक स्केचनोट
- वैकल्पिक पूरक भिडियो
- पाठ पूर्वको वार्मअप क्विज
- पूर्व-पाठ वार्मअप क्विज
- लिखित पाठ
- परियोजना आधारित पाठहरूमा, परियोजना निर्माण गर्ने चरण-द्वारा-चरण मार्गदर्शन
- ज्ञान परीक्षणहरू
- परियोजना-आधारित पाठहरूको लागि, परियोजना बनाउन चरण-द्वारा-चरण गाइडहरू
- ज्ञान जाँचहरू
- एउटा चुनौती
- पूरक पठन सामग्री
- पूरक पढाइ
- असाइनमेन्ट
- [पाठ पश्चात क्विज](https://ff-quizzes.netlify.app/web/)
- [पाठपछि क्विज](https://ff-quizzes.netlify.app/web/)
> **क्विजहरूको बारेमा एक नोट**: सबै क्विजहरू Quiz-app फोल्डरमा समावेश छन्, तीन प्रश्नहरु भएका ४८ कुल क्विजहरू। तिनीहरू [यहाँ](https://ff-quizzes.netlify.app/web/) उपलब्ध छन् र क्विज एप्लिकेशन स्थानीय रूपमा चलाउन वा Azure मा डिप्लोय गर्न सकिन्छ; `quiz-app` फोल्डरमा निर्देशनहरू अनुसरण गर्नुहोस्।
> **क्विजहरूको बारेमा एउटा नोट**: सबै क्विजहरू Quiz-app फोल्डरमा राखिएका छन्, कुल ४८ क्विजहरू तीन प्रश्नहरू सहित। तिनीहरू यहाँ उपलब्ध छन् [यहाँ](https://ff-quizzes.netlify.app/web/), क्विज एप्लिकेसन स्थानीय रूपमा चलाउन वा Azure मा परिनियोजन गर्न सकिन्छ; `quiz-app` फोल्डरमा निर्देशनहरू पालना गर्नुहोस्।
## 🗃️ पाठहरू
| | परियोजनाको नाम | सिकाइका अवधारणाहरू | सिकाइ उद्देश्यहरू | सम्बन्धित पाठ | लेखक |
| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-------------------: |
| 01 | Getting Started | प्रोग्रामिङ परिचय र उपकरणहरूको आधारभूत ज्ञान | प्रायः प्रोग्रामिङ भाषाहरूको आधार बुझ्न र व्यावसायिक विकासकर्ताहरूले प्रयोग गर्ने सफ्टवेयरबारे जानकारी लिनुहोस् | [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 कसरी प्रयोग गर्ने, र कोड आधारमा अरू सँग सहकार्य गर्ने तरिका | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | पहुँचयोग्यता | वेब पहुँचयोग्यताको आधारभूत कुराहरू सिक्नुहोस् | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | JavaScript डेटा प्रकारहरू | JavaScript डेटा प्रकारहरूको आधारभूत कुरा | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | कार्यहरू र विधिहरू | अनुप्रयोगको तर्क प्रवाह व्यवस्थापन गर्ने कार्यहरू र विधिहरूका बारेमा सिक्नुहोस् | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS Basics | JS सँग निर्णय लिनु | कोडमा निर्णय प्रक्रियाका लागि सर्तहरू कसरी सिर्जना गर्ने सिक्नुहोस् | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | एर्रेहरू र लूपहरू | JavaScript मा एर्रे र लूपहरूसँग काम गर्ने तरिका | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML व्यवहारमा | अनलाइन टेरारियम बनाउन HTML निर्माण गर्नुहोस्, लेआउट निर्माणमा ध्यान केन्द्रित गर्दै | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS व्यवहारमा | अनलाइन टेरारियमलाई CSS द्वारा स्टाइल गर्नुहोस्, पृष्ठलाई प्रतिक्रियाशील बनाउन CSS का आधार सिक्दै | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजरहरू, DOM हेरफेर | टेरारियमलाई ड्र्याग/ड्रप इन्टरफेस बनाउन JavaScript लेख्नुहोस्, क्लोजर र 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) | टाइपिङ खेल बनाउने | JavaScript एप्सको तर्क चलाउन किबोर्ड घटनाहरू कसरी प्रयोग गर्ने सिक्नुहोस् | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउजरसँग काम गर्ने | ब्राउजर कसरि काम गर्दछ, इतिहास, र ब्राउजर एक्स्टेन्सनका पहिलो तत्वहरू कसरी तयार गर्ने | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फारम बनाउने, API कल गर्ने र स्थानिय भण्डारणमा भेरिएबल राख्ने तरीका | API कल गर्न र स्थानिय भण्डारणमा राखिएका भेरिएबलहरू प्रयोग गर्न ब्राउजर एक्स्टेन्सनाका JavaScript तत्वहरू तयार पार्नुहोस् | [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 Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript सँग उन्नत खेल विकास | क्लासहरू, कम्पोजिशन, र Pub/Sub ढाँचा प्रयोग गरी इनहेरिटेन्सका बारेमा जान्नुहोस्, खेल विकासको तयारीका लागि | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | क्यानभासमा चित्र बनाउने | क्यानभास API को उपयोगबाट स्क्रिनमा तत्वहरू कसरी चित्रित गर्ने जान्नुहोस् | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रिनभरि तत्वहरू सार्ने तरिका | कर्टिशियन कोअर्डिनेट र क्यानभास API मार्फत तत्वहरूलाई गति दिन सिक्नुहोस् | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | ठोक्किने पहिचान | तत्वहरूलाई ठोक्किलगाएर एक अर्कामा प्रतिक्रिया जनाउन, किप्रेसिङ प्रयोग गरी र खेलको प्रदर्शन सुनिश्चित गर्न कोल्डडाउन फंक्सन सहित | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | स्कोर राख्ने | खेलको स्थिति र प्रदर्शनको आधारमा गणना गर्ने | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | खेल अन्त्य गर्ने र पुन: सुरु गर्ने | खेल अन्त्य र पुन: सुरु गर्ने तरिका सिक्न, स्रोतहरू सफा गर्ने र भेरिएबल मानहरू रिसेट गर्ने | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | वेब एपको HTML टेम्प्लेट र राउटहरू | मल्टिपेज वेबसाइटको आयोजना तयार गर्न राउटिङ र HTML टेम्प्लेट कसरी प्रयोग गर्ने सिक्नुहोस् | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | लगइन र दर्ता फारम बनाउने | फारम बनाउने र मान्यकरण प्रक्रिया ह्यान्डल गर्ने बारेमा सिक्नुहोस् | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | डाटा प्राप्त गर्ने र प्रयोग गर्ने तरिका | तपाईंको एपमा डाटा कसरी आउने जाने, कसरी प्राप्त गर्ने, भण्डारण गर्ने, र नष्ट गर्ने सिक्नुहोस् | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | State Management का अवधारणाहरू | तपाईंको एपले कसरी स्टेट राख्छ र यसलाई कार्यक्रमबाट कसरी व्यवस्थापन गर्ने सिक्नुहोस् | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode सँग काम गर्ने | कोड एडिटर कसरी प्रयोग गर्ने जान्नुहोस् | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI सँग काम गर्ने | आफ्नै AI सहायक कसरी निर्माण गर्ने | [AI Assistant project](./9-chat-project/README.md) | Chris |
| | परियोजनाको नाम | सिकाइ गराउने अवधारणाहरू | सिकाइका उद्देश्यहरू | लिंक गरिएको पाठ | लेखक |
| :-: | :----------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | सुरु गर्दै | प्रोग्रामिङ र उपकरणहरूको परिचय | प्रायः प्रोग्रामिङ भाषाहरूको आधारभूत ज्ञान र व्यावसायिक विकासकर्ताहरूले आफ्नो काम गर्न प्रयोग गर्ने सफ्टवेयरहरूका बारेमा सिक्नुहोस् | [प्रोग्रामिङ भाषाहरू र उपकरणहरूको परिचय](./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 डाटा प्रकारहरू | JavaScript डाटा प्रकारहरूका आधारभूत कुरा | [डाटा प्रकारहरू](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS आधारहरू | फङ्सन र मेथडहरू | अनुप्रयोगको तर्क प्रवाह व्यवस्थापन गर्न फङ्सन र मेथडहरूको बारेमा सिक्नुहोस् | [फङ्सन र मेथडहरू](./2-js-basics/2-functions-methods/README.md) | Jasmine र Christopher |
| 06 | JS आधारहरू | JS संग निर्णय लिनु | निर्णय लिन्ने विधिहरू प्रयोग गरेर आफूले कोडमा सर्तहरू कसरी सिर्जना गर्ने सिक्नुहोस् | [निर्णय लिनु](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS आधारहरू | एर्रे र लूपहरू | JavaScript मा एर्रे र लूपहरू प्रयोग गरेर डाटा संग काम गर्नुहोस् | [एर्रे र लूपहरू](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | व्यावहारिक HTML | अनलाइन टेरेरियमको लेआउट निर्माण गर्दै HTML बनाउनुहोस् | [HTML परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | व्यावहारिक CSS | अनलाइन टेरेरियमको शैली बनाउन CSS प्रयोग गर्नुहोस्, CSS को आधारहरू सहित पृष्ठलाई प्रतिक्रियाशील बनाउन | [CSS परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजर, DOM हेरफेर | टेरेरियमलाई ड्र्याग/ड्रप इन्टरफेस बनाउन JavaScript लेख्नुहोस्, क्लोजर र DOM हेरफेरमा केन्द्रित भएर | [JavaScript क्लोजर, DOM हेरफेर](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [टाइपिङ्ग खेल](./4-typing-game/solution/README.md) | एक टाइपिङ्ग खेल बनाउनुहोस् | किबोर्ड घटनाहरूको प्रयोगबाट JavaScript अनुप्रयोगको तर्क चलाउनु कसरी गर्ने सिक्नुहोस् | [घटना-चालित प्रोग्रामिङ](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) | ब्राउजरसँग काम गर्दै | ब्राउजरहरू कसरी काम गर्छन्, इतिहास, र पहिलो ब्राउजर एक्सटेन्सनको तत्वहरू तयार गर्ने विधि सिक्नुहोस् | [ब्राउजरका बारेमा](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) | फारम बनाउनु, API कल गर्नु र लोकल स्टोरेजमा भेरिएबलहरू राख्नु | API कल गर्न र लोकल स्टोरेजमा भेरिएबलहरू भण्डारण गर्न JavaScript प्रयोग गरेर ब्राउजर एक्सटेन्सनका तत्वहरू निर्माण गर्नुहोस् | [API, फारम, र लोकल स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) | ब्राउजरका पृष्ठभूमि प्रक्रियाहरू, वेब प्रदर्शन | एक्सटेन्सनको आइकन व्यवस्थापन गर्न ब्राउजरको पृष्ठभूमि प्रक्रियाहरू प्रयोग गर्नुहोस्; वेब प्रदर्शन र केही अप्टिमाइजेसनहरूको बारेमा जान्नुहोस् | [पृष्ठभूमि कार्य र प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [स्पेस खेल](./6-space-game/solution/README.md) | JavaScript संग अझ बढी उन्नत खेल विकास | क्लास र कम्पोजिशन दुवै प्रयोग गरी इनहेरिटेन्स र Pub/Sub ढाँचा सिक्नुहोस्, खेल विकासको तयारीका लागि | [उन्नत खेल विकासमा परिचय](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [स्पेस खेल](./6-space-game/solution/README.md) | क्यानभासमा चित्र बनाउने | क्यानभास API को बारेमा सिक्नुहोस्, जसले स्क्रिनमा तत्त्वहरू चित्रित गर्छ | [क्यानभासमा चित्र बनाउने](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [स्पेस खेल](./6-space-game/solution/README.md) | स्क्रिनमा तत्त्वहरू सार्नु | तत्त्वहरूलाई गति प्राप्त कसरी हुन्छ कार्टेसियन निर्देशांक र क्यानभास API प्रयोग गरेर पत्ता लगाउनुहोस् | [तत्त्वहरू सार्ने](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [स्पेस खेल](./6-space-game/solution/README.md) | ठोक्किने पहिचान | तत्त्वहरूलाई ठोक्कन र एक अर्कामा प्रतिक्रिया गर्न बनाउनुहोस्, कीप्रेस प्रयोग गरेर र खेलको प्रदर्शन सुनिश्चित गर्न कूलडाउन फङ्सन प्रदान गर्नुहोस् | [ठोक्किने पहिचान](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [स्पेस खेल](./6-space-game/solution/README.md) | स्कोर राख्न | खेलको स्थिति र प्रदर्शनमा आधारित गणितीय गणना गर्नुहोस् | [स्कोर राख्ने](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [स्पेस खेल](./6-space-game/solution/README.md) | खेल समाप्त र पुनः सुरु गर्ने | खेल समाप्त गर्ने र पुनः सुरु गर्ने बारे जान्नुहोस्, जसमा स्रोतहरू क्लीनअप र भेरिएबल मानहरू रिसेट गर्ने पनि समावेश छ | [समापन अवस्था](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [बैंकिङ एप](./7-bank-project/solution/README.md) | वेब एपमा HTML टेम्प्लेट र रुटहरू | मल्टिपेज वेबसाइटको संरचना स्क्याफोल्ड गर्न रुटिङ र HTML टेम्प्लेटहरू कसरी बनाउन सिक्नुहोस् | [HTML टेम्प्लेट र रुटहरू](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [बैंकिङ एप](./7-bank-project/solution/README.md) | लगइन र दर्ता फारम बनाउने | फारमहरू बनाउन र मान्यता प्रक्रिया कसरी सम्हाल्ने जान्नुहोस् | [फारमहरू](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [बैंकिङ एप](./7-bank-project/solution/README.md) | डाटा ल्याउने र प्रयोग गर्ने विधिहरू | तपाईंको एपमा डाटा कसरी आउँछ र जान्छ, कसरी ल्याउने, भण्डारण गर्ने र डिस्पोज गर्ने | [डाटा](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [बैंकिङ एप](./7-bank-project/solution/README.md) | राज्य व्यवस्थापन अवधारणाहरू | तपाईंको एपले कसरी राज्य राख्छ र प्रोग्रामबाट कसरी व्यवस्थापन गर्ने सिक्नुहोस् | [राज्य व्यवस्थापन](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [ब्राउजर / VScode कोड](../../8-code-editor) | VScode सँग काम गर्दै | कोड सम्पादक प्रयोग गर्न सिक्नुहोस्| [VScode कोड सम्पादक प्रयोग गर्नुहोस्](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI सहायकहरू](./9-chat-project/README.md) | AI सँग काम गर्दै | आफ्नो AI सहायक बनाउने तरिका सिक्नुहोस् | [AI सहायक परियोजना](./9-chat-project/README.md) | Chris |
## 🏫 शिक्षाशास्त्र
हाम्रो पाठ्यक्रम दुई प्रमुख शिक्षाशास्त्रीय सिद्धान्तहरूसँग डिजाइन गरिएको छ:
* परियोजना आधारित सिकाइ
हाम्रो पाठ्यक्रम दुई मुख्य शिक्षाशास्त्रीय सिद्धान्तहरूका साथ डिजाइन गरिएको छ:
* परियोजना-आधारित सिकाइ
* बारम्बार क्विजहरू
कार्यक्रमले JavaScript, HTML, CSS का आधारभूत कुरा र आजको वेब विकासकर्ताहरूले प्रयोग गर्ने आधुनिक उपकरण र प्रविधिहरू सिकाउँछ। विद्यार्थीहरूले टाइपिङ खेल, भर्चुअल टेरारियम, पर्यावरणमैत्री ब्राउजर एक्स्टेन्सन, अन्तरिक्ष आक्रमण खेल, र व्यवसायका लागि बैंकिङ एप निर्माण गरेर व्यावहारिक अनुभव प्राप्त गर्ने मौका पाउनेछन्। पाठ्यक्रमको अन्त्यसम्म विद्यार्थीहरूले वेब विकासको राम्रो बुझाइ हासिल गर्नेछन्।
यो कार्यक्रम JavaScript, HTML, र CSS का आधारभूत कुरा सिकाउँछ, साथै आजका वेब विकासकर्ताहरूले प्रयोग गर्ने नयाँतम उपकरण र प्रविधिहरू पनि सिकाउँछ। विद्यार्थीहरूले टाइपिङ्ग खेल, भर्चुअल टेरेरियम, इको-मैत्री ब्राउजर एक्सटेन्सन, स्पेस-इन्वाडर शैली खेल, र बैंकिङ एप व्यवसायहरूका लागि निर्माण गरेर व्यवहारिक अनुभव प्राप्त गर्ने मौका पाउँछन्। श्रृंखलाको अन्त्यसम्म विद्यार्थीहरूले वेब विकासको दृढ बुझाइ हासिल गर्नेछन्।
> 🎓 तपाईंले यस पाठ्यक्रमका पहिला केही पाठहरू Microsoft Learn मा [Learning Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) को रूपमा लिन सक्नुहुन्छ!
> 🎓 तपाईं यस पाठ्यक्रमका पहिलो केही पाठहरूलाई 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)" भिडियो ट्युटोरियलहरूको संग्रहबाट भिडियो समावेश गरिएको छ, जसका केही लेखकहरूले यो पाठ्यक्रमको निर्माणमा योगदान दिएका छन्।
सामग्री परियोजनाहरू संग मेल खाने गरी सुनिश्चित गरिएर, प्रक्रिया विद्यार्थीहरूका लागि थप आकर्षक बनेको छ र अवधारणाहरूको सम्प्रेषण बढ्छ। हामीले धेरै सुरुवाती पाठहरू JavaScript आधारभूतहरूमा पनि लेखेका छौं अवधारणाहरू परिचय गराउनका लागि, "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" भिडियो ट्युटोरियलहरूको संग्रहबाट भिडियोसँग मिलाएर, जसका केही लेखकहरूले यो पाठ्यक्रममा योगदान दिएका छन्।
थप रूपमा, कक्षाको पहिले सानो क्विज विद्यार्थीलाई विषय सिक्ने मानसिकतामा तयार पार्छ भने कक्षा पछि अर्को क्विजले अवधारणालाई मजबुत बनाउँछ। यो पाठ्यक्रम लचिलो र रमाइलो हुने गरी डिजाइन गरिएको छ र पूर्ण वा अंशमा लिन सकिन्छ। परियोजनाहरू सानोबाट सुरु भएर १२ हप्ताको समापनमा थप जटिल बन्दै जान्छन्।
थप रूपमा, एउटा कक्षा अगाडि गुमाएर सिकाईको उद्देश्य सेट गर्ने कम-जोखिम क्विज र कक्षा पछि अर्को क्विजले थप अवधारणाहरू सम्बन्धी सम्झनशीलता सुनिश्चित गर्दछ। यो पाठ्यक्रम लचिलो र रमाइलो हुने गरी डिजाइन गरिएको छ र पूर्ण वा अंशमा लिन सकिन्छ। परियोजनाहरू सानोतिनोतर्फ सुरु भएर १२ हप्ते चक्रको अन्त्यसम्म क्रमशः जटिल बन्दै जान्छन्।
हामीले जानबुझेर JavaScript फ्रेमवर्कहरू परिचय गराउन छाडेका छौं ताकि वेब विकासकर्ताको रूपमा आवश्यक आधारभूत सीपहरूमा केन्द्रित रहन सकियोस्, तर यस पाठ्यक्रम पूरा गरेपछि अर्को राम्रो कदम Node.js सिक्नु हुनेछ, जुन अर्को भिडियो संग्रह "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" बाट प्राप्त गर्न सकिन्छ।
हामीले जानाजानी JavaScript फ्रेमवर्कहरू परिचय नगरि वेब विकासकर्ताका रूपमा चाहिने आधारभूत कौशलहरूमा ध्यान केन्द्रित गर्न चाहेका छौं, फ्रेमवर्क अपनाउनु अघि, यस पाठ्यक्रम पूरा गर्ने अर्को राम्रो चरण 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) दिशानिर्देशनहरू अवलोकन गर्नुहोस्। हामी तपाईंको रचनात्मक प्रतिक्रिया स्वागत गर्दछौं!
> हाम्रो [आचार संहिता](CODE_OF_CONDUCT.md) र [योगदान गर्ने](CONTRIBUTING.md) दिशानिर्देशहरू भ्रमण गर्नुहोस्। हामी तपाईंका रचनात्मक सुझावहरूलाई स्वागत गर्दछौं!
## 🧭 अफलाइन पहुँच
तपाईं [Docsify](https://docsify.js.org/#/) प्रयोग गरेर यो दस्तावेज अफलाइन चलाउन सक्नुहुन्छ। यो रिपो फोर्क गरी आफ्नो स्थानीय मेसिनमा [Docsify स्थापना](https://docsify.js.org/#/quickstart) गर्नुहोस्, अनि यस रिपोको रुट फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेब साइट पोर्ट ३००० मा चल्नेछ: `localhost:3000`
तपाईं [Docsify](https://docsify.js.org/#/) प्रयोग गरी यो दस्तावेजीकरण अफलाइनमा चलाउन सक्नुहुन्छ। यस रेपो लाइ फोर्क गर्नुहोस्, स्थानिय मेसिनमा [Docsify स्थापना](https://docsify.js.org/#/quickstart) गर्नुहोस्, र त्यसपछि यस रेपोको रुट फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेबसाइट पोर्ट ३००० मा तपाईंको लोकलहोस्टमा सेवा हुनेछ: `localhost:3000`
## 📘 PDF
सबै पाठहरूको PDF यहाँ पाउन सकिन्छ [यहाँ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)।
सबै पाठहरूको PDF [यहाँ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) फेला पार्न सकिन्छ।
## 🎒 अन्य पाठ्यक्रमहरू
हाम्रो टोलीले अन्य पाठ्यक्रमहरू उत्पादन गर्दछ! हेर्नुहोस्:
हाम्रो टोलीले अन्य पाठ्यक्रमहरू पनि उत्पादन गर्छ! जाँच गर्नुहोस्:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -211,7 +211,7 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agents
### Azure / Edge / MCP / एजेन्टहरू
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
@ -227,7 +227,7 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
---
### मूल सिकाइ
### कोर सिकाइ
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -238,29 +238,29 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
---
### कोपाइलट सिरिज
### Copilot सिरिज
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
## मद्दत पाउने तरिका
## सहयोग पाउने तरिका
यदि तपाईं अड्किनु भयो वा AI एपहरू निर्माण गर्दा कुनै प्रश्न छ भने। MCP सम्बन्धी छलफलमा सहपाठी सिक्नेहरू र अनुभवी विकासकर्ताहरूमा सामेल हुनुहोस्। यो एक सहयोगी समुदाय हो जहाँ प्रश्नहरू स्वागत योग्य छन् र ज्ञान स्वतन्त्र रूपमा साझा गरिन्छ।
यदि तपाईं अड्कनुभयो वा AI एप्स बनाउन कुनै प्रश्नहरू छन् भने। MCP मा फेला साथी सिक्दै गर्नुहुनेहरू र अनुभवी विकासकर्ताहरूको छलफलमा सहभागी हुनुहोस्। यो एक सहयोगात्मक समुदाय हो जहाँ प्रश्नहरू स्वागत हुन्छन् र ज्ञान स्वतन्त्र रूपमा साझा गरिन्छ।
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
यदि तपाईंलाई उत्पादन सुझाव वा निर्माण गर्दा त्रुटिहरू छन् भने भ्रमण गर्नुहोस्:
यदि तपाईंसँग उत्पादन प्रतिक्रिया वा निर्माण गर्ने क्रममा त्रुटिहरू छन् भने भ्रमण गर्नुहोस्:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## अनुमति पत्र
## लाइसेन्स
ो भण्डार MIT अनुमति पत्र अन्तर्गत लाइसेन्स गरिएको छ। थप जानकारीक लागि [LICENSE](../../LICENSE) फाइल हेर्नुहोस्।
स रिपोजिटोरीलाई MIT लाइसेन्स अन्तर्गत लाइसेन्स गरिएको छ। थप जानकारीक लागि [LICENSE](../../LICENSE) फाइल हेर्नुहोस्।
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अस्वीकरण**:
स दस्तावेजलाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको हो। हामी शुद्धताका लागि प्रयासरत छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादमा त्रुटि वा अशुद्धिहरू हुन सक्छन्। मूल भाषामा रहेको दस्तावेजलाई आधिकारिक स्रोतको रूपमा मानिनु पर्दछ। महत्वपूर्ण जानकारीका लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार छैनौं।
ो दस्तावेज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) को प्रयोग गरी अनुवाद गरिएको हो। हामी शुद्धताको प्रयास गर्छौं भने पनि कृपया जानकार हुनुहोस् कि स्वचालित अनुवादहरूमा त्रुटि वा असावधानी हुनसक्छ। मूल दस्तावेज यसको मूल भाषामा आधिकारिक स्रोत मानिन्छ। महत्वपूर्ण जानकारीको लागि, विज्ञ व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलत बुझाई वा गलत व्याख्याका लागि हामी जिम्मेवार छैनौं।
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,54 +1,79 @@
# [पाठको विषयवस्तु]
# पाठ विषय
![यहाँ भिडियो राख्नुहोस्](../../../lesson-template/video-url)
## 🎥 भिडियो
## [पाठ अघि क्विज](../../../lesson-template/quiz-url)
> यहाँ एम्बेड गरिएको भिडियो वा पाठ लिङ्क थप्नुस्।
[हामीले के सिक्नेछौं भन्ने वर्णन गर्नुहोस्]
---
## पूर्व-व्याख्यान प्रश्नोत्तरी
> उपलब्ध हुँदा यहाँ प्रश्नोत्तरीको लिङ्क थप्नुस्।
---
विद्यार्थीहरूले यस पाठमा के सिक्नेछन् भन्ने छोटो अवलोकन प्रदान गर्नुस्।
---
### परिचय
यस पाठमा समेटिने विषयवस्तुहरूको वर्णन गर्नुहोस्
यस पाठमा के समेटिनेछ भनेर छोटो परिचय दिनुहोस्।
> नोटहरू
### पूर्वआवश्यकता
---
यस पाठ अघि कस्ता चरणहरू पूरा गरिएका हुनुपर्छ?
### पूर्वापेक्षा
यस पाठ सुरु गर्नुअघि विद्यार्थीहरूले परिचित हुनु पर्ने अवधारणाहरू वा विषयवस्तुहरूको सूची दिनुस्।
---
### तयारी
यस पाठ सुरु गर्नका लागि आवश्यक तयारीका चरणहरू
पाठ सुरु गर्नुअघि आवश्यक कुनै सेटअप कदम वा उपकरणहरूको सूची बनाउनुहोस्।
---
[सामग्रीलाई ब्लकहरूमा विभाजन गर्दै अघि बढ्नुहोस्]
### सामग्री
पाठ सामग्रीलाई संरचित खण्डहरूमा चरणबद्ध रूपमा व्याख्या गर्नुहोस्।
## [विषय १]
---
## विषय १
### कार्य:
आफ्नो कोडबेसलाई क्रमिक रूपमा सुधार गर्दै साझा कोडको प्रयोग गरेर परियोजना निर्माण गर्नुहोस्:
तपाईंको कोडबेसलाई क्रमशः सुधार गर्दै साझा कोडसहित परियोजना निर्माण गर्न मिलेर काम गर्नुहोस्:
```html
code blocks
```
✅ ज्ञान जाँच - विद्यार्थीहरूको ज्ञानलाई खुला प्रश्नहरूको माध्यमबाट विस्तार गर्न यो क्षण प्रयोग गर्नुहोस्
✅ ज्ञान जाँच
विद्यार्थीहरूको ज्ञानलाई खुला प्रश्नहरू मार्फत विस्तार गर्ने अवसरको रूपमा यो प्रयोग गर्नुहोस्।
## [विषय २]
## विषय २
## विषय ३
## [विषय ३]
🚀 चुनौती
परियोजनालाई सुधार गर्ने सहयोगात्मक चुनौती थप्नुस्।
🚀 चुनौती: विद्यार्थीहरूले कक्षामा सहकार्य गर्दै परियोजनालाई सुधार गर्नका लागि चुनौती थप्नुहोस्
ऐच्छिक: उपयुक्त भएमा सम्पन्न पाठको UI को स्क्रीनशट थप्नुस्।
वैकल्पिक: यदि उपयुक्त छ भने पूरा पाठको UI को स्क्रिनसट थप्नुहोस्
## पोस्ट-व्याख्यान प्रश्नोत्तरी
## [पाठ पछि क्विज](../../../lesson-template/quiz-url)
पाठ पूरा गरेपछि यहाँ प्रश्नोत्तरीको लिङ्क थप्नुस्।
## समीक्षा र आत्म अध्ययन
## समीक्षा र स्वअध्ययन
**कार्य पूरा गर्ने मिति [MM/YY]**: [कार्यको नाम](assignment.md)
**कार्य निर्धारणको म्याद [MM/YY]**: [कार्य निर्धारण नाम](assignment.md)
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अस्वीकरण**:
यो दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको छ। हामी यथार्थताको लागि प्रयास गर्छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादहरूमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छ। यसको मूल भाषा मा रहेको मूल दस्तावेज़लाई आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीको लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार हुने छैनौं।
यो दस्तावेज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) द्वारा अनुवादित गरिएको छ। हामी शुद्धताको लागि प्रयास गर्छौं, तर कृपया जान्नुस् कि स्वत: अनुवादहरूमा त्रुटिहरू वा अशुद्धिहरू हुनसक्छन्। मूल दस्तावेज यसको मूल भाषामा आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीका लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याहरूको लागि हामी जिम्मेवार छैनौं।
<!-- CO-OP TRANSLATOR DISCLAIMER END -->
Loading…
Cancel
Save