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

pull/1756/head
localizeflow[bot] 6 months ago
parent 93dc904976
commit bf98c081ca

@ -1,7 +1,7 @@
{ {
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": { "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
"original_hash": "d45ddcc54eb9232a76d08328b09d792e", "original_hash": "bec5e35642176d9e483552bfc82996d8",
"translation_date": "2025-11-03T22:28:30+00:00", "translation_date": "2026-03-06T17:29:49+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "bn" "language_code": "bn"
}, },
@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-02-06T16:37:00+00:00", "translation_date": "2026-03-06T17:43:46+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "bn" "language_code": "bn"
}, },
@ -516,8 +516,8 @@
"language_code": "bn" "language_code": "bn"
}, },
"README.md": { "README.md": {
"original_hash": "6d6385fd098088cb2d690fb0a6cdaedc", "original_hash": "a2c9eed480687319517c08a6319e5536",
"translation_date": "2026-02-06T16:32:46+00:00", "translation_date": "2026-03-06T17:24:35+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "bn" "language_code": "bn"
}, },

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

@ -10,204 +10,210 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# নবীনদের জন্য ওয়েব ডেভেলপমেন্ট - একটি পাঠ্যক্রম # বেগিনার্সের জন্য ওয়েব ডেভেলপমেন্ট - একটি শিক্ষাক্রম
মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের দ্বারা প্রণীত ১২-সপ্তাহের সমগ্র কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলি শিখুন। ২৪টি পাঠে জাভাস্ক্রিপ্ট, 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) [![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` 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 --> <!-- 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) | [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) [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) | [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)
> **লোকালি ক্লোন করতে চান?** > **লোকালিতে ক্লোন করতে ইচ্ছুক?**
>
> এই রিপোজিটরিতে ৫০+ ভাষার অনুবাদ অন্তর্ভুক্ত যা ডাউনলোডের আকার অনেক বৃদ্ধি করে। অনুবাদ ছাড়া ক্লোন করতে sparse checkout ব্যবহার করুন: > এই রিপোজিটরিটিতে ৫০+ ভাষায় অনুবাদ অন্তর্ভুক্ত রয়েছে যা ডাউনলোড সাইজ উল্লেখযোগ্যভাবে বৃদ্ধি করে। অনুবাদ ছাড়া ক্লোন করতে স্পার্স চেকআউট ব্যবহার করুন:
>
> **Bash / macOS / Linux:**
> ```bash > ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners > cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ``` > ```
> এটি আপনাকে কোর্স সম্পন্ন করার জন্য যা প্রয়োজন তা দ্রুত ডাউনলোড সহ দেবে। >
> **CMD (Windows):**
> ```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 --> <!-- 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) [![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 Assistant প্রকল্প যুক্ত হয়েছে, এটি দেখুন [প্রকল্প](./9-chat-project/README.md) নতুন AI অ্যাসিস্ট্যান্ট প্রকল্প যোগ করা হয়েছে, দেখে নিন [প্রকল্প](./9-chat-project/README.md)
### 📣 ঘোষণা - _Generative AI এর জন্য নতুন কোর্স_ সম্প্রতি প্রকাশিত হয়েছে ### 📣 ঘোষণা - _Generative AI_ জন্য জাভাস্ক্রিপ্টের নতুন শিক্ষাক্রম প্রকাশিত হয়েছে
আমাদের নতুন Generative 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/bn/background.148a8d43afde5730.webp) ![Background](../../translated_images/bn/background.148a8d43afde5730.webp)
- মৌলিক থেকে RAG পর্যন্ত সবকিছুর পাঠ - বেসিক থেকে RAG পর্যন্ত সবকিছু কভার করে লেসন
- GenAI এবং আমাদের সহচর অ্যাপ ব্যবহার করে ঐতিহাসিক চরিত্রদের সাথে ইন্টারঅ্যাক্ট করুন। - GenAI এবং আমাদের কম্পানিয়ন অ্যাপ ব্যবহার করে ঐতিহাসিক চরিত্রদের সঙ্গে যোগাযোগ করুন।
- মজার এবং আকর্ষণীয় বর্ণনা, আপনি সময় ভ্রমণ করবেন! - মজার এবং আকর্ষণীয় বর্ণনা, আপনি টাইম ট্রাভেল করবেন!
![character](../../translated_images/bn/character.5c0dd8e067ffd693.webp) ![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" বোতামে ক্লিক করুন। 1. **রিপোজিটরি ফোর্ক করুন**: পেইজের উপরের-ডান কোণে "Fork" বাটনে ক্লিক করুন।
2. **রিপোজিটরি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 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) ![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) থেকে ডাউনলোড করতে পারেন। আমাদের সুপারিশ হলো [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 কপি করে:
1. আপনার রিপোজিটরিটি আপনার কম্পিউটারে ক্লোন করুন। এটি করতে আপনি **Code** বোতামে ক্লিক করে URL কপি করতে পারেন:
[CodeSpace](./images/createcodespace.png) [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 ```bash
git clone <your-repository-url> 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 পেজের পূর্বরূপ দেখতে > * [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) - দ্রুত কোড লেখার জন্য সাহায্য করতে > * [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 | শুরু করা হচ্ছে | প্রোগ্রামিং পরিচিতি এবং সরঞ্জামের আলোচনা | অধিকাংশ প্রোগ্রামিং ভাষার মৌলিক ভিত্তি এবং পেশাদার ডেভেলপারদের কাজ সহজ করতে ব্যবহৃত সফটওয়্যার সম্পর্কে শেখা | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | শুরু করা | প্রোগ্রামিং এবং ট্রেড টুলসের পরিচিতি | অধিকাংশ প্রোগ্রামিং ভাষার মৌলিক ধারণা এবং সফটওয়্যার সম্পর্কে জানুন যা পেশাদার ডেভেলপারদের কাজে সাহায্য করে | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | শুরু করা হচ্ছে | গিটহাবের বুনিয়াদি, টিমের সাথে কাজ করা অন্তর্ভুক্ত | আপনার প্রকল্পে গিটহাব ব্যবহার করা, কীভাবে কোডবেইজে অন্যদের সাথে সহযোগিতা করবেন শেখা | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | শুরু করা | GitHub এর মৌলিক বিষয়, একটি টিমের সাথে কাজ করা | GitHub আপনার প্রকল্পে কীভাবে ব্যবহার করবেন, এবং কিভাবে অন্যদের সাথে কোড বেসে সহযোগিতা করবেন | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | শুরু করা হচ্ছে | প্রবেশযোগ্যতা | ওয়েব প্রবেশযোগ্যতার মৌলিক বিষয়গুলি শেখা | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | শুরু করা | অ্যাকসেসিবিলিটি | ওয়েব অ্যাক্সেসিবিলিটির মৌলিক বিষয় শিখুন | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS বেসিকস | JavaScript ডেটা টাইপসমূহ | JavaScript ডেটা টাইপের মৌলিক বিষয়গুলি | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS মৌলিক | JavaScript ডেটা টাইপ | JavaScript ডেটা টাইপের মৌলিক বিষয় | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS বেসিকস | ফাংশন এবং মেথডসমূহ | একটি অ্যাপ্লিকেশনের লজিক ফ্লো পরিচালনার জন্য ফাংশন এবং মেথড সম্পর্কে শেখা | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine এবং Christopher | | 05 | JS মৌলিক | ফাংশন এবং মেথড | অ্যাপ্লিকেশনের লজিক নিয়ন্ত্রণ করার জন্য ফাংশন এবং মেথড সম্পর্কে শিখুন | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS বেসিকস | JS দিয়ে সিদ্ধান্ত নেওয়া | কিভাবে আপনার কোডে শর্ত তৈরি করবেন সিদ্ধান্ত গ্রহণ পদ্ধতি ব্যবহার করে শেখা | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS মৌলিক | JS দিয়ে সিদ্ধান্ত গ্রহণ | কোডে শর্ত তৈরি করার জন্য সিদ্ধান্ত গ্রহণ পদ্ধতি সম্পর্কে শিখুন | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS বেসিকস | অ্যারে এবং লুপ | JavaScript এ অ্যারে এবং লুপ ব্যবহার করে ডেটার সাথে কাজ করা | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS মৌলিক | অ্যারে এবং লুপস | JavaScript এ অ্যারে এবং লুপ ব্যবহার করে ডেটার উপর কাজ করুন | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [টেরারিয়াম](./3-terrarium/solution/README.md) | HTML অনুশীলনে | অনলাইন টেরারিয়াম তৈরির জন্য HTML নির্মাণ, বিন্যাস নির্মাণে গুরুত্ব দেওয়া | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML অনুশীলন | একটি অনলাইন টেরারিয়াম তৈরি করতে HTML তৈরি করুন, মূলত লেআউট তৈরি করার উপর ফোকাস করুন | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [টেরারিয়াম](./3-terrarium/solution/README.md) | CSS অনুশীলনে | অনলাইন টেরারিয়ামের স্টাইল করার জন্য CSS তৈরি, CSS এর মৌলিক বিষয় এবং পেজ রেসপনসিভ করা শেখা | [Introduction to CSS](./3-terrarium/2-intro-to-css/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 | [টেরারিয়াম](./3-terrarium/solution/README.md) | JavaScript ক্লোজার, DOM ম্যানিপুলেশন | টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেস হিসেবে কাজ করানোর জন্য JavaScript নির্মাণ, ক্লোজার এবং DOM ম্যানিপুলেশনে গুরুত্ব দেওয়া | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/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 | [টাইপিং গেম](./4-typing-game/solution/README.md) | একটি টাইপিং গেম তৈরি | কিবোর্ড ইভেন্ট ব্যবহার করে কিভাবে আপনার JavaScript অ্যাপের লজিক চালানো হয় শিখুন | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [টাইপিং গেম](./4-typing-game/solution/README.md) | টাইপিং গেম তৈরি | কী-বোর্ড ইভেন্ট ব্যবহার করে JavaScript অ্যাপের লজিক ড্রাইভ করা শিখুন | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) | ব্রাউজারের সাথে কাজ | ব্রাউজার কিভাবে কাজ করে, তার ইতিহাস এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদান তৈরি করা শেখা | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) | ব্রাউজারের কাজ | ব্রাউজার কিভাবে কাজ করে, এর ইতিহাস এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদানগুলো স্ক্যাফোল্ড করা শিখুন | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [গ্রিন ব্রাউজার এক্সটেনশন](./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 | | 13 | [গ্রিন ব্রাউজার এক্সটেনশন](./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 | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) | ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরমেন্স | এক্সটেনশনের আইকন পরিচালনার জন্য ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস ব্যবহার করুন; ওয়েব পারফরমেন্স এবং কিছু অপ্টিমাইজেশন সম্পর্কে শেখা | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) | ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরম্যান্স | এক্সটেনশনের আইকন ম্যানেজ করার জন্য ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস ব্যবহার করুন; ওয়েব পারফরম্যান্স এবং কিছু অপ্টিমাইজেশন শিখুন | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [স্পেস গেম](./6-space-game/solution/README.md) | JavaScript দিয়ে আরও উন্নত গেম ডেভেলপমেন্ট | ক্লাস এবং কম্পোজিশন উভয় ব্যবহার করে ইনহেরিটেন্স এবং পাব/সাব প্যাটার্ন শেখা, একটি গেম নির্মাণের জন্য প্রস্তুতি | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | | 15 | [স্পেস গেম](./6-space-game/solution/README.md) | জাভাস্ক্রিপ্ট দিয়ে উন্নত গেম ডেভেলপমেন্ট | ক্লাস এবং কম্পোজিশন ব্যবহার করে ইনহেরিটেন্স এবং পাব/সাব প্যাটার্ন সম্পর্কে শিখুন, গেম তৈরির প্রস্তুতিতে | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [স্পেস গেম](./6-space-game/solution/README.md) | ক্যানভাসে ড্রয়িং | স্ক্রীনে এলিমেন্ট আঁকার জন্য ব্যবহৃত Canvas API সম্পর্কে শেখা | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [স্পেস গেম](./6-space-game/solution/README.md) | ক্যানভাসে আঁকা | ক্যানভাস API সম্পর্কে জানুন, যা স্ক্রিনে এলিমেন্ট আঁকার জন্য ব্যবহৃত হয় | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [স্পেস গেম](./6-space-game/solution/README.md) | স্ক্রীনের চারপাশে এলিমেন্ট সরানো | কিভাবে কার্তেসিয়ান কোঅর্ডিনেট এবং Canvas API ব্যবহার করে এলিমেন্টগুলোকে মুভ করানো যায় শেখা | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [স্পেস গেম](./6-space-game/solution/README.md) | স্ক্রিনে এলিমেন্টগুলি সরানো | কিভাবে কার্টেসিয়ান কোঅর্ডিনেট এবং ক্যানভাস API ব্যবহার করে এলিমেন্টগুলি গতি লাভ করতে পারে তা আবিষ্কার করুন | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [স্পেস গেম](./6-space-game/solution/README.md) | সংঘর্ষ শনাক্তকরণ | কীপ্রেস ব্যবহার করে এলিমেন্টগুলোকে সংঘর্ষ করানো এবং একে অপরের প্রতি প্রতিক্রিয়া দেখানো; গেমের পারফরমেন্স নিশ্চিত করতে কুলডাউন ফাংশন ব্যবহার করা | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [স্পেস গেম](./6-space-game/solution/README.md) | সংঘর্ষ সনাক্তকরণ | কীপ্রেস ব্যবহার করে এলিমেন্টগুলিকে সংঘর্ষ করতে এবং একে অপরের সাথে প্রতিক্রিয়া করতে দিন এবং গেমের পারফরম্যান্স নিশ্চিত করতে কুলডাউন ফাংশন দিন | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [স্পেস গেম](./6-space-game/solution/README.md) | স্কোর রাখা | গেমের পরিস্থিতি ও পারফরমেন্সের ওপর ভিত্তি করে গণিতের হিসাব-নিকাশ করা | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [স্পেস গেম](./6-space-game/solution/README.md) | স্কোর রাখা | গেমের অবস্থা এবং পারফরম্যান্সের উপর ভিত্তি করে গাণিতিক হিসাব নির্ণয় করুন | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [স্পেস গেম](./6-space-game/solution/README.md) | গেম শেষ করা এবং পুনরায় শুরু করা | গেম শেষ করা এবং পুনরায় শুরু করার বিষয়ে শেখা, সম্পদ পরিষ্কার করা এবং ভেরিয়েবলের মান রিসেট করা | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [স্পেস গেম](./6-space-game/solution/README.md) | গেম শেষ করা এবং পুনরায় শুরু করা | গেম শেষ করা এবং পুনরায় শুরু করার সম্পর্কে শিখুন, যার মধ্যে রয়েছে অ্যাসেট পরিষ্কার করা এবং ভেরিয়েবল মান রিসেট করা | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | ওয়েব অ্যাপে HTML টেমপ্লেট এবং রাউটসমূহ | মাল্টিপেজ ওয়েবসাইট আর্কিটেকচারের স্ক্যাফোল্ড তৈরি করা শিখুন রাউটিং এবং HTML টেমপ্লেট ব্যবহার করে | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | ওয়েব অ্যাপে HTML টেমপ্লেট এবং রাউট | রাউটিং এবং HTML টেমপ্লেট ব্যবহার করে একটি মাল্টিপেজ ওয়েবসাইটের স্থাপত্য তৈরি করতে শিখুন | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি | ফর্ম তৈরি এবং যাচাইকরণ পদ্ধতি সম্পর্কে শেখা | [Forms](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি | ফর্ম তৈরি এবং ভ্যালিডেশন রুটিন হ্যান্ডল করার ব্যাপারে শিখুন | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | ডেটা সংগ্রহ এবং ব্যবহারের পদ্ধতি | আপনার অ্যাপের ভিতরে ও বাইরে ডেটার প্রবাহ, কিভাবে তা সংগ্রহ, সংরক্ষণ এবং মুছে ফেলা যায় শিখুন | [Data](./7-bank-project/3-data/README.md) | Yohan | | 23 | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | ডেটা পাওয়া এবং ব্যবহার করার পদ্ধতি | অ্যাপে কীভাবে ডেটা প্রবাহিত হয়, কীভাবে এটি আনা, সংরক্ষণ এবং নিষ্কাশন করা হয় সে সম্পর্কে জানুন | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | স্টেট ম্যানেজমেন্ট ধারণা | আপনার অ্যাপ কিভাবে অবস্থা ধরে রাখে এবং প্রোগ্রাম্যাটিকভাবে তা কিভাবে পরিচালনা করবেন শেখা | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | স্টেট ম্যানেজমেন্টের ধারণা | কীভাবে আপনার অ্যাপ স্টেট ধরে রাখে এবং কীভাবে প্রোগ্রাম্যাটিকভাবে তা নিয়ন্ত্রণ করে সে সম্পর্কে শিখুন | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [ব্রাউজার/VScode কোড](../../8-code-editor) | VScode এর সাথে কাজ করা | কোড এডিটর ব্যবহার শিখুন | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 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 সহকারী](./9-chat-project/README.md) | AI এর সাথে কাজ করা | নিজের AI সহকারী তৈরি শেখা | [AI Assistant project](./9-chat-project/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)" কালেকশনের সাথে জোড়া দিয়েছি, যার কিছু লেখক এই কারিকুলামেও অবদান রেখেছেন।
তদুপরি, একটি ক্লাসের আগে হালকা স্তরের কুইজ শিক্ষার্থীর শেখার প্রতিশ্রুতি স্থাপন করে, এবং ক্লাসের পর একটি দ্বিতীয় কুইজ আরও স্মরণীয়তা নিশ্চিত করে। এই পাঠ্যক্রমটি নমনীয় এবং মজাদার করার জন্য ডিজাইন করা হয়েছে এবং সম্পূর্ণ অথবা আংশিক অংশগ্রহণ করা যায়। প্রকল্পগুলো ছোট থেকে শুরু করে ১২ সপ্তাহের চক্র শেষে ক্রমশ জটিল হয়ে ওঠে। অতিরিক্তভাবে, একটি ক্লাসের আগে একটি নিম্ন-দাবি কুইজ শিক্ষার্থীর শেখার উদ্দেশ্য স্থির করে, আর ক্লাসের পরে দ্বিতীয় কুইজ আরও ভালো ধারণার অধিকার নিশ্চিত করে। এই কারিকুলামটি নমনীয় এবং মজাদার হওয়ার জন্য ডিজাইন করা হয়েছে এবং পুরো বা আংশিকভাবে নেওয়া যেতে পারে। প্রকল্পসমূহ ছোট থেকে শুরু করে ১২-সপ্তাহের চক্র শেষে ক্রমশ জটিল হবে।
যেহেতু আমরা সচেতনভাবে 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.md) এবং [অবদান](CONTRIBUTING.md) নির্দেশিকা দেখুন। আমরা আপনার গঠনমূলক প্রতিক্রিয়াকে স্বাগত জানাই! > আমাদের [আচারসংহিতা](CODE_OF_CONDUCT.md) এবং [অবদান Guidelines](CONTRIBUTING.md) দেখুন। আপনার গঠনমূলক প্রতিক্রিয়া আমরা স্বাগত জানাই!
## 🧭 অফলাইন অ্যাক্সেস ## 🧭 অফলাইন অ্যাক্সেস
[Docsify](https://docsify.js.org/#/) ব্যবহার করে আপনি এই ডকুমেন্টেশনটি অফলাইনে চালাতে পারবেন। এই রিপোজিটরিটি ফর্ক করুন, [Docsify ইনস্টল করুন](https://docsify.js.org/#/quickstart) আপনার লোকাল মেশিনে, তারপর এই রিপোজিটরির মূল ফোল্ডারে যান এবং টাইপ করুন `docsify serve`। ওয়েবসাইটটি আপনার লোকালহোস্টে ৩০০০ পোর্টে সার্ভ হবে: `localhost:3000` আপনি [Docsify](https://docsify.js.org/#/) ব্যবহার করে এই ডকুমেন্টেশন অফলাইনে চালাতে পারেন। এই রিপোটি Fork করুন, আপনার লোকাল মেশিনে [Docsify ইনস্টল করুন](https://docsify.js.org/#/quickstart), তারপর এই রিপোর রুট ফোল্ডারে `docsify serve` টাইপ করুন। ওয়েবসাইটটি আপনার লোকালহোস্টের ৩০০০ পোর্টে চালিত হবে: `localhost:3000`
## 📘 পিডিএফ ## 📘 পিডিএফ
সমস্ত পাঠের একটি পিডিএফ এখানে পাওয়া যেতে পারে [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)।
সমস্ত পাঠের একটি পিডিএফ [এখানে](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) পাওয়া যাবে।
## 🎒 অন্যান্য কোর্সসমূহ ## 🎒 অন্যান্য কোর্সসমূহ
আমাদের দল অন্যান্য কোর্স তৈরি করে! দেখুন:
আমাদের দল অন্যান্য কোর্সও তৈরি করে! দেখে নিন:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -232,7 +238,7 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
--- ---
### 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) [![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) [![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) [![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)
@ -243,7 +249,7 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
--- ---
### 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 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 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) [![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)
@ -251,21 +257,21 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
## সাহায্য নেওয়া ## সাহায্য নেওয়া
যদি আপনি আটকে যান বা AI অ্যাপ নির্মাণ সম্পর্কে কোনো প্রশ্ন থাকে। MCP নিয়ে আলোচনা করতে সহশিক্ষার্থী এবং অভিজ্ঞ ডেভেলপারদের সাথে যোগ দিন। এটি একটি সহায়ক সম্প্রদায় যেখানে প্রশ্ন歓迎 এবং জ্ঞান বিনামূল্যে ভাগ করা হয়। যদি আপনি আটকে যান বা AI অ্যাপ তৈরি করার বিষয়ে কোনো প্রশ্ন থাকে। MCP সম্পর্কে আলোচনা করতে সহকর্মী শিক্ষার্থী ও অভিজ্ঞ ডেভেলপারদের সাথে যোগ দিন। এটি একটি সহায়ক সম্প্রদায় যেখানে প্রশ্ন গ্রহণযোগ্য এবং জ্ঞান বিনিময় করা হয়।
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![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) [![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 --> <!-- 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 --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,7 +1,7 @@
{ {
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": { "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
"original_hash": "d45ddcc54eb9232a76d08328b09d792e", "original_hash": "bec5e35642176d9e483552bfc82996d8",
"translation_date": "2025-11-03T14:20:19+00:00", "translation_date": "2026-03-06T17:35:28+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "mr" "language_code": "mr"
}, },
@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-02-06T16:46:36+00:00", "translation_date": "2026-03-06T17:44:47+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "mr" "language_code": "mr"
}, },
@ -516,8 +516,8 @@
"language_code": "mr" "language_code": "mr"
}, },
"README.md": { "README.md": {
"original_hash": "6d6385fd098088cb2d690fb0a6cdaedc", "original_hash": "a2c9eed480687319517c08a6319e5536",
"translation_date": "2026-02-06T16:40:23+00:00", "translation_date": "2026-03-06T17:31:44+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "mr" "language_code": "mr"
}, },

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

@ -10,203 +10,212 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![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 मध्ये हाताळणी करून टेरारियम, ब्राऊझर विस्तार, आणि अवकाश खेळांसारख्या प्रकल्पांद्वारे सखोल अभ्यास केला आहे. क्विझ, चर्चासत्रं, आणि व्यावहारिक कामांमध्ये सहभाग घ्या. आमच्या प्रभावी प्रकल्पाधारित पद्धतीने तुमच्या कौशल्यात सुधारणा करा आणि तुमच्या ज्ञानाची जास्तीत जास्त जपून ठेवा. आजच तुमची कोडिंग यात्रा सुरू करा!
Azure AI Foundry Discord समुदायात सामील व्हा Azure AI Foundry Discord समुदायात सामील व्हा
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![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` 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 --> <!-- 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) | [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) [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) | [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)
> **स्थानिकरित्या क्लोन करण्यास प्राधान्य द्याल का?** > **स्थानिक स्वरूपात क्लोन करावे का?**
>
> या रिपॉजिटरीमध्ये 50+ भाषा अनुवाद आहेत ज्यामुळे डाउनलोड साईज लक्षणीय वाढतो. केवळ मूळ रिपॉजिटरी क्लोन करण्यासाठी, स्पार्स चेकआउट वापरा: > या रिपॉझिटरीमध्ये 50 पेक्षा जास्त भाषा अनुवादांचा समावेश आहे ज्यामुळे डाउनलोडचा आकार खूप वाढतो. अनुवादांशिवाय क्लोन करण्यासाठी, sparse checkout वापरा:
>
> **Bash / macOS / Linux:**
> ```bash > ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners > cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ``` > ```
> हे तुम्हाला कोर्स पूर्ण करण्यासाठी आवश्यक असलेली सर्वकाही अधिक जलद डाउनलोड करण्यास मदत करेल. >
> **CMD (Windows):**
> ```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 --> <!-- 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) [![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 वापरून नवीन प्रोजेक्ट तयार करा_ ### 📣 घोषणा - _Generative AI वापरून नवीन प्रोजेक्ट तयार करा_
नवीन AI सहायक प्रोजेक्ट नुकताच जोडला गेला आहे, तपासा [प्रोजेक्ट](./9-chat-project/README.md) नवीन AI सहायक प्रोजेक्ट नुकताच जोडले गेले आहे, ते पाहा [प्रोजेक्ट](./9-chat-project/README.md)
### 📣 घोषणा - _Generative AI साठी नवीन अभ्यासक्रम_ JavaScript साठी नुकताच रिलीज झाला आहे ### 📣 घोषणा - _Generative AI साठी JavaScript चा नवीन अभ्यासक्रम_ नुकताच प्रकाशित झाला आहे
आमचा नवीन Generative 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) ![Background](../../translated_images/mr/background.148a8d43afde5730.webp)
- मूलभूतांसह RAG पर्यंतच्या सर्व गोष्टींचे धडे. - मूलभूत गोष्टींपासून RAG पर्यंत सर्व विषयांना स्पर्श करणारे धडे.
- Historical characters सह संवाद करा GenAI आणि आमच्या सोबतीच्या अॅपचा वापर करून. - GenAI आणि आमच्या सोबतीच्या अॅपसह ऐतिहासिक पात्रांशी संवाद साधा.
- मजेदार आणि आकर्षक कथा, तुम्ही वेळ प्रवास करत असाल! - मजेदार आणि गुंतवणूक करणारी कथा, तुम्ही काळ प्रवास कराल!
![character](../../translated_images/mr/character.5c0dd8e067ffd693.webp) ![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://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` 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) ![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), तुम्हाला प्रत्येक टूल पर्यायांची माहिती देईल आणि तुमच्यासाठी सर्वोत्तम काय आहे ते निवडायला मदत करेल.
आमच्या शिफारशीप्रमाणे, तुम्ही [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) डाउनलोड करू शकता. हा अभ्यासक्रम तुमच्या संगणकावर चालवण्यासाठी तुम्हाला टेक्स्ट एडिटर, ब्राऊझर आणि कमांड लाइन टूलची गरज आहे. आमचा पहिला धडा [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 कॉपी करा: 1. तुमच्या संगणकावर तुमचे रिपॉझिटरी क्लोन करा. तुम्ही हे **Code** बटणावर क्लिक करून आणि URL कॉपी करून करू शकता:
[CodeSpace](./images/createcodespace.png) [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 ```bash
git clone <your-repository-url> 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 पृष्ठांचे प्रीव्ह्यू करण्यासाठी > * [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) - कोड जलद लिहिण्यास मदत करण्यासाठी > * [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 फोल्डरमध्ये आहेत, एकूण 48 क्विझ तीन प्रश्नांसह. ते [इथे](https://ff-quizzes.netlify.app/web/) उपलब्ध आहेत, क्विझ अ‍ॅप स्थानिकरित्या चालवू शकतो किंवा Azure वर तैनात करू शकतो; `quiz-app` फोल्डरमधील सूचना पाळा.
## 🗃️ धडे ## 🗃️ धडे
| | प्रकल्पाचे नाव | शिकवलेली संकल्पना | शैक्षणिक उद्दिष्टे | लिंक केलेला धडा | लेखक | | | प्रकल्पाचे नाव | शिकवलेले संकल्पना | शिकण्याचे उद्दिष्टे | लिंक दिलेला धडा | लेखक |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | सुरुवात | प्रोग्रामिंगचे परिचय आणि औजारांची ओळख | बहुतेक प्रोग्रामिंग भाषांचे मूलभूत तत्त्वे आणि व्यावसायिक विकसकांना मदत करणाऱ्या सॉफ्टवेअरबद्दल शिका | [प्रोग्रामिंग भाषा आणि औजारांचे परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 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 | सुरुवात | GitHub ची मूलभूत माहिती, टीमसोबत काम करण्याचा समावेश | आपल्या प्रकल्पात GitHub कसा वापरायचा, कोड बेसवर इतरांसोबत कसे सहकार्य करायचे | [GitHub परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Getting Started | GitHub ची मूलभूत माहिती, टीमसोबत काम करणे | तुमच्या प्रकल्पात GitHub कसा वापरायचा, कोड बेसवर इतरांसोबत कसे सहकार्य करायचे याचा अभ्यास | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | सुरुवात | प्रवेशयोग्यता | वेब प्रवेशयोग्यतेचे मूलतत्त्वे शिका | [प्रवेशयोग्यता मूलभूत](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Getting Started | प्रवेशयोग्यता | वेब प्रवेशयोग्यतेच्या मूलभूत गोष्टी शिकणे | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS मूलभूत | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांचे मूलभूत ज्ञान | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS Basics | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांचे मूलभूत ज्ञान | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS मूलभूत | फंक्शन्स आणि मेथड्स | अ‍ॅप्लिकेशनच्या लॉजिक फ्लोसाठी फंक्शन्स आणि मेथड्सबद्दल शिका | [फंक्शन्स आणि मेथड्स](./2-js-basics/2-functions-methods/README.md) | Jasmine आणि Christopher | | 05 | JS Basics | फंक्शन्स आणि मेथड्स | एका अनुप्रयोगाच्या लॉजिक फ्लोवर नियंत्रण ठेवण्यासाठी फंक्शन्स आणि मेथड्सबद्दल शिकणे | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS मूलभूत | JS सह निर्णय घेणे | आपल्या कोडमध्ये निर्णय-निर्मिती पद्धती वापरून स्थिती कशी तयार करायची हे शिका | [निर्णय घेणे](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS Basics | JSसह निर्णय घेणे | तुमच्या कोडमध्ये निर्णय घेण्याच्या पद्धती वापरून स्थिती कशी बनवायची हे शिकणे | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS मूलभूत | अ‍ॅरे आणि लूप्स | JavaScript मध्ये अ‍ॅरे आणि लूप्स वापरूटा कसा हाताळायचा हे शिका | [अ‍ॅरे आणि लूप्स](./2-js-basics/4-arrays-loops/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 तयार करा, लेआउट तयार करण्यावर लक्ष केंद्रित करा | [HTML परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen | | 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 सह पृष्ठ प्रतिसादक बनवण्यावर लक्ष केंद्रित करा | [CSS परिचय](./3-terrarium/2-intro-to-css/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 संशोधनावर लक्ष केंद्रित करा | [JS क्लोजर, DOM संशोधन](./3-terrarium/3-intro-to-DOM-and-closures/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 | [टायपिंग गेम](./4-typing-game/solution/README.md) | टायपिंग गेम तयार करणे | JavaScript अ‍ॅपची लॉजिक चालवण्यासाठी कीबोर्ड इव्हेंट्स कसे वापरायचे हे शिका | [इव्हेंट-चालित प्रोग्रामिंग](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Typing Game](./4-typing-game/solution/README.md) | टायपिंग गेम बनवा | कीबोर्ड इव्हेंट्सचा वापर करून तुमच्या JavaScript अ‍ॅपच्या लॉजिकला कसे चालवायचे हे शिकणे | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [ग्रीन ब्राउझर विस्तार](./5-browser-extension/solution/README.md) | ब्राउझर सोबत काम करणं | ब्राउझर्स कसे काम करतात, त्यांचा इतिहास आणि ब्राउझर विस्तारांची पहिले घटक तयार करण्याची पद्धत शिका | [ब्राउझर बद्दल](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरशी काम करणे | ब्राउझर कसे काम करतात, त्यांचा इतिहास काय आहे, आणि ब्राउझर एक्सटेंशनचे पहिले घटक कसे तयार करायचे याचा अभ्यास | [About Browsers](./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 | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक संग्रहणात डेटा सेव्ह करणे | ब्राउझर एक्सटेंशनसाठी JavaScript घटक तयार करा ज्याने API कॉल करायचा आणि स्थानिक संग्रहणातील व्हेरिएबल वापरायचे | [APIs, Forms, and Local Storage](./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 | | 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 | [स्पेस गेम](./6-space-game/solution/README.md) | JavaScript सह अजून प्रगत गेम डेव्हलपमेंट | वर्ग आणि संयोजन वापरून वारसा, आणि Pub/Sub पद्धत बद्दल शिका, गेम तयार करण्यासाठी तयारी | [प्रगत गेम डेव्हलपमेंट परिचय](./6-space-game/1-introduction/README.md) | Chris | | 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 | [स्पेस गेम](./6-space-game/solution/README.md) | कॅनव्हासवर ड्रॉइंग | स्क्रीनवर घटक रेखाटण्यासाठी कॅनव्हास API बद्दल शिका | [कॅनव्हास वर ड्रॉइंग](./6-space-game/2-drawing-to-canvas/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 | [स्पेस गेम](./6-space-game/solution/README.md) | स्क्रीनवर घटक हलविणे | घटकांना गती मिळवून देण्यासाठी Cartesian Coordinates आणि कॅनव्हास API कसा वापरायचा हे शोधा | [घटक हलविणे](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीनवर घटक हलवणे | कर्टेसियन निर्देशांक आणि Canvas API वापरून घटकांना हालचाल कशी मिळवायची शोधा | [Moving Elements Around](./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 | | 18 | [Space Game](./6-space-game/solution/README.md) | धडक ओळखणे | घटक एकमेकांशी कसे धडकतात आणि कीप्रेस वापरून प्रतिसाद द्यायचा, तसेच गेमची कार्यक्षमता सुनिश्चित करण्यासाठी कूलडाऊन फंक्शन द्या | [Collision Detection](./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 | | 19 | [Space Game](./6-space-game/solution/README.md) | स्कोअर ठेवणे | गेमच्या स्थिती आणि कार्यक्षमतेवर आधारित गणिती गणना करा | [Keeping Score](./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 | | 20 | [Space Game](./6-space-game/solution/README.md) | गेमचा शेवट आणि पुन्हा सुरू करणे | गेमचा शेवट कसा करायचा आणि पुन्हा सुरू कसा करायचा, तसेच रीसोर्सेस साफ करणे आणि व्हेरिएबल मूल्ये रीसेट करणे | [The Ending Condition](./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 | | 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 | [बँकिंग अ‍ॅप](./7-bank-project/solution/README.md) | लॉगिन आणि नोंदणी फॉर्म तयार करा | फॉर्म तयार करणे आणि प्रमाणीकरण प्रथांची हाताळणी कशी करायची शिका | [फॉर्म](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | लॉगिन आणि नोंदणी फॉर्म तयार करा | फॉर्म तयार करणे आणि व्हॅलिडेशन रुटीन्स कसे हाताळायचे हे शिका | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [बँकिंग अ‍ॅप](./7-bank-project/solution/README.md) | डेटा मिळवण्याच्या आणि वापरण्याच्या पद्धती | आपल्या अ‍ॅपमध्ये डेटा कसा प्रवाहित होतो, कसा मिळवायचा, साठवायचा आणि नष्ट करण्याचा मार्ग | [डेटा](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Banking App](./7-bank-project/solution/README.md) | डेटा मिळविण्याचे आणि वापरण्याचे प्रकार | तुमच्या अ‍ॅपमध्ये डेटा कसा प्रवाहित होतो, तो कसा मिळवायचा, साठवायचा आणि नष्ट करायचा याचा अभ्यास | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [बँकिंग अ‍ॅप](./7-bank-project/solution/README.md) | राज्य व्यवस्थापन संकल्पना | आपल्या अ‍ॅपमध्ये स्थिती कशी टिकवली जाते आणि प्रोग्रामॅटिकली कशी व्यवस्थापित केली जाते हे शिका | [राज्य व्यवस्थापन](./7-bank-project/4-state-management/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 सोबत काम | कोड एडिटर कसा वापरायचा शिका| [VScode कोड एडिटर वापरा](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 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 सहायक](./9-chat-project/README.md) | AI सह काम करणे | आपला स्वतःचा AI सहाय्यक कसा तयार करायचा शिका | [AI सहाय्यक प्रोजेक्ट](./9-chat-project/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 च्या मूलभूत गोष्टी तसेच आजच्या वेब विकसकांनी वापरलेले नवीनतम साधने आणि तंत्रे शिकवतो. विद्यार्थी टायपिंग गेम, वर्च्युअल टेररियम, पर्यावरणपूरक ब्राउझर एक्सटेंशन, स्पेस-इन्व्हेडर-शैलीचा गेम, आणि व्यवसायांसाठी बँकिंग अ‍ॅप तयार करून व्यावहारिक अनुभव घेतील. या मालिकेच्या शेवटी, विद्यार्थ्यांना वेब विकासाचा ठोस समज प्राप्त होईल.
> 🎓 आपण या अभ्यासक्रमातील पहिले काही धडे [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) म्हणून Microsoft Learn वर घेऊ शकता!
ज्या प्रकल्पांसह मजकूर संबंधित असेल त्यामुळे विद्यार्थ्यांसाठी प्रक्रिया अधिक आकर्षक होते आणि संकल्पनांचे टिकून राहणे वाढते. आम्ही 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 आठवड्यांच्या चक्राच्या शेवटी अधिक जटिल होतात.
आम्ही उद्दिष्टपूर्वक 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/#/) वापरून चालवू शकता. हा रेपो Fork करा, आपल्या स्थानिक संगणकावर [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
सर्व धड्यांचा 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 --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -223,7 +232,7 @@ Azure AI Foundry Discord समुदायात सामील व्हा
--- ---
### Generative AI Series ### जनरेटिव 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 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 (.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) [![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)
@ -231,7 +240,7 @@ Azure AI Foundry Discord समुदायात सामील व्हा
--- ---
### 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) [![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) [![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) [![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)
@ -242,29 +251,29 @@ Azure AI Foundry Discord समुदायात सामील व्हा
--- ---
### Copilot Series ### 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 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 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) [![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 --> <!-- CO-OP TRANSLATOR OTHER COURSES END -->
## मदत मिळवा ## मदत घेणे
जर तुम्हाला अडचण येत असेल किंवा AI ऍप्स तयार करताना काही प्रश्न असतील तर. इतर शिकणाऱ्यांसह आणि अनुभवी विकसकांसह MCP बाबत चर्चेमध्ये सहभागी व्हा. ही एक सहकार्यशील समुदाय आहे जिथे प्रश्न विचारले जातात आणि ज्ञान मुक्तपणे वाटले जाते. जर तुम्हाला अडचण किंवा एआय ऍप्स तयार करताना काही प्रश्न असतील तर. MCP विषयी चर्चा करणाऱ्या सह-शिकणाऱ्यांसह आणि अनुभवी विकसकांसह सामील व्हा. ही एक समर्थक कम्युनिटी आहे जिथे प्रश्न विचारले जातात आणि ज्ञान स्वछंदपणे सामायिक केले जाते.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![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) [![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 --> <!-- 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 --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,7 +1,7 @@
{ {
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": { "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
"original_hash": "d45ddcc54eb9232a76d08328b09d792e", "original_hash": "bec5e35642176d9e483552bfc82996d8",
"translation_date": "2025-11-03T15:19:18+00:00", "translation_date": "2026-03-06T17:42:16+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "ne" "language_code": "ne"
}, },
@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-02-06T16:47:57+00:00", "translation_date": "2026-03-06T17:46:03+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "ne" "language_code": "ne"
}, },
@ -516,8 +516,8 @@
"language_code": "ne" "language_code": "ne"
}, },
"README.md": { "README.md": {
"original_hash": "6d6385fd098088cb2d690fb0a6cdaedc", "original_hash": "a2c9eed480687319517c08a6319e5536",
"translation_date": "2026-02-06T16:42:12+00:00", "translation_date": "2026-03-06T17:37:35+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "ne" "language_code": "ne"
}, },

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

@ -1,195 +1,219 @@
# सुरु गर्नको लागि वेब विकास - एक पाठ्यक्रम [![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
Microsoft क्लाउड एड्भोकेट्स द्वारा तयार पारिएको हाम्रो १२ हप्ता लामो सम्पूर्ण कोर्ससँग वेब विकासका आधारहरू सिक्नुहोस्। २४ पाठहरू प्रत्येकले JavaScript, CSS, र HTML मा टेरारियम, ब्राउजर एक्सटेन्सनहरू, र अन्तरिक्ष खेलजस्ता व्यावहारिक परियोजनाहरू मार्फत गहिराइमा जान्छन्। क्विजहरू, छलफलहरू, र व्यावहारिक कार्यहरूमा सहभागिता जनाउनुहोस्। हाम्रो प्रभावकारी परियोजना-आधारित शिक्षाशैलीसँग तपाईंका सीपहरू बढाउनुहोस् र ज्ञानलाई प्रभावकारी रूपमा सम्झन सक्नुहोस्। आजै आफ्नो कोडिङ यात्रा सुरु गर्नुहोस्! [![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# शुरुवातीहरूको लागि वेब विकास - एक पाठ्यक्रम
Microsoft Cloud Advocates द्वारा संचालित हाम्रो १२ हप्ता लामो समग्र पाठ्यक्रमसँग वेब विकासका आधारभूत कुराहरू सिक्नुहोस्। हरेक २४ पाठहरूमा terrariums, browser extensions, र space games जस्ता अभ्यास परियोजनाहरू मार्फत 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) [![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. **Repository Fork गर्नुहोस्**: क्लिक गर्नुहोस् [![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` 2. **Repository Clone गर्नुहोस्**: `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) | [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 प्रयोग गर्नुहोस्: > **स्थानीय रूपमा क्लोन गर्न प्राथमिकता दिनुहुन्छ?**
>
> यस repository मा ५०+ भाषा अनुवादहरू छन् जुन डाउनलोड आकार धेरै बढाउँछ। अनुवादहरू बिना क्लोन गर्न sparse checkout प्रयोग गर्नुहोस्:
>
> **Bash / macOS / Linux:**
> ```bash > ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners > cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ``` > ```
> यसले तपाईंलाई कोर्स पूरा गर्न आवश्यक सबै सामग्री छिटो डाउनलोड गर्ने सुविधा दिन्छ। >
> **CMD (Windows):**
> ```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)**
[![Visual Studio Code मा खोल्नुहोस्](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Visual%20Studio%20Code%20मा%20खोल्नुहोस्&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) [![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 प्रयोग गरेर नयाँ परियोजना निर्माण_ ### 📣 घोषणा - _Generative AI प्रयोग गरेर नयाँ परियोजना बनाउने_
नयाँ AI सहायक परियोजना थपिएको छ, जाँच गर्नुहोस् [परियोजना](./9-chat-project/README.md) नयाँ AI सहायक परियोजना थपियो, यहाँ हेरौं [परियोजना](./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) भ्रमण गर्नुहोस्! सुरु गर्न जानुहोस् [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
![Background](../../translated_images/ne/background.148a8d43afde5730.webp) ![Background](../../translated_images/ne/background.148a8d43afde5730.webp)
- आधारहरूदेखि RAG सम्म सबै विषयहरू समेटिएका पाठहरू। - आधारभूतदेखि RAG सम्म सबै विषयहरू समेटिएको पाठहरू।
- GenAI र हाम्रो साथी एप प्रयोग गरेर ऐतिहासिक पात्रहरूसँग अन्तरक्रिया गर्नुहोस्। - GenAI र हाम्रो साथीसँग ऐतिहासिक पात्रहरूसँग अन्तरक्रिया गर्नुहोस्।
- रमाइलो र आकर्षक कथा, तपाईं समयको यात्रा गर्दै हुनुहुनेछ! - रमाईलो र रोचक कथावाचन, तपाईं समय यात्रा गर्दै हुनुहुन्छ!
![character](../../translated_images/ne/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/ne/character.5c0dd8e067ffd693.webp)
प्रत्येक पाठमा पूरा गर्नको लागि कार्य, ज्ञान जाँच र चुनौती समावेश छ जसले तपाईंलाई यी विषयहरूमा मार्गदर्शन गर्छ: हरेक पाठसँग एउटा कार्य पूरा गर्ने, ज्ञान जाँच्ने र चुनौती समावेश छ जसले तपाईंलाई यी विषयहरूमा मार्गदर्शन गर्छ:
- प्रॉम्प्टिङ र प्रॉम्प्ट इन्जिनियरिङ - Prompting र prompt engineering
- टेक्स्ट र छवि एप निर्माण - पाठ र छवि एप् उत्पादन
- खोज एपहरू - खोज एप्लिकेसनहरू
सुरु गर्न [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) जस्ता टेक्स्ट सम्पादक प्रयोग गरेर पाठ्यक्रम चलाउन सक्नुहुन्छ।
#### आफ्नो रेपोजिटोरी सिर्जना गर्नुहोस् #### आफ्नो repository सिर्जना गर्नुहोस्
आफ्नो काम सजिलै सुरक्षित गर्नको लागि, आफ्नो GitHub खातामा यो रेपोजिटोरीको एउटा प्रतिलिपि बनाउनु सिफारिस गरिन्छ। तपाईँले पृष्ठको माथि रहेको **Use this template** बटन थिचेर यो गर्न सक्नुहुन्छ। यसले सहपाठ्यक्रमको प्रतिलिपि सहित नयाँ रेपोजिटोरी बनाउनेछ। आफ्नो काम सजिलै सुरक्षित गर्न, तपाईंले यो repository को आफ्नै प्रति सिर्जना गर्ने सिफारिस गरिन्छ। तपाईं यसलाई पृष्ठको माथिल्लो भागमा रहेको **Use this template** बटनमा क्लिक गरेर गर्न सक्नुहुन्छ। यसले Github खातामा पाठ्यक्रमको प्रति भएको नयाँ repository सिर्जना गर्नेछ।
यी चरणहरू अनुसरण गर्नुहोस्: यी चरणहरू पालना गर्नुहोस्:
1. **रेपोजिटोरी फोर्क गर्नुहोस्**: पृष्ठको माथि-दायाँ कुनामा रहेको "Fork" बटन थिच्नुहोस्। 1. **Repository Fork गर्नुहोस्**: यस पृष्ठको माथि-दायाँ कुनामा रहेको "Fork" बटनमा क्लिक गर्नुहोस्।
2. **रेपोजिटोरी क्लोन गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Repository Clone गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Codespace मा पाठ्यक्रम चलाउने तरिका #### Codespace मा पाठ्यक्रम चलाउनुहोस्
तपाईंले सिर्जना गरेको आफ्नो रेपोजिटोरीमा **Code** बटन थिच्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंको लागि नयाँ Codespace सिर्जना गर्नेछ। तपाईंले सिर्जना गरेको आफ्नो repository प्रतिमा, **Code** बटन थिच्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंलाई कार्य गर्न नयाँ Codespace सिर्जना गर्नेछ।
![Codespace](../../translated_images/ne/createcodespace.0238bbf4d7a8d955.webp) ![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), यी उपकरणहरूको विभिन्न विकल्पहरू मार्फत तपाईंलाई मार्गदर्शन गर्नेछ ताकि तपाईंलाई सबैभन्दा उपयुक्त छान्न सकियोस् तपाईंको कम्प्युटरमा यस पाठ्यक्रमलाई स्थानीय रूपमा चलाउन, तपाईलाई एक टेक्स्ट सम्पादक, एउटा ब्राउजर, र कमाण्ड लाइन उपकरण आवश्यक पर्नेछ। हाम्रो पहिलो पाठ, [प्रोग्रामिङ भाषा र उपकरणहरूको परिचय](../../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)। हाम्रो सिफारिस हुन्छ कि तपाईं [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 कपी गरेर गर्न सक्नुहुन्छ:
1. आफ्नो रेपोजिटोरीलाई आफ्नै कम्प्युटरमा क्लोन गर्नुहोस्। यो गर्नको लागि **Code** बटन थिचेर URL कपी गर्नुहोस्:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
त्यसपछि, भित्र [टर्मिनल](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) खोल्नुहोस् [भिजुअल स्टुडियो कोड](https://code.visualstudio.com/?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 ```bash
git clone <your-repository-url> 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 पृष्ठहरूको पूर्वावलोकन गर्न > * [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) - तपाईलाई छिटो कोड लेख्न मद्दत गर्न > * [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 | सुरु गर्दै | प्रोग्रामिङ परिचय र व्यापारका उपकरणहरू | प्रायः प्रोग्रामिङ भाषाहरूको आधारभूत सिद्धान्तहरू र पेशेवर विकासकर्ताहरूलाई मद्दत गर्ने सफ्टवेयर बारे जान्नुहोस् | [प्रोग्रामिङ भाषाहरू र उपकरणहरूको परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 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 | | 02 | सुरूवात गर्दै | GitHub को आधारभूत कुरा, टोलीसँग काम गर्नेसमेत | तपाईंको प्रोजेक्टमा GitHub कसरी प्रयोग गर्ने, कोड बेसमा अरूसँग कसरी सहकार्य गर्ने | [GitHub परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | सुरु गर्दै | पहुँचयोग्यता | वेब पहुँचयोग्यताको आधारभूत कुरा सिक्नुहोस् | [पहुँचयोग्यता आधारभूत कुरा](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | सुरूवात गर्दै | पहुँचयोग्यता | वेब पहुँचयोग्यताको आधारभूत कुरा सिक्नुहोस् | [पहुंचयोग्यता आधारभूत कुरा](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS आधारहरू | Javascript डाटा प्रकारहरू | Javascript डाटा प्रकारहरूको आधारभूत कुरा | [ाटा प्रकारहरू](./2-js-basics/1-data-types/README.md) | Jasmine | | 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 | | 05 | JS आधारभूत | कार्यहरू र विधिहरू | आवेदनको तर्क प्रवाह व्यवस्थापन गर्न कार्यहरू र विधिहरूको बारे सिक्नुहोस् | [कार्यहरू र विधिहरू](./2-js-basics/2-functions-methods/README.md) | Jasmine र Christopher |
| 06 | JS आधारहरू | JS संग निर्णयहरू गर्ने | निर्णय-निर्माण विधिहरू प्रयोग गरी तपाईंको कोडमा शर्तहरू कसरी सिर्जना गर्ने जान्नुहोस् | [निर्णय लिनु](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS आधारभूत | JS सँग निर्णय बनाउने | निर्णय गर्ने तरिका प्रयोग गरी तपाईंको कोडमा सर्तहरू कसरी बनाउन सिक्नुहोस् | [निर्णय बनाउने](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS आधारहरू | एरेहरू र लूपहरू | Javascript मा एरेहरू र लूपमार्फत डाटासँग काम गर्नुहोस् | [एरहरू र लूपहरू](./2-js-basics/4-arrays-loops/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 | | 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 | | 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 | | 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 | [Typing Game](./4-typing-game/solution/README.md) | टाइपिंग खेल बनाउनुहोस् | तपाईंको Javascript अनुप्रयोगको लॉजिक चलाउन किबोर्ड इभेन्टहरू प्रयोग कसरी गर्ने जान्नुहोस् | [इभेन्ट-चलित प्रोग्रामिङ](./4-typing-game/typing-game/README.md) | Christopher | | 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 | | 12 | [हरियो ब्राउजर एक्सटेन्सन](./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 | | 13 | [हरियो ब्राउजर एक्सटेन्सन](./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 | | 14 | [हरियो ब्राउजर एक्सटेन्सन](./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 सँग अझ उन्नत खेल विकास | वर्गहरू र सङ्गठन दुवै प्रयोग गरेर इनहेरिटेन्स र पब/सब् ढाँचाबारे जान्नुहोस्, खेल निर्माणको तयारीका लागि | [उन्नत खेल विकास परिचय](./6-space-game/1-introduction/README.md) | Chris | | 15 | [सपेस गेम](./6-space-game/solution/README.md) | JavaScript सँग अझ उन्नत गेम विकास | Inheritance बारे क्लासहरू र Composition दुवै र Pub/Sub ढाँचाबारे सिक्नुहोस्, गेम विकासको तयारीका लागि | [उन्नत गेम विकास परिचय](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | क्यानभासमा चित्रण | स्क्रिनमा तत्वहरू तान्न प्रयोग हुने क्यानभास एपीआईबारे जान्नुहोस् | [क्यानभासमा चित्र](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [सपेस गेम](./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) | स्क्रिनमा तत्वहरू सर्नु | कार्टेसियन निर्देशांक र क्यानभास एपीआई प्रयोग गरी तत्वहरू कसरी गति लिन सक्छन् पत्ता लगाउनुहोस् | [तत्वहरू सार्न](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [सपेस गेम](./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 | | 18 | [सपेस गेम](./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 | | 19 | [सपेस गेम](./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 | | 20 | [सपेस गेम](./6-space-game/solution/README.md) | गेम अन्त्य र पुनः सुरु गर्ने | गेम अन्त्य र पुनः सुरु गर्न सिक्नुहोस्, जसमा स्रोतहरू सफा गर्ने र भेरिएबल मानहरू रिसेट गर्ने पनि समावेश छ | [अन्त्य अवस्था](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | वेब अनुप्रयोगमा HTML टेम्प्लेट र मार्गहरू | मल्टिपेज वेबसाइटको वास्तुकला तयार गर्न मार्गनिर्देशन र HTML टेम्प्लेटहरू कसरी सिर्जना गर्ने जान्नुहोस् | [HTML टेम्प्लेट र मार्गहरू](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [बैंकिङ एप](./7-bank-project/solution/README.md) | वेब एपमा HTML टेम्प्लेट र मार्गहरू | बहुपृष्ठ वेबसाइटको संरचना सिर्जना गर्न रुटिङ र HTML टेम्प्लेट प्रयोग कसरी गर्ने सिक्नुहोस् | [HTML टेम्प्लेट र मार्गहरू](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | लगइन र दर्ता फारम बनाउने | फारमहरू बनाउन र प्रमाणिकरण प्रक्रिया कसरी गर्ने जान्नुहोस् | [फारमहरू](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [बैंकिङ एप](./7-bank-project/solution/README.md) | लग इन र दर्ता फारम बनाउने | फारम निर्माण र प्रमाणीकरण प्रक्रिया व्यवस्थापनको बारेमा जान्नुहोस् | [फारमहरू](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | डाटा प्राप्त र प्रयोग गर्ने तरिकाहरू | तपाईंको अनुप्रयोगमा डाटा कसरी आउँछ र जान्छ, कसरि प्राप्त गर्ने, भण्डारण गर्ने, र नष्ट गर्ने जान्नुहोस् | [टा](./7-bank-project/3-data/README.md) | Yohan | | 23 | [बैंकिङ एप](./7-bank-project/solution/README.md) | डेटा ल्याउने र प्रयोग गर्ने तरिकाहरू | तपाईंको एपमा डेटा कसरी आउँछ र जान्छ, कसरी तानिन्छ, भण्डारण गरिन्छ र हटाइन्छ | [टा](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | राज्य व्यवस्थापनका सिद्धान्तहरू | तपाईंको अनुप्रयोगले कसरी राज्य राख्छ र यसलाई प्रोग्रामिङमार्फत कसरी व्यवस्थापन गर्ने जान्नुहोस् | [राज्य व्यवस्थापन](./7-bank-project/4-state-management/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 कोड सम्पादक प्रयोग](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [ब्राउजर/VScode कोड](../../8-code-editor) | VScode प्रयोग गर्ने | कोड सम्पादक कसरी प्रयोग गर्ने जान्नुहोस्| [VScode कोड सम्पादक प्रयोग](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI सँग काम गर्दै | आफ्नै AI सहायक कसरी बनाउने जान्नुहोस् | [AI सहायक परियोजना](./9-chat-project/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 मा [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 आधारभूत कुराहरू सिकाउन धेरै प्रारम्भिक पाठहरू लेखेका छौं, जसमा "[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 सिक्नु हुनेछ, जुन अर्को भिडियो संग्रह "[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` टाइप गर्नुहोस्। वेबसाइट तपाईंको लोकलहोस्टमा पोर्ट ३००० मा सेवा हुनेछ: `localhost:3000` तपाईं [Docsify](https://docsify.js.org/#/) प्रयोग गरी यो दस्तावज अफलाइन ूपमा चलाउन सक्नुहुन्छ। यस रिपोमा फोर्क गर्नुहोस्, [Docsify स्थापना](https://docsify.js.org/#/quickstart) गर्नुहोस् आफ्नो स्थानीय कम्प्युटरमा, र त्यसपछि यो रिपोको मूल फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेबसाइट तपाईंको लोकलहोस्टमा पोर्ट 3000 मा सेवा हुनेछ: `localhost:3000`
## 📘 PDF ## 📘 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 --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -206,7 +230,7 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
--- ---
### Generative AI Series ### 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 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 (.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) [![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)
@ -214,7 +238,7 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
--- ---
### 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) [![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) [![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) [![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)
@ -225,29 +249,29 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
--- ---
### 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 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 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) [![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 --> <!-- 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 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) [![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 --> <!-- 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 --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->
Loading…
Cancel
Save