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

pull/1781/head
localizeflow[bot] 6 months ago
parent 2bad752688
commit f237852e73

@ -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": "bec5e35642176d9e483552bfc82996d8", "original_hash": "d5eeb6e975b5864d8da52d4a41941f8d",
"translation_date": "2026-03-06T17:29:49+00:00", "translation_date": "2026-04-06T16:13:43+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-03-06T17:43:46+00:00", "translation_date": "2026-04-06T16:27:20+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": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T17:24:35+00:00", "translation_date": "2026-04-06T16:08:25+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "bn" "language_code": "bn"
}, },

@ -1,30 +1,30 @@
# AGENTS.md # AGENTS.md
## প্রকল্পের ওভারভিউ ## প্রকল্প পরিচিতি
এটি শিক্ষামূলক পাঠক্রমের রেপোজিটরি, যা শুরু থেকেই ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলি শেখানোর জন্য তৈরি। এই পাঠক্রমটি একটি ব্যাপক ১২ সপ্তাহের কোর্স, যা Microsoft Cloud Advocates দ্বারা উন্নত করা হয়েছে, এবং এতে জাভাস্ক্রিপ্ট, CSS, এবং HTML এর উপর ভিত্তি করে ২৪টি হ্যান্ডস-অন লেসন রয়েছে। এটি শিক্ষামূলক কারিকুলাম রিপোজিটরি যা নবীনদের জন্য ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়াবলী শেখানোর জন্য। কারিকুলামটি মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের দ্বারা উন্নত একটি সমগ্র ১২-সপ্তাহের কোর্স, যাতে জাভাস্ক্রিপ্ট, 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
@ -36,12 +36,12 @@ cd Web-Dev-For-Beginners
```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 চালান
``` ```
### ব্যাংক প্রজেক্ট API (Node.js + Express) ### ব্যাংক প্রকল্প API (Node.js + Express)
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
@ -51,7 +51,7 @@ npm run lint # ESLint চালান
npm run format # Prettier দিয়ে ফরম্যাট করুন npm run format # Prettier দিয়ে ফরম্যাট করুন
``` ```
### ব্রাউজার এক্সটেনশন প্রজেক্টসমূহ ### ব্রাউজার এক্সটেনশন প্রকল্পসমূহ
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
@ -59,15 +59,15 @@ npm install
# ব্রাউজার-নির্দিষ্ট এক্সটেনশন লোডিং নির্দেশাবলী অনুসরণ করুন # ব্রাউজার-নির্দিষ্ট এক্সটেনশন লোডিং নির্দেশাবলী অনুসরণ করুন
``` ```
### স্পেস গেম প্রজেক্টসমূহ ### স্পেস গেম প্রকল্পসমূহ
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
npm install npm install
# ব্রাউজারে index.html খুলুন অথবা লাইভ সার্ভার ব্যবহার করুন # ব্রাউজারে index.html খুলুন অথবা Live Server ব্যবহার করুন
``` ```
### চ্যাট প্রজেক্ট (Python ব্যাকেন্ড) ### চ্যাট প্রকল্প (Python ব্যাকএন্ড)
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
@ -78,114 +78,114 @@ 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 ডিরেক্টরিতে `npm run dev` চালান - **কুইজ অ্যাপ**: `npm run dev` রান করুন quiz-app ডিরেক্টরিতে
- **প্রজেক্টসমূহ**: HTML প্রজেক্টের জন্য VS Code লাইভ সার্ভার এক্সটেনশন ব্যবহার করুন - **প্রকল্পসমূহ**: HTML প্রকল্পের জন্য VS Code Live Server এক্সটেনশন ব্যবহার করুন
- **API প্রজেক্টসমূহ**: সংশ্লিষ্ট API ডিরেক্টরিতে `npm start` চালান - **API প্রকল্পসমূহ**: নিজ নিজ API ডিরেক্টরিতে `npm start` রান করুন
## পরীক্ষার নির্দেশাবলী ## পরীক্ষার নির্দেশাবলী
### কুইজ অ্যাপ টেস্টিং ### কুইজ অ্যাপ পরীক্ষা
```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
- আধুনিক ES6+ সিনট্যাক্স ব্যবহার করুন - আধুনিক ES6+ সিনট্যাক্স ব্যবহার করুন
- প্রজেক্টের 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}/` স্ট্রাকচারে সংরক্ষিত
## বিল্ড এবং ডিপ্লয়মেন্ট ## বিল্ড এবং ডিপ্লয়মেন্ট
### কুইজ অ্যাপ ডিপ্লয়মেন্ট (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/ ফোল্ডার তৈরি করে
# main-এ push করার সময় GitHub Actions ওয়ার্কফ্লোর মাধ্যমে ডিপ্লয় করে # মূল ব্রাঞ্চে পুশ করার সময় GitHub Actions ওয়ার্কফ্লোর মাধ্যমে ডিপ্লয় করে
``` ```
Azure Static Web Apps কনফিগারেশন: Azure Static Web Apps কনফিগারেশন:
@ -193,7 +193,7 @@ Azure Static Web Apps কনফিগারেশন:
- **আউটপুট অবস্থান**: `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 ইনস্টল করুন
@ -204,79 +204,79 @@ npm run convert # ডক্স থেকে পিডিএফ ত
```bash ```bash
npm install -g docsify-cli # গ্লোবালি Docsify ইনস্টল করুন 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] লেসন X এর জন্য নতুন কুইজ যোগ করুন`
- `[Lesson-3] Fix typo in terrarium project` - `[Lesson-3] টেরারিয়াম প্রকল্পের টাইপো ঠিক করুন`
- `[Translation] Add Spanish translation for lesson 5` - `[Translation] লেসন ৫ এর স্প্যানিশ অনুবাদ যোগ করুন`
- `[Docs] Update setup instructions` - `[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 ওয়ার্কফ্লো
- ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ - ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ করে
- মূল ফাইল প্রধান ডিরেক্টরিতে থাকে - মূল ফাইলগুলো প্রধান ডিরেক্টরিতে থাকে
- অনুবাদ ফাইল থাকে `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:
--> -->
``` ```
## ডিবাগিং ও সমস্যার সমাধান ## ডিবাগিং এবং সমস্যার সমাধান
### সাধারণ সমস্যা ### সাধারণ সমস্যা
**কুইজ অ্যাপ স্টার্ট হয় না**: **কুইজ অ্যাপ শুরু হয় না**:
- Node.js ভার্সন পরীক্ষা করুন (v14+ সুপারিশকৃত) - Node.js ভার্সন চেক করুন (v14+ সুপারিশকৃত)
- `node_modules` ও `package-lock.json` মুছে পুনরায় `npm install` চালান - `node_modules` এবং `package-lock.json` মুছে ছাড়ুন, পুনরায় `npm install` চালান
- পোর্ট সংঘর্ষ আছে কিনা দেখুন (ডিফল্ট: Vite পোর্ট ৫১৭৩) - পোর্ট সংঘর্ষ আছে কিনা দেখুন (ডিফল্ট: Vite 5173 পোর্ট ব্যবহার করে)
**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 লাইভ সার্ভার এক্সটেনশন ব্যবহার করুন - HTML প্রকল্পের জন্য VS Code এর Live Server এক্সটেনশন ব্যবহার করুন
- ESLint এবং Prettier এক্সটেনশন ইনস্টল করুন সামঞ্জস্যপূর্ণ ফরম্যাটিংয়ের জন্য - ধারাবাহিক ফরম্যাটিংয়ের জন্য ESLint এবং Prettier এক্সটেনশন ইনস্টল করুন
- জাভাস্ক্রিপ্ট ডিবাগ করার জন্য ব্রাউজার DevTools ব্যবহার করুন - জাভাস্ক্রিপ্ট ডিবাগিং এর জন্য ব্রাউজার DevTools ব্যবহার করুন
- Vue প্রজেক্টের জন্য Vue DevTools ব্রাউজার এক্সটেনশন ইনস্টল করুন - Vue প্রকল্পের জন্য Vue DevTools ব্রাউজার এক্সটেনশন ইনস্টল করুন
### কর্মক্ষমতার বিবেচনা ### পারফরমেন্স বিবেচনা
- অনুবাদের সংখ্যা অনেক বেশি (৫০+ ভাষা), তাই সম্পূর্ণ ক্লোন বড় হয় - অনূদিত ফাইলের বড় পরিমাণ (৫০+ ভাষা) থাকার কারণে ফোল্ডার ক্লোন বড় হয়
- শুধুমাত্র বিষয়বস্তুতে কাজ করলে shallow clone ব্যবহার করুন: `git clone --depth 1` - শুধুমাত্র বিষয়বস্তু নিয়ে কাজ করলে শ্যালো ক্লোন ব্যবহার করুন: `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 মডেল অ্যাক্সেস ### 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) সুপারিশকৃত
- অতিরিক্ত কোর্স: 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` - AI চ্যাট সহকারী প্রকল্প
### মনোরেপো স্ট্রাকচার ### মনোরেপো স্ট্রাকচার
এটি প্রচলিত মনোরেপো না হলেও, এই রেপোজিটরিতে একাধিক স্বাধীন প্রজেক্ট রয়েছে: যদিও এটি প্রচলিত মনোরেপো নয়, তবে এই রিপোজিটরিতে একাধিক স্বাধীন প্রকল্প রয়েছে:
- প্রতিটি লেসন স্বতন্ত্র - প্রতিটি লেসন স্বয়ংসম্পূর্ণ
- প্রজেক্টগুলি নির্ভরশীলতা শেয়ার করে না - প্রকল্পসমূহে নির্ভরশীলতা শেয়ার হয় না
- একক প্রজেক্টে কাজ করুন অন্যদের প্রভাব না ফেলেই - একত্রে প্রভাব নেই, আলাদাভাবে প্রকল্পে কাজ করতে পারবেন
- সম্পূর্ণ পাঠক্রম অভিজ্ঞতার জন্য পুরো রেপো ক্লোন করুন - পুরো কারিকুলামের অভিজ্ঞতা নিতে পুরো রিপোজিটরি ক্লোন করুন
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ডিসক্লেইমার**: **ডিসক্লেইমার**:
এই ডকুমেন্টটি এআই অনুবাদ সেবা [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,29 +10,29 @@
[![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 দ্বারা পরিচালিত ১২ সপ্তাহের বিস্তৃত কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয় শিখুন। ২৪টি পাঠের প্রতিটির মধ্যে JavaScript, CSS, এবং HTML নিয়ে অন্তর্ভুক্ত রয়েছে হাতে-কলমে প্রকল্প যেমন টেরারিয়াম, ব্রাউজার এক্সটেনশন এবং স্পেস গেমস। কুইজ, আলোচনা, এবং ব্যবহারিক অ্যাসাইনমেন্টে অংশগ্রহণ করুন। আমাদের কার্যকর প্রকল্প-ভিত্তিক শিক্ষা পদ্ধতির মাধ্যমে দক্ষতা বাড়ান এবং আপনার জ্ঞানের ধারণক্ষমতা উন্নত করুন। আজই আপনার কোডিং যাত্রা শুরু করুন! মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের ১২-সাপ্তাহিক বিস্তৃত কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলি শিখুন। ২৪টি পাঠের প্রতিটি অংশে 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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **লোকালিতে ক্লোন করতে ইচ্ছুক?** > **স্থানীয়ভাবে ক্লোন করতে চান?**
> >
> এই রিপোজিটরিটিতে ৫০+ ভাষায় অনুবাদ অন্তর্ভুক্ত রয়েছে যা ডাউনলোড সাইজ উল্লেখযোগ্যভাবে বৃদ্ধি করে। অনুবাদ ছাড়া ক্লোন করতে স্পার্স চেকআউট ব্যবহার করুন: > এই রিপোজিটরিতে ৫০+ ভাষায় অনুবাদ রয়েছে যা ডাউনলোড সাইজ অনেক বাড়িয়ে দেয়। অনুবাদ ছাড়া ক্লোন করতে স্পারস চেকআউট ব্যবহার করুন:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,172 +48,171 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > 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) যেখানে আপনি মূল বিষয়, ছাত্রদের জন্য প্যাক এবং এমনকি একটি ফ্রি সার্টিফিকেট ভাউচার পাওয়ার উপায় পাবেন। এটি এমন একটি পেজ যা আপনি বুকমার্ক করে মাঝে মাঝে দেখতে চাইবেন কারণ আমরা মাসিক ভিত্তিতে বিষয়বস্তু পরিবর্তন করি। [**স্টুডেন্ট হাব পেজ**](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/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)
#### আপনার কম্পিউটারে লোকালি শিক্ষাক্রম চালানো #### স্থানীয়ভাবে আপনার কম্পিউটারে পাঠ্যক্রম চালানো
আপনার কম্পিউটারে লোকালি শিক্ষাক্রম চালানোর জন্য একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুল দরকার। আমাদের প্রথম লেসন, [প্রোগ্রামিং ভাষা ও ট্রেডের সরঞ্জাম পরিচিতি](../../1-getting-started-lessons/1-intro-to-programming-languages), আপনাকে বিভিন্ন বিকল্প নিয়ে গাইড করবে যাতে আপনি যা সবচেয়ে ভালো মনে করেন তা নির্বাচন করতে পারবেন। এই পাঠ্যক্রম স্থানীয়ভাবে চালাতে আপনার একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুলের প্রয়োজন হবে। আমাদের প্রথম পাঠ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), আপনাকে বিভিন্ন টুলের বিকল্পগুলি দেখিয়ে দেবে যাতে আপনি আপনার পছন্দের নির্বাচন করতে পারেন।
আমাদের সুপারিশ হলো [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ব্যবহার করা, যা একটি বিল্ট-ইন [টার্মিনাল](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)
তারপর, [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. ভিজুয়াল স্টুডিও কোডে ফোল্ডারটি খুলুন। আপনি এটি করতে পারেন **File** > **Open Folder** এ ক্লিক করে এবং আপনি যা ক্লোন করেছেন সেই ফোল্ডারটি নির্বাচন করে।
> নির্দেশিত Visual Studio Code এক্সটেনশনসমূহ: > সুপারিশকৃত ভিজুয়াল স্টুডিও কোড এক্সটেনশনসমূহ:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code এর ভিতরে HTML পেজ প্রিভিউ করতে > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - ভিজুয়াল স্টুডিও কোডের মধ্যে 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 | 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 আপনার প্রকল্পে কীভাবে ব্যবহার করবেন, এবং কিভাবে অন্যদের সাথে কোড বেসে সহযোগিতা করবেন | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Getting Started | গিটহাবের বেসিকস, দলের সাথে কাজসহ | আপনার প্রকল্পে গিটহাব কীভাবে ব্যবহার করবেন, কীভাবে অন্যদের সঙ্গে কোড বেসে সহযোগিতা করবেন | [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 | Getting Started | প্রবেশযোগ্যতা | ওয়েব প্রবেশযোগ্যতার মৌলিক ধারণা শিখুন | [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 Basics | জাভাস্ক্রিপ্ট ডেটা টাইপস | জাভাস্ক্রিপ্ট ডেটা টাইপের বেসিকস | [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 and Christopher | | 05 | JS Basics | ফাংশন এবং মেথডস | অ্যাপ্লিকেশনের লজিক ফ্লো পরিচালনার জন্য ফাংশন এবং মেথড সম্পর্কে শিখুন | [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 Basics | জাভাস্ক্রিপ্ট দিয়ে সিদ্ধান্ত নেওয়া | কোডে শর্ত তৈরি করা শিখুন, সিদ্ধান্ত গ্রহণ পদ্ধতি ব্যবহার করে | [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 Basics | অ্যারে ও লুপ | জাভাস্ক্রিপ্টে অ্যারে এবং লুপ ব্যবহার করে ডেটার সাথে কাজ করুন | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML অনুশীলন | একটি অনলাইন টেরারিয়াম তৈরি করতে HTML তৈরি করুন, মূলত লেআউট তৈরি করার উপর ফোকাস করুন | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML অনুশীলন | একটি অনলাইন টেরারিয়াম তৈরি করার জন্য HTML নির্মাণ করুন, লেআউট তৈরিতে ফোকাস করুন | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS অনুশীলন | অনলাইন টেরারিয়ামের CSS তৈরি করুন, CSS এর মৌলিক বিষয় এবং পেজকে রেসপন্সিভ করার উপরে ফোকাস করুন | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS অনুশীলন | অনলাইন টেরারিয়াম স্টাইল করতে CSS তৈরি করুন, পৃষ্ঠাটিকে প্রতিক্রিয়াশীল করতে CSS এর বেসিকস সহ ফোকাস দিন | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript ক্লোজার, DOM ম্যানিপুলেশন | টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেস হিসেবে কাজ করানোর জন্য JavaScript তৈরি করুন, ক্লোজার এবং DOM ম্যানিপুলেশনের উপর ফোকাস করুন | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | জাভাস্ক্রিপ্ট ক্লোজার, DOM ম্যানিপুলেশন | টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেসে কাজ করানোর জন্য জাভাস্ক্রিপ্ট তৈরি করুন, ক্লোজার এবং DOM ম্যানিপুলেশনে মনোযোগ দিন | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [টাইপিং গেম](./4-typing-game/solution/README.md) | টাইপিং গেম তৈরি | কী-বোর্ড ইভেন্ট ব্যবহার করে JavaScript অ্যাপের লজিক ড্রাইভ করা শিখুন | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Typing Game](./4-typing-game/solution/README.md) | টাইপিং গেম তৈরি | কী-বোর্ড ইভেন্ট ব্যবহার করে আপনার জাভাস্ক্রিপ্ট অ্যাপের লজিক চালানো শিখুন | [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 | [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 উপাদান তৈরি করুন যা লোকাল স্টোরেজে সঞ্চিত ভেরিয়েবল ব্যবহার করে | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ফর্ম তৈরি, API কল এবং লোকাল স্টোরেজে ভেরিয়েবল সংরক্ষণ | আপনার ব্রাউজার এক্সটেনশনের জাভাস্ক্রিপ্ট উপাদান তৈরি করুন API কল করার জন্য, লোকাল স্টোরেজে সংরক্ষিত ভেরিয়েবল ব্যবহার করুন | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) | ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরম্যান্স | এক্সটেনশনের আইকন ম্যানেজ করার জন্য ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস ব্যবহার করুন; ওয়েব পারফরম্যান্স এবং কিছু অপ্টিমাইজেশন শিখুন | [Background Tasks and Performance](./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) | জাভাস্ক্রিপ্ট দিয়ে উন্নত গেম ডেভেলপমেন্ট | ক্লাস এবং কম্পোজিশন ব্যবহার করে ইনহেরিটেন্স এবং পাব/সাব প্যাটার্ন সম্পর্কে শিখুন, গেম তৈরির প্রস্তুতিতে | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Space Game](./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) | ক্যানভাসে আঁকা | ক্যানভাস API সম্পর্কে জানুন, যা স্ক্রিনে এলিমেন্ট আঁকার জন্য ব্যবহৃত হয় | [Drawing to Canvas](./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) | স্ক্রিনে এলিমেন্টগুলি সরানো | কিভাবে কার্টেসিয়ান কোঅর্ডিনেট এবং ক্যানভাস API ব্যবহার করে এলিমেন্টগুলি গতি লাভ করতে পারে তা আবিষ্কার করুন | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | স্ক্রিনে উপাদান স্থানান্তর | কাকে Cartesian কোঅর্ডিনেট এবং Canvas API ব্যবহার করে উপাদানগুলো কীভাবে মুভ করে তা আবিষ্কার করুন | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [স্পেস গেম](./6-space-game/solution/README.md) | সংঘর্ষ সনাক্তকরণ | কীপ্রেস ব্যবহার করে এলিমেন্টগুলিকে সংঘর্ষ করতে এবং একে অপরের সাথে প্রতিক্রিয়া করতে দিন এবং গেমের পারফরম্যান্স নিশ্চিত করতে কুলডাউন ফাংশন দিন | [Collision Detection](./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) | স্কোর রাখা | গেমের অবস্থা এবং পারফরম্যান্সের উপর ভিত্তি করে গাণিতিক হিসাব নির্ণয় করুন | [Keeping Score](./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) | গেম শেষ করা এবং পুনরায় শুরু করা | গেম শেষ করা এবং পুনরায় শুরু করার সম্পর্কে শিখুন, যার মধ্যে রয়েছে অ্যাসেট পরিষ্কার করা এবং ভেরিয়েবল মান রিসেট করা | [The Ending Condition](./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 Templates and Routes](./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) | লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি | ফর্ম তৈরি এবং ভ্যালিডেশন রুটিন হ্যান্ডল করার ব্যাপারে শিখুন | [Forms](./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) | ডেটা পাওয়া এবং ব্যবহার করার পদ্ধতি | অ্যাপে কীভাবে ডেটা প্রবাহিত হয়, কীভাবে এটি আনা, সংরক্ষণ এবং নিষ্কাশন করা হয় সে সম্পর্কে জানুন | [Data](./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) | স্টেট ম্যানেজমেন্টের ধারণা | কীভাবে আপনার অ্যাপ স্টেট ধরে রাখে এবং কীভাবে প্রোগ্রাম্যাটিকভাবে তা নিয়ন্ত্রণ করে সে সম্পর্কে শিখুন | [State Management](./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 এর সাথে কাজ করা | একটি কোড এডিটর ব্যবহার করা শিখুন| [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 Assistants](./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 এর মৌলিক বিষয়গুলি শেখায়, পাশাপাশি আজকের ওয়েব ডেভেলপারদের ব্যবহৃত সর্বশেষ টুল এবং প্রযুক্তি। শিক্ষার্থীরা একটি টাইপিং গেম, ভার্চুয়াল টেরারিয়াম, ইকো-ফ্রেন্ডলি ব্রাউজার এক্সটেনশন, স্পেস-ইনভেডার-স্টাইল গেম এবং ব্যবসায়ের জন্য একটি ব্যাংকিং অ্যাপ তৈরি করে হাতে কলমে অভিজ্ঞতা অর্জনের সুযোগ পাবে। সিরিজের শেষে শিক্ষার্থীরা ওয়েব ডেভেলপমেন্টের একটি দৃঢ় ধারণা অর্জন করবে। প্রোগ্রামটি জাভাস্ক্রিপ্ট, HTML, এবং CSS এর মৌলিক বিষয়াদি শেখায়, পাশাপাশি আজকের ওয়েব ডেভেলপারদের দ্বারা ব্যবহৃত সর্বশেষ টুল এবং কৌশল। শিক্ষার্থীরা টাইপিং গেম, ভার্চুয়াল টেরারিয়াম, পরিবেশ বান্ধব ব্রাউজার এক্সটেনশন, স্পেস-ইনভেডার-স্টাইল গেম এবং ব্যবসায়িক ব্যাংকিং অ্যাপ তৈরি করে হাতে কলমে অভিজ্ঞতা অর্জন করবে। সিরিজের শেষে শিক্ষার্থীরা ওয়েব ডেভেলপমেন্টে শক্তিশালী ধারণা অর্জন করবে।
> 🎓 আপনি এই কারিকুলামের প্রথম কিছু পাঠ Microsoft Learn এ একটি [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) হিসেবে নিতে পারেন! > 🎓 এই পাঠ্যক্রমের প্রথম কয়েকটি পাঠ আপনি [Microsoft Learn](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) এ একটি [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) হিসেবে নিতে পারেন!
কন্টেন্ট প্রকল্পের সাথে সামঞ্জস্যপূর্ণ করার মাধ্যমে, প্রক্রিয়াটি শিক্ষার্থীদের জন্য আরও আকর্ষণীয় হয় এবং ধারণাগুলোর ধারণক্ষমতা বাড়ে। আমরা JavaScript এর মৌলিক বিষয়গুলিতে কয়েকটি স্টার্টার পাঠ লিখেছি ধারণাগুলো পরিচয় করানোর জন্য, একটি ভিডিও "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" কালেকশনের সাথে জোড়া দিয়েছি, যার কিছু লেখক এই কারিকুলামেও অবদান রেখেছেন। বিষয়বস্তু প্রকল্পগুলির সাথে সঙ্গতিপূর্ণ রাখার মাধ্যমে, শিক্ষার্থীদের জন্য প্রক্রিয়াটি আকর্ষণীয় হয় এবং ধারণাগুলোর ধারণক্ষমতা বৃদ্ধি পায়। আমরা কয়েকটি শুরুত্বর পাঠ লিখেছি জাভাস্ক্রিপ্ট বেসিকস-এ ধারণাগুলি পরিচয় করানোর জন্য, যার সাথে রয়েছে "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ভিডিও টিউটোরিয়ালের একটি ভিডিও, যাদের কিছু লেখক এই পাঠ্যক্রমে অবদান রেখেছেন।
অতিরিক্তভাবে, একটি ক্লাসের আগে একটি নিম্ন-দাবি কুইজ শিক্ষার্থীর শেখার উদ্দেশ্য স্থির করে, আর ক্লাসের পরে দ্বিতীয় কুইজ আরও ভালো ধারণার অধিকার নিশ্চিত করে। এই কারিকুলামটি নমনীয় এবং মজাদার হওয়ার জন্য ডিজাইন করা হয়েছে এবং পুরো বা আংশিকভাবে নেওয়া যেতে পারে। প্রকল্পসমূহ ছোট থেকে শুরু করে ১২-সপ্তাহের চক্র শেষে ক্রমশ জটিল হবে। অতিরিক্তভাবে, ক্লাসের আগে একটি কম চাপের কুইজ শিক্ষার্থীর শেখার উদ্দেশ্য নির্ধারণ করে, আর ক্লাসের পরে দ্বিতীয় কুইজ ধারণক্ষমতা বাড়ায়। এই পাঠ্যক্রমটি নমনীয় এবং মজাদার করার জন্য ডিজাইন করা হয়েছে এবং পুরো বা আংশিক অংশ হিসেবে নেওয়া যেতে পারে। প্রকল্পগুলি ছোট থেকে শুরু করে ১২ সপ্তাহের শেষে ক্রমাগত জটিলতর হয়।
আমরা ইচ্ছাকৃতভাবে 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) এবং [অবদান Guidelines](CONTRIBUTING.md) দেখুন। আপনার গঠনমূলক প্রতিক্রিয়া আমরা স্বাগত জানাই! > আমাদের [Code of Conduct](CODE_OF_CONDUCT.md) এবং [Contributing](CONTRIBUTING.md) নির্দেশিকা দেখুন। আমরা আপনার গঠনমূলক মতামতকে স্বাগত জানাই!
## 🧭 অফলাইন অ্যাক্সেস ## 🧭 অফলাইন অ্যাক্সেস
আপনি [Docsify](https://docsify.js.org/#/) ব্যবহার করে এই ডকুমেন্টেশন অফলাইনে চালাতে পারেন। এই রিপোটি Fork করুন, আপনার লোকাল মেশিনে [Docsify ইনস্টল করুন](https://docsify.js.org/#/quickstart), তারপর এই রিপোর রুট ফোল্ডারে `docsify serve` টাইপ করুন। ওয়েবসাইটটি আপনার লোকালহোস্টের ৩০০০ পোর্টে চালিত হবে: `localhost:3000`। আপনি [Docsify](https://docsify.js.org/#/) ব্যবহার করে এই ডকুমেন্টেশন অফলাইনে চালাতে পারেন। এই রিপোটি ফর্ক করুন, আপনার লোকাল মেশিনে [Docsify ইনস্টল করুন](https://docsify.js.org/#/quickstart), এবং তারপর এই রিপোর মূল ফোল্ডারে `docsify serve` টাইপ করুন। ওয়েবসাইটটি আপনার লোকালহোস্টে পোর্ট ৩০০০ এ চালু হবে: `localhost:3000`।
## 📘 পিডিএফ ## 📘 PDF
সমস্ত পাঠের একটি পিডিএফ এখানে পাওয়া যেতে পারে [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)। সব পাঠের একটি পিডিএফ এখানে পাওয়া যাবে [here](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
@ -230,7 +229,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)
@ -238,7 +237,7 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
--- ---
### মূল শিক্ষা ### কোর লার্নিং
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![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)
@ -255,23 +254,23 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
[![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 সম্পর্কে fellow learners এবং অভিজ্ঞ ডেভেলপারদের আলোচনায় যোগ দিন। এটি একটি সহায়ক কমিউনিটি যেখানে প্রশ্ন স্বাগত এবং জ্ঞান মুক্তভাবে শেয়ার করা হয়।
[![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": "bec5e35642176d9e483552bfc82996d8", "original_hash": "d5eeb6e975b5864d8da52d4a41941f8d",
"translation_date": "2026-03-06T17:35:28+00:00", "translation_date": "2026-04-06T16:19:02+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-03-06T17:44:47+00:00", "translation_date": "2026-04-06T16:28:19+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": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T17:31:44+00:00", "translation_date": "2026-04-06T16:15:29+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "mr" "language_code": "mr"
}, },

@ -2,42 +2,42 @@
## प्रकल्पाचा आढावा ## प्रकल्पाचा आढावा
ही सुरुवातीच्या लोकांसाठी वेब विकासाच्या मूलतत्त्वांवर शिकवण्यासाठी शैक्षणिक अभ्यासक्रमाची रेपॉजिटरी आहे. हा अभ्यासक्रम मायक्रोसॉफ्ट क्लाऊड अ‍ॅडवोकेट्सने विकसित केलेला व्याप्त 12 आठवड्यांचा कोर्स आहे, ज्यामध्ये JavaScript, CSS, आणि HTML यावर 24 प्रत्यक्ष हाताळणी असलेल्या धड्यांचा समावेश आहे. हा नवीन शिका-वेब विकास मूलभूत तत्त्वे शिकवण्यासाठी शैक्षणिक कोर्सचे संग्रह आहे. हा अभ्यासक्रम Microsoft Cloud Advocates यांनी विकसित केलेला १२ आठवड्यांचा सर्वसमावेशक कोर्स आहे, ज्यात JavaScript, CSS आणि HTML या विषयांवर २४ व्यावहारिक धडे आहेत.
### मुख्य घटक ### मुख्य घटक
- **शैक्षणिक सामग्री**: प्रकल्प-आधारित माड्यूलमध्ये आयोजित 24 संरचित धडे - **शैक्षणिक सामग्री**: प्रकल्पावर आधारित मॉड्यूल्समध्ये आयोजित २४ संरचित धडे
- **प्रायोगिक प्रकल्प**: टेररियम, टायपिंग गेम, ब्राउझर विस्तार, स्पेस गेम, बँकिंग अॅप, कोड संपादक, आणि एआय चॅट सहाय्यक - **व्यावहारिक प्रकल्प**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, आणि AI Chat Assistant
- **परस्पर संवादात्मक क्विझ**: प्रत्येकात 3 प्रश्न असलेल्या 48 क्विझेस (धडा आधी/नंतर मूल्यांकनासाठी) - **परस्पर क्रियाशील प्रश्नमंजुषा**: प्रत्येकी ३ प्रश्नांसह ४८ प्रश्नमंजुषा (प्री/पोस्ट-शिका मूल्यमापनासाठी)
- **बहुभाषिक समर्थन**: GitHub Actions च्या माध्यमातून 50+ भाषा स्वचालित भाषांतर - **अनेक भाषांमध्ये समर्थन**: GitHub Actions द्वारे ५०+ भाषांसाठी स्वयंचलित भाषांतर
- **तंत्रज्ञान**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (एआय प्रकल्पांसाठी) - **तंत्रज्ञान**: 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) ### प्रश्नमंजुषा अ‍ॅप सेटअप (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 चालवा
``` ```
@ -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,7 +56,7 @@ npm run format # Prettier सह फॉरमॅट करा
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# ब्राउझर-विशिष्ट विस्तार लोडिंग सूचना पाळा # ब्राउझर-विशिष्ट विस्तार लोड करण्याच्या सूचनांचे पालन करा
``` ```
### स्पेस गेम प्रकल्प ### स्पेस गेम प्रकल्प
@ -64,10 +64,10 @@ 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 Backend) ### चॅट प्रकल्प (Python बॅकएंड)
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
@ -80,112 +80,112 @@ 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` चालवा (पोर्ट 3000) - **दस्तऐवज**: मुळ निर्देशिकेत `docsify serve` चालवा (पोर्ट ३०००)
- **क्विझ अॅप**: quiz-app निर्देशिकेत `npm run dev` चालवा - **प्रश्नमंजुषा अ‍ॅप**: quiz-app निर्देशिकेत `npm run dev` चालवा
- **प्रकल्प**: HTML प्रकल्पांसाठी VS कोड Live Server विस्तार वापरा - **प्रकल्प**: HTML प्रकल्पांसाठी VS Code Live Server विस्तार वापरा
- **API प्रकल्प**: संबंधित API निर्देशिकांमध्ये `npm start` चालवा - **API प्रकल्प**: संबंधित API निर्देशिकेत `npm start` चालवा
## तपासणी सूचना ## चाचणी सूचना
### क्विझ अॅप तपासणी ### प्रश्नमंजुषा अ‍ॅप चाचणी
```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` चालवा
- 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}/` रचनेत
## बिल्ड आणि वितरण ## तयार करणे आणि तैनात करणे
### क्विझ अॅप वितरण (Azure Static Web Apps) ### प्रश्नमंजुषा अ‍ॅप तैनाती (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 कार्यप्रवाहाद्वारे तैनात करतो # मुख्य शाखेवर पुश केल्यावर GitHub Actions वर्कफ्लोद्वारे प्रक्षेपित करतो
``` ```
Azure Static Web Apps कॉन्फिगरेशन: Azure Static Web Apps कॉन्फिगरेशन:
@ -196,87 +196,87 @@ Azure Static Web Apps कॉन्फिगरेशन:
### दस्तऐवज 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] सेटअप सूचना अद्ययावत करा`
### आवश्यक तपासण्या ### आवश्यक तपासणी
पुल रिक्वेस्ट सबमिट करण्यापूर्वी: पुल विनंती पाठवण्यापूर्वी:
1. **कोड गुणवत्ता**: 1. **कोड गुणवत्ता**:
- प्रभावित प्रकल्प निर्देशिकांमध्ये `npm run lint` चालवा - प्रभावित प्रकल्प निर्देशिकांत `npm run 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 पालक आणि समुदायाकडून पुनरावलोकन केले जातात - PRs मेन्टेनर्स आणि समुदायाकडून तपासले जातात
- शैक्षणिक स्पष्टतेला प्राधान्य दिले जाते - शैक्षणिक स्पष्टता प्राधान्य दिले जाते
- कोड उदाहरणे सध्याच्या सर्वोत्तम पद्धतींचे पालन करतात - कोड उदाहरणे सद्याच्या सर्वोत्तम पद्धतींचे पालन करावी
- भाषांतर अचूकता आणि सांस्कृतिक योग्यतेसाठी पुनरावलोकित केले जाते - भाषांतर अचूकता आणि सांस्कृतिक योग्यता तपासली जाते
## भाषांतर प्रणाली ## भाषांतर प्रणाली
### स्वयंचलित भाषांतर ### स्वयंचलित भाषांतर
- GitHub Actions सह co-op-translator वर्कफ्लो वापरते - 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:
--> -->
``` ```
## डीबगिंग आणि समस्या निवारण ## डीबगिंग आणि त्रुटी निवारण
### सामान्य समस्या ### सामान्य समस्या
**क्विझ अॅप सुरू होत नाही**: **प्रश्नमंजुषा अ‍ॅप सुरू होत नाही**:
- 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 असल्याची खात्री करा
- पोर्ट आधीच वापरात नाही का ते पहा - पोर्ट आधीच वापरात आहे का तपासा
- सर्व अवलंबित्वे `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 विस्तार इंस्टॉल करा
- JavaScript डीबगिंगसाठी ब्राउझर DevTools वापरा - JavaScript डीबगिंगकरिता ब्राउझर DevTools वापरा
- Vue प्रकल्पांसाठी, Vue DevTools ब्राउझर विस्तार इन्स्टॉल करा - Vue प्रकल्पांसाठी Vue DevTools ब्राउझर विस्तार इंस्टॉल करा
### कामगिरी विचार ### कार्यक्षमता विचार
- भाषांतरित फाइल्सची मोठी संख्या (50+ भाषा) असल्यामुळे पुर्ण क्लोन मोठे असू शकतात - अनेक भाषांतराच्या फाइल्स (५०+ भाषा) असल्यामुळे पूर्ण क्लोन मोठे असू शकतात
- फक्त सामग्रीवर काम करत असल्यास, `git clone --depth 1` वापरा - फक्त सामग्रीसाठी काम करत असल्यास `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` - व्हर्च्युअल एन्व्हायर्नमेंट वापरा: `python -m venv venv`
- अवलंबित्व अपडेट ठेवा - अवलंबित्वे अद्ययावत ठेवा
- GitHub टोकन्सकडे कमीतकमी परवानगी द्या - GitHub टोकनला आवश्यक किमान परवानग्या द्या
### GitHub मॉडेल्स प्रवेश ### GitHub Models प्रवेश
- GitHub मॉडेल्ससाठी व्यक्तीगत प्रवेश टोकन्स (PAT) आवश्यक - GitHub Models साठी वैयक्तिक प्रवेश टोकन (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)
- अतिरिक्त कोर्सेस: जनरेटिव्ह 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` - एआय चॅट सहाय्यक प्रकल्प - `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 -->

@ -10,29 +10,29 @@
[![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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](./README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **स्थानिक स्वरूपात क्लोन करावे का?** > **स्थानिकरित्या क्लोन करण्यास प्राधान्य देता?**
> >
> या रिपॉझिटरीमध्ये 50 पेक्षा जास्त भाषा अनुवादांचा समावेश आहे ज्यामुळे डाउनलोडचा आकार खूप वाढतो. अनुवादांशिवाय क्लोन करण्यासाठी, sparse checkout वापरा: > या रिपॉझिटरीमध्ये ५०+ भाषांमधील अनुवाद आहेत ज्यामुळे डाउनलोडचा आकार मोठा होतो. अनुवादांशिवाय क्लोन करण्यासाठी sparse checkout वापरा:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,174 +48,175 @@ Azure AI Foundry Discord समुदायात सामील व्हा
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > 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) भेट द्या जिथे तुम्हाला नवशिक्यांसाठी संसाधने, विद्यार्थी पॅक आणि अगदी मोफत प्रमाणपत्र व्हाउचर मिळतील. हाच पृष्ठ तुम्हाला आवर्जून बुकमार्क करावे आणि वेळोवेळी तपासावे कारण आम्ही दरमहा सामग्री बदलतो. [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) येथे भेट द्या जिथे आपल्याला नवीनकरांसाठी संसाधने, विद्यार्थी पॅक आणि अगदी मोफत प्रमाणपत्र व्हाउचर मिळविण्यास मार्ग सापडतील. हे पृष्ठ तुम्हाला जपावे लागेल आणि वेळोवेळी तपासावे कारण आम्ही सामग्री दरमहिना बदलतो.
### 📣 घोषणा - नवीन GitHub Copilot Agent मोड आव्हाने पूर्ण करायची! ### 📣 जाहिरात - नवीन GitHub Copilot Agent मोड आव्हाने पूर्ण करा!
नवीन आव्हान जोडले गेले आहे, बहुतेक प्रकरणांमध्ये "GitHub Copilot Agent Challenge 🚀" शोधा. GitHub Copilot आणि Agent मोड वापरून पूर्ण करायचे हे नवीन आव्हान आहे. जर तुम्ही पूर्वी Agent मोड वापरला नसेल तर तो फक्त मजकूर तयार करत नाही तर फाईल तयार करणे, संपादित करणे, कमांड चालवणे इत्यादीही करू शकतो. नवीन आव्हान जोडले आहे, बहुतेक अध्यायांमध्ये "GitHub Copilot Agent Challenge 🚀" पहा. हे GitHub Copilot आणि Agent मोड वापरून पूर्ण करण्यासाठी नवीन आव्हान आहे. तुम्ही आधी Agent मोड वापरला नसेल तर हे फक्त मजकूर तयार करत नाही तर फायली तयार करणं, संपादित करणं, कमांड्स चालवणं आणि बरेच काही करू शकतं.
### 📣 घोषणा - _Generative AI वापरून नवीन प्रोजेक्ट तयार करा_ ### 📣 जाहिरात - _जनरेटिव्ह AI वापरून नवीन प्रोजेक्ट तयार करा_
नवीन AI साहायक प्रोजेक्ट नुकताच जोडले गेले आहे, ते पाहा [प्रोजेक्ट](./9-chat-project/README.md) नवीन AI सहाय्यक प्रोजेक्ट नुकताच जोडले गेले आहे, याची पाहणी करा [project](./9-chat-project/README.md)
### 📣 घोषणा - _Generative AI साठी JavaScript चा नवीन अभ्यासक्रम_ नुकताच प्रकाशित झाला आहे ### 📣 जाहिरात - _JavaScript साठी नवीन जनरेटिव्ह AI अभ्यासक्रम_ नुकताच प्रदर्शित केला गेला
आमचा नवीन Generative AI अभ्यासक्रम मिस करू नका! आमचा नवीन जनरेटिव्ह AI अभ्यासक्रम हरवू नका!
प्रारंभ करण्यासाठी भेट द्या [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! सुरुवात करण्यासाठी भेट द्या [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
![Background](../../translated_images/mr/background.148a8d43afde5730.webp) ![Background](../../translated_images/mr/background.148a8d43afde5730.webp)
- मूलभूत गोष्टींपासून RAG पर्यंत सर्व विषयांना स्पर्श करणारे धडे. - मूलभूत गोष्टींपासून आरएजीपर्यंतचे धडे.
- 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](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/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) तुम्हाला वेगवेगळ्या पर्यायांबाबत मार्गदर्शन करेल ज्यामुळे तुम्ही तुमच्यासाठी योग्य असलेल्या टूलची निवड करू शकता. स्थानिक पद्धतीने हा अभ्यासक्रम चालविण्यास, आपल्याला टेक्स्ट एडिटर, ब्राउझर आणि कमांड लाइन साधन आवश्यक आहे. आमचा पहिला धडा, [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). आमची शिफारस आहे की आपण [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 फोल्डरमध्ये आहेत, एकूण 48 क्विझ तीन प्रश्नांसह. ते [इथे](https://ff-quizzes.netlify.app/web/) उपलब्ध आहेत, क्विझ अ‍ॅप स्थानिकरित्या चालवू शकतो किंवा Azure वर तैनात करू शकतो; `quiz-app` फोल्डरमधील सूचना पाळा. > **क्विझ बद्दल नोंद**: सर्व क्विझ Quiz-app फोल्डरमध्ये आहेत, जवळजवळ 48 क्विझ तीन प्रश्नांसह. ते [इथे](https://ff-quizzes.netlify.app/web/) उपलब्ध आहेत. क्विझ अॅप स्थानिकरित्या चालवता येऊ शकतो किंवा Azure वर डिप्लॉय केला जाऊ शकतो; `quiz-app` फोल्डरमधील सूचनांचे पालन करा.
## 🗃️ धडे ## 🗃️ धडे
| | प्रकल्पाचे नाव | शिकवलेले संकल्पना | शिकण्याचे उद्दिष्टे | लिंक दिलेला धडा | लेखक | | | प्रकल्पाचे नाव | शिकवले जाणारे संकल्पना | शिकण्याचे उद्दिष्टे | लिंक केलेला धडा | लेखक |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | प्रोग्रॅमिंग परिचय आणि उपकरणांची माहिती | बहुसंख्य प्रोग्रॅमिंग भाषांमागील मूलभूत तत्त्वे आणि व्यावसायिक विकसक जे काम करतात त्यासाठी मदत करणारे सॉफ्टवेअर शिकणे | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | सुरुवात करणे | प्रोग्रामिंगची ओळख आणि वापरासाठी साधने | बहुसंख्य प्रोग्रामिंग भाषा आणि व्यावसायिक विकासकांसाठी मदत करणारे सॉफ्टवेअर याबद्दल मूलभूत माहिती मिळवा | [प्रोग्रामिंग भाषा आणि साधने ओळख](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Getting Started | GitHub ची मूलभूत माहिती, टीमसोबत काम करणे | तुमच्या प्रकल्पात GitHub कसा वापरायचा, कोड बेसवर इतरांसोबत कसे सहकार्य करायचे याचा अभ्यास | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | सुरुवात करणे | GitHub चे मूलभूत तत्त्व, टीम सोबत काम करणे | आपल्या प्रकल्पात GitHub कसा वापरायचा, कोड बेसवर इतरांसोबत कसे सहकार्य करायचे | [GitHub ओळख](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | प्रवेशयोग्यता | वेब प्रवेशयोग्यतेच्या मूलभूत गोष्टी शिकणे | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | सुरुवात करणे | प्रवेशयोग्यता | वेब प्रवेशयोग्यतेच्या मूलभूत गोष्टी शिकणे | [प्रवेशयोग्यता मूलभूत तत्त्वे](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांचे मूलभूत ज्ञान | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS मूलभूत | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांची मूलभूत माहिती | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | फंक्शन्स आणि मेथड्स | एका अनुप्रयोगाच्या लॉजिक फ्लोवर नियंत्रण ठेवण्यासाठी फंक्शन्स आणि मेथड्सबद्दल शिकणे | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | | 05 | JS मूलभूत | फंक्शन्स आणि मेथड्स | अॅप्लिकेशनच्या लॉजिक फ्लोचे व्यवस्थापन करण्यासाठी फंक्शन्स आणि मेथड्स विषयी जाणून घ्या | [फंक्शन्स आणि मेथड्स](./2-js-basics/2-functions-methods/README.md) | Jasmine आणि Christopher |
| 06 | JS Basics | JSसह निर्णय घेणे | तुमच्या कोडमध्ये निर्णय घेण्याच्या पद्धती वापरून स्थिती कशी बनवायची हे शिकणे | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS मूलभूत | JS ने निर्णय घेणे | निर्णय घेण्याच्या पद्धती वापरून आपल्या कोडमध्ये अटी निर्माण करणे शिकणे | [निर्णय घेणे](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | अ‍ॅरे आणि लूप | JavaScript मध्ये डेटा अ‍ॅरे आणि लूपने कसा हाताळायचा | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS मूलभूत | अ‍ॅरे आणि लूप्स | JavaScript मध्ये अ‍ॅरे आणि लूप्स वापरून डेटा काम करणे | [अ‍ॅरे आणि लूप्स](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML प्रॅक्टिस | ऑनलाइन टेरारियम तयार करण्यासाठी HTML तयार करा, लेआउटवर लक्ष केंद्रित करा | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 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 च्या मूलभूत गोष्टींचा वापर करून पान प्रतिसादात्मक कसे करायचे हे शिकणे | [Introduction to 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 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 क्लोजर्स, DOM मॅनिप्युलेशन](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | टायपिंग गेम बनवा | कीबोर्ड इव्हेंट्सचा वापर करून तुमच्या JavaScript अ‍ॅपच्या लॉजिकला कसे चालवायचे हे शिकणे | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | | 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) | ब्राउझरशी काम करणे | ब्राउझर कसे काम करतात, त्यांचा इतिहास काय आहे, आणि ब्राउझर एक्सटेंशनचे पहिले घटक कसे तयार करायचे याचा अभ्यास | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझर्ससोबत काम करणे | ब्राउझर्स कसे कार्य करतात, त्यांचा इतिहास, आणि ब्राउझर एक्सटेंशनचे पहिले घटक कसे तयार करायचे ते शिका | [ब्राउझर्स विषयी](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक संग्रहणात डेटा सेव्ह करणे | ब्राउझर एक्सटेंशनसाठी JavaScript घटक तयार करा ज्याने API कॉल करायचा आणि स्थानिक संग्रहणातील व्हेरिएबल वापरायचे | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि लोकल स्टोरेजमध्ये व्हेरिएबल्स संग्रहित करणे | आपल्या ब्राउझर एक्सटेंशनसाठी JavaScript घटक तयार करा जे API कॉल करतील आणि लोकल स्टोरेजमधील व्हेरिएबल्स वापरतात | [API, फॉर्म्स आणि लोकल स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरमधील पार्श्वभूमी प्रक्रिया, वेब कार्यक्षमता | अ‍ॅप्लिकेशनची चिन्हे कशी व्यवस्थापित करावी हे ब्राउझरच्या पार्श्वभूमी प्रक्रियांद्वारे करा; वेब कार्यक्षमता आणि ऑप्टिमायझेशनच्या काही गोष्टीही शिका | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरमधील बॅकग्राऊंड प्रोसेसेस, वेबपरफॉर्मन्स | एक्सटेंशन आयकॉन व्यवस्थापित करण्यासाठी ब्राउझरच्या बॅकग्राऊंड प्रोसेसेस वापरा; वेबक्षमता आणि काही ऑप्टिमायझेशन्स बद्दल शिका | [बॅकग्राऊंड टास्क आणि परफॉर्मन्स](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript वापरून अधिक प्रगत गेम विकास | क्लासेस आणि कंपोजिशन वापरून इनहेरिटन्स आणि Pub/Sub पॅटर्न बद्दल शिका, गेम तयार करण्याच्या तयारीसाठी | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript वापरून अधिक प्रगत गेम विकास | क्लासेस आणि कंपोझिशन वापरून वारसा घेणे आणि Pub/Sub पॅटर्न शिकून गेम तयार करण्यासाठी तयार व्हा | [अधिक प्रगत गेम विकासाचा परिचय](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | कॅनव्हासवर रेखाटन करणे | एक स्क्रीनवर घटक कसे रेखाटायचे हे Canvas API वापरून शिका | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Space Game](./6-space-game/solution/README.md) | कॅनव्हासवर रेखाटन | स्क्रीनवर घटक रेखाटण्यासाठी वापरले जाणारे कॅनव्हास API विषयी शिका | [कॅनव्हासवर रेखाटन](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीनवर घटक हलवणे | कर्टेसियन निर्देशांक आणि Canvas API वापरून घटकांना हालचाल कशी मिळवायची शोधा | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीनवरील घटक हलविणे | घटकांना कॉर्टेशियन निर्देशांक आणि कॅनव्हास API वापरून कसे हालचाल करता येते ते शोधा | [घटक हलविणे](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | धडक ओळखणे | घटक एकमेकांशी कसे धडकतात आणि कीप्रेस वापरून प्रतिसाद द्यायचा, तसेच गेमची कार्यक्षमता सुनिश्चित करण्यासाठी कूलडाऊन फंक्शन द्या | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Space Game](./6-space-game/solution/README.md) | टक्कर शोधणे | तपकिरी आणि प्रतिक्रिया कसे घडवायची ते शिका ज्यासाठी कीप्रेस वापरून आणि गेमच्या कामगिरीसाठी कूलडाउन फंक्शन पुरवा | [टक्कर शोधणे](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | स्कोअर ठेवणे | गेमच्या स्थिती आणि कार्यक्षमतेवर आधारित गणिती गणना करा | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Space Game](./6-space-game/solution/README.md) | गुणधर्म सांभाळणे | गेमच्या स्थितीवर आधारित गणिती गणना करा आणि कामगिरी सांभाळा | [गुणधर्म सांभाळणे](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | गेमचा शेवट आणि पुन्हा सुरू करणे | गेमचा शेवट कसा करायचा आणि पुन्हा सुरू कसा करायचा, तसेच रीसोर्सेस साफ करणे आणि व्हेरिएबल मूल्ये रीसेट करणे | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Space Game](./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 Templates and Routes](./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) | लॉगिन आणि नोंदणी फॉर्म तयार करा | फॉर्म तयार करणे आणि व्हॅलिडेशन रुटीन्स कसे हाताळायचे हे शिका | [Forms](./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) | डेटा मिळविण्याचे आणि वापरण्याचे प्रकार | तुमच्या अ‍ॅपमध्ये डेटा कसा प्रवाहित होतो, तो कसा मिळवायचा, साठवायचा आणि नष्ट करायचा याचा अभ्यास | [Data](./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) | स्टेट मॅनेजमेंटचे संकल्पना | तुमचा अ‍ॅप स्टेट कसा राखतो आणि प्रोग्रामिंगद्वारे त्याचे व्यवस्थापन कसे करायचे हे शिका | [State Management](./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 सह काम करणे | कोड संपादक वापरणे शिका | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Browser/VScode Code](../../8-code-editor) | VScode सोबत काम करणे | कोड एडिटर वापरण्याबद्दल शिका| [VScode Code Editor वापरा](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI सह काम करणे | तुमचा स्वतःचा AI सहाय्यक कसा तयार करायचा हे शिका | [AI Assistant project](./9-chat-project/README.md) | Chris | | 26 | [AI असिस्टंट्स](./9-chat-project/README.md) | AI सोबत काम करणे | स्वतःचा AI असिस्टंट कसा तयार करायचा ते शिका | [AI Assistant प्रकल्प](./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 वर घेऊ शकता! > 🎓 तुम्ही Microsoft Learn वरील [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) म्हणून या अभ्यासक्रमातील काही पहिले धडे घेऊ शकता!
प्रकल्पांशी विषयवस्तू जुळवून, विद्यार्थ्यांसाठी प्रक्रिया अधिक आकर्षक बनते आणि संकल्पनांचे लक्षात ठेवणे वाढते. आम्ही JavaScript मूलभूत गोष्टींबाबत अनेक सुरूवातीचे धडे लिहिले आहेत, ज्यात "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" या व्हिडिओ ट्यूटोरियल्समधील व्हिडिओ समाविष्ट आहेत, ज्यांचे काही लेखक या अभ्यासक्रमात योगदान देतात. सामग्री प्रकल्पांसोबत अनुरूप ठेवून, विद्यार्थ्यांच्या संलग्नतेत सुधारणा होते आणि संकल्पनांची जप्ती वाढते. आम्ही JavaScript मूलभूत गोष्टी ओळखण्यासाठी काही प्रारंभिक धडे लिहिले आहेत, ज्यांना "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" व्हिडिओ ट्यूटोरियल कलेक्शनचा व्हिडिओ जोडलेला आहे, ज्यातील काही लेखकांनी या अभ्यासक्रमात योगदान दिले आहे.
याव्यतिरिक्त, वर्गाच्या आधी एक कमी धोक्याचा क्विझ विद्यार्थ्यांच्या शिकण्याच्या हेतूची उद्दिष्टे निश्चित करतो, तर वर्गानंतरचा दुसरा क्विझ अधिक टिकाव गाठण्यास मदत करतो. हा अभ्यासक्रम लवचिक आणि मजेदार करण्यासाठी डिझाइन केला आहे आणि संपूर्ण किंवा भाग म्हणून घेता येतो. प्रकल्प सुरुवातीला छोटे असतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी अधिक जटिल होतात. शिवाय, वर्गापूर्वी कमी धोक्याचे क्विझ विद्यार्थ्यांच्या विषयात रस निर्माण करण्यासाठी आणि वर्गानंतर दुसरे क्विझ अधिक चांगली जप्ती सुनिश्चित करण्यासाठी डिझाइन केलेले आहे. हा अभ्यासक्रम लवचीक आणि मनोरंजक असावा म्हणून तयार केलेला आहे आणि पूर्णपणे किंवा भागामध्ये घेतला जाऊ शकतो. प्रकल्प लहानापासून सुरू होतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी अधिक क्लिष्ट होतात.
आम्ही जावास्क्रिप्ट फ्रेमवर्कमध्ये प्रवेश करणे टाळले आहे जेणेकरून वेब विकसकासाठी मूलभूत कौशल्यांवर लक्ष केंद्रीत करता येईल, फ्रेमवर्क स्वीकारण्याआधी. या अभ्यासक्रमाचा पुढचा चांगला टप्पा 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) आणि [योगदान कसे करावे](CONTRIBUTING.md) मार्गदर्शक प्रभावी अभिप्रायासाठी तुमचे स्वागत करतात!
## 🧭 ऑफलाइन प्रवेश ## 🧭 ऑफलाइन प्रवेश
तुम्ही [Docsify](https://docsify.js.org/#/) वापरून ही माहिती ऑफलाइन चालवू शकता. या रेपोचे फोर्क करा, स्थानिक संगणकावर [Docsify इंस्टॉल](https://docsify.js.org/#/quickstart) करा, नंतर या रेपोच्या मूळ फोल्डरमध्ये `docsify serve` टाईप करा. वेबसाईट पोर्ट 3000 वर तुमच्या लोकलहोस्टवर चालू होईल: `localhost:3000`. तुम्ही [Docsify](https://docsify.js.org/#/) वापरून हे दस्तऐवज ऑफलाइन चालवू शकता. हे रेपो फोर्क करा, आपल्या स्थानिक संगणकावर [Docsify स्थापित करा](https://docsify.js.org/#/quickstart), आणि नंतर या रेपोच्या मूळ फोल्डरमध्ये `docsify serve` टाइप करा. वेबसाईट लोकलहोस्टवर पोर्ट 3000 वर सेवा देईल: `localhost:3000`.
## 📘 PDF ## 📘 PDF
सर्व धड्यांचा 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
@ -232,7 +233,7 @@ Azure AI Foundry Discord समुदायात सामील व्हा
--- ---
### जनरेटिव AI मालिका ### जनरेटिव 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)
@ -240,7 +241,7 @@ Azure AI Foundry Discord समुदायात सामील व्हा
--- ---
### मुख्य शिक्षण ### कोअर शिक्षण
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![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)
@ -251,29 +252,29 @@ Azure AI Foundry Discord समुदायात सामील व्हा
--- ---
### Copilot मालिका ### कोपायलट सिरीज
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for 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 -->
## मदत घेणे ## मदत मिळवणे
जर तुम्हाला अडचण किंवा एआय ऍप्स तयार करताना काही प्रश्न असतील तर. 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": "bec5e35642176d9e483552bfc82996d8", "original_hash": "d5eeb6e975b5864d8da52d4a41941f8d",
"translation_date": "2026-03-06T17:42:16+00:00", "translation_date": "2026-04-06T16:26:00+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-03-06T17:46:03+00:00", "translation_date": "2026-04-06T16:29:31+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": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T17:37:35+00:00", "translation_date": "2026-04-06T16:21:15+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "ne" "language_code": "ne"
}, },

@ -2,36 +2,36 @@
## परियोजना अवलोकन ## परियोजना अवलोकन
यो शुरुवातीहरूलाई वेब विकासको आधारहरू सिकाउनका लागि शैक्षिक पाठ्यक्रम रिपोजिटरी हो। यो पाठ्यक्रम Microsoft Cloud Advocates द्वारा विकास गरिएको व्यापक १२ हप्ता लामो कोर्स हो, जसमा JavaScript, CSS, र HTML समेटिएका २४ व्यावहारिक पाठहरू समावेश छन्। यो शुरुआतीहरूको लागि वेब विकासका आधारहरू सिकाउनको लागि शैक्षिक पाठ्यक्रम भण्डार हो। यो पाठ्यक्रम Microsoft क्लाउड एडभोकेटहरूले विकास गरेको व्यापक १२-सप्ताहको कोर्स हो, जसमा JavaScript, CSS, र HTML समेटिएका २४ व्यवहारिक पाठहरू छन्।
### मुख्य तत्वहरू ### मुख्य अङ्गहरू
- **शैक्षिक सामग्री**: परियोजना-आधारित मोड्युलहरूमा आयोजित २४ संरचित पाठहरू - **शैक्षिक सामग्री**: परियोजना-आधारित मोड्युलहरूमा व्यवस्थित २४ संरचित पाठहरू
- **व्यावहारिक परियोजनाहरू**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, र AI Chat Assistant - **व्यावहारिक परियोजनाहरू**: टेरारियम, टाइपिंग खेल, ब्राउजर एक्सटेन्शन, स्पेस खेल, बैंकिङ एप, कोड सम्पादक, र 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
@ -48,26 +48,26 @@ 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 सँग ढाँचा मिलाउनुहोस्
``` ```
### ब्राउजर एक्सटेन्सन परियोजनाहरू ### ब्राउजर एक्सटेन्शन परियोजनाहरू
```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 ब्याकएन्ड)
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
@ -78,205 +78,205 @@ 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` चलाउनुहोस् (पोर्ट 3000)
- **Quiz App**: quiz-app डाइरेक्टरीमा `npm run dev` चलाउनुहोस् - **क्विज एप**: 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 टेक्स्ट - पहुँचयोग्यताको लागि छविहरूमा 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 डिप्लोयमेन्टका लागि कन्फिगर गरिएको छ: quizz-app Azure Static Web Apps वितरणको लागि कन्फिगर गरिएको छ:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # dist/ फोल्डर सिर्जना गर्दछ npm run build # dist/ फोल्डर सिर्जना गर्छ
# मुख्य शाखामा push गर्दा GitHub Actions workflow मार्फत वितरण गर्दछ # मुख्य शाखामा पुश गर्दा 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] terrarium परियोजनामा टाइपो सच्याउनुहोस्` - `[Lesson-3] टेरारियम परियोजनामा टाइपो मेटाउनुहोस्`
- `[Translation] पाठ 5 का लागि स्पेनिश अनुवाद थप्नुहोस्` - `[Translation] पाठ ५ को स्पेनी अनुवाद थप्नुहोस्`
- `[Docs] सेटअप निर्देशन अद्यावधिक गर्नुहोस्` - `[Docs] सेटअप निर्देशनहरू अद्यावधिक गर्नुहोस्`
### आवश्यक जाँचहरू ### आवश्यक जाँचहरू
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 workflow प्रयोग - GitHub Actions को सहकार्य अनुवादक वर्कफ्लो प्रयोग गर्छ
- ५०+ भाषाहरूमा स्वचालित अनुवाद - ५०+ भाषाहरूमा स्वतः अनुवाद गर्छ
- मुख्य निर्देशिकाहरूमा स्रोत फाइलहरू - स्रोत फाइलहरू मुख्य निर्देशिकामा हुन्छन्
- अनुवादित फाइलहरू `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:
@ -291,118 +291,118 @@ 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 ले पोर्ट ५१७३ प्रयोग गर्छ) - पोर्ट द्वन्द्व (डिफल्ट: Vite ले पोर्ट 5173 प्रयोग गर्छ) जाँच्नुहोस्
**API सर्भर सुरु हुँदैन**: **API सर्भर सुरु हुँदैन**:
- Node.js संस्करण कम्तिमा node >=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 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 ब्राउजर विस्तार स्थापना गर्नुहोस्
### प्रदर्शन विचारहरू ### प्रदर्शनका विचारहरू
- धेरै अनुवादित फाइलहरू (५०+ भाषाहरू) हुँदा पूर्ण क्लोन ठूलो हुन्छ - धेरै अनुवाद फाइलहरू (५०+ भाषा) हुनुको कारण पूर्ण क्लोनहरू ठूलो हुन्छन्
- सामग्रीमा मात्र काम गर्दा shallow clone प्रयोग गर्नुहोस्: `git clone --depth 1` - मात्र सामग्रीमा काम गर्दा `git clone --depth 1` प्रयोग गर्नुहोस्
- अंग्रेजी सामग्रीमा काम गर्दा अनुवादहरू खोजबाट बाहिर राख्नुहोस् - अंग्रेजी सामग्रीमा काम गर्दा अनुवादहरू खोजीबाट बाहिर राख्नुहोस्
- पहिलो पटक चलाउँदा बिल्ड प्रक्रिया ढिलो हुन सक्छ (npm install, Vite build) - पहिलो पटक रन गर्दा बिल्ड प्रक्रियाहरू धिमा हुन सक्छन् (`npm install`, Vite build)
## सुरक्षा विचारहरू ## सुरक्षा विचारहरू
### वातावरण भेरिएबलहरू ### वातावरणीय चरहरू
- API कुञ्जीहरू रिपोजिटरीमा कहिल्यै कमिट नगर्नुहोस् - API कुञ्जीहरू कहिल्यै भण्डारमा कमिट नगर्नुहोस्
- `.env` फाइलहरू प्रयोग गर्नुहोस् (पहिले नै `.gitignore` मा छन्) - `.env` फाइलहरू प्रयोग गर्नुहोस् (पहिल्यै `.gitignore` मा छन्)
- आवश्यक वातावरण भेरिएबलहरू परियोजना README मा उल्लेख गर्नुहोस् - परियोजनाका README मा आवश्यक वातावरण चरहरू डकुमेन्ट गर्नुहोस्
### Python परियोजनाहरू ### Python परियोजनाहरू
- virtual environments प्रयोग गर्नुहोस्: `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)
- अतिरिक्त कोर्सहरू: Generative AI, Data Science, ML, IoT पाठ्यक्रमहरू उपलब्ध - थप पाठ्यक्रमहरू: जनरेटिभ AI, डेटा विज्ञान, ML, IoT पाठ्यक्रमहरू उपलब्ध
### विशेष परियोजनासँग काम गर्ने ### विशेष परियोजनाहरू सँग काम गर्ने
व्यक्तिगत परियोजनामा विस्तृत निर्देशनका लागि हेर्नुहोस् 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,38 +1,26 @@
[![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)
[![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/) माइक्रोसफ्ट क्लाउड एड्भोकेट्सद्वारा तयार गरिएको हाम्रो १२ हप्ते व्यापक पाठ्यक्रमसँग वेब विकासका आधारभूत कुरा सिक्नुहोस्। २४ वटा पाठहरू मध्ये प्रत्येक JavaScript, CSS, र HTML लाई व्यावहारिक परियोजनाहरू जस्तै टेरारियम, ब्राउजर एक्स्टेन्सन, र स्पेस गेमहरू मार्फत गहिरोसँग बुझिन्छ। क्विजहरू, छलफलहरू, र व्यावहारिक कार्यहरूमा सहभागी हुनुहोस्। हाम्रो प्रभावकारी परियोजना-आधारित शिक्षण विधिका साथ आफ्नो सीपहरू बढाउनुहोस् र आफ्नो ज्ञानको स्थायित्व बढाउनुहोस्। आजै आफ्नो कोडिङ यात्रा सुरू गर्नुहोस्!
[![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. **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) 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. **Repository Clone गर्नुहोस्**: `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](../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) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](./README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **स्थानीय रूपमा क्लोन गर्न प्राथमिकता दिनुहुन्छ?** > **स्थानीय रूपमा क्लोन गर्न चाहनुहुन्छ?**
> >
> यस repository मा ५०+ भाषा अनुवादहरू छन् जुन डाउनलोड आकार धेरै बढाउँछ। अनुवादहरू बिना क्लोन गर्न sparse checkout प्रयोग गर्नुहोस्: > यो रिपोजिटरीमा ५० भन्दा बढी भाषामा अनुवादहरू छन् जसले डाउनलोड साइजलाई धेरै बढाउँछ। अनुवादहरू बिना क्लोन गर्न, sparse checkout प्रयोग गर्नुहोस्:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,172 +36,173 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > 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) भ्रमण गर्नुहोस् जहाँ तपाईंले शुरुवातीहरूको लागि स्रोतहरू, विद्यार्थी प्याकहरू र निशुल्क प्रमाणपत्र भौचर कसरी पाउने तरिकाहरू पाउनुहुनेछ। यो पृष्ठ तपाईंले बुकमार्क गर्नु पर्ने पृष्ठ हो र हामी मासिक रूपमा सामग्री परिवर्तन गर्दा समय समयमा जाँच गर्नुहोस्। [**Student Hub पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) भ्रमण गर्नुहोस् जहाँ तपाईं प्रारम्भिक स्रोतहरू, विद्यार्थी प्याकहरू, र निशुल्क प्रमाणपत्र भाउचर प्राप्त गर्ने तरिका पाउनुहुनेछ। यो पृष्ठ तपाईंले बुकमार्क गर्न र महिनावारी नयाँ सामग्री आउँदा जाँच गर्न चाहिने छ।
### 📣 घोषणा - नयाँ GitHub Copilot Agent मोड चुनौतीहरू पूरा गर्नुहोस्! ### 📣 सूचना - नयाँ GitHub Copilot Agent मोड चुनौतीहरू पूरा गर्ने!
नयाँ चुनौती थपियो, धेरै अध्यायहरूमा "GitHub Copilot Agent Challenge 🚀" खोज्नुहोस्। यो GitHub Copilot र Agent मोडको प्रयोग गरेर तपाईंले पूरा गर्न सक्ने नयाँ चुनौती हो। यदि तपाईंले पहिले Agent मोड प्रयोग गर्नुभएन भने यो केवल पाठ बनाउने मात्र नभई फाइलहरू सिर्जना गर्न, सम्पादन गर्न, आदेशहरू चलाउन र अझ धेरै गर्न सक्षम छ। नयाँ चुनौती थपिएको छ, प्रायः अध्यायहरूमा "GitHub Copilot Agent Challenge 🚀" खोज्नुहोस्। यो GitHub Copilot र Agent मोड प्रयोग गरी पूरा गर्न नयाँ चुनौती हो। यदि तपाईंले पहिले Agent मोड प्रयोग गर्नुभएको छैन भने, यो केवल टेक्स्ट मात्र उत्पन्न गर्न सक्दैन, फाइलहरू सिर्जना र सम्पादन गर्न, कमाण्डहरू चलाउन र धेरै गर्न सक्षम छ।
### 📣 घोषणा - _Generative AI प्रयोग गरेर नयाँ परियोजना बनाउने_ ### 📣 सूचना - _Generative AI प्रयोग गरेर नयाँ परियोजना बनाउने_
नयाँ AI सहायक परियोजना थपियो, यहाँ हेरौं [परियोजना](./9-chat-project/README.md) नयाँ AI सहायक परियोजना हालै थपियो, जाँच गर्नुहोस् [परियोजना](./9-chat-project/README.md)
### 📣 घोषणा - _Generative AI को लागि नयाँ पाठ्यक्रम_ JavaScript मा जारी भएको छ ### 📣 सूचना - _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/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 सिर्जना गर्नुहोस् #### आफ्नो रिपोजिटरी सिर्जना गर्नुहोस्
आफ्नो काम सजिलै सुरक्षित गर्न, तपाईंले यो repository को आफ्नै प्रति सिर्जना गर्ने सिफारिस गरिन्छ। तपाईं यसलाई पृष्ठको माथिल्लो भागमा रहेको **Use this template** बटनमा क्लिक गरेर गर्न सक्नुहुन्छ। यसले Github खातामा पाठ्यक्रमको प्रति भएको नयाँ repository सिर्जना गर्नेछ। तपाईंले आफ्नो काम सजिलै सुरक्षित गर्नका लागि, यो रिपोजिटरीको आफ्नो प्रतिलिपि सिर्जना गर्नु सिफारिस गरिन्छ। तपाईंले यो पृष्ठको माथि रहेको **Use this template** बटन थिचेर गर्न सक्नुहुन्छ। यसले तपाईंको GitHub खातामा पाठ्यक्रमको प्रतिलिपि सहित नयाँ रिपोजिटरी सिर्जना गर्नेछ।
यी चरणहरू पालना गर्नुहोस्: यी कदमहरू पछ्याउनुहोस्:
1. **Repository Fork गर्नुहोस्**: यस पृष्ठको माथि-दायाँ कुनामा रहेको "Fork" बटनमा क्लिक गर्नुहोस्। 1. **रिपोजिटरीलाई फोर्क गर्नुहोस्**: यो पृष्ठको माथि-दायाँ कुनामा रहेको "Fork" बटन क्लिक गर्नुहोस्।
2. **Repository Clone गर्नुहोस्**: `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 मा पाठ्यक्रम चलाउँदै
तपाईंले सिर्जना गरेको आफ्नो repository प्रतिमा, **Code** बटन थिच्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंलाई कार्य गर्न नयाँ Codespace सिर्जना गर्नेछ। तपाईंले सिर्जना गरेको यस रिपोजिटरीको प्रतिलिपिमा, **Code** बटन क्लिक गर्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंका लागि नयाँ Codespace सिर्जना गर्नेछ।
![Codespace](../../translated_images/ne/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/ne/createcodespace.0238bbf4d7a8d955.webp)
#### आफ्नो कम्प्युटरमा स्थानीय रूपमा पाठ्यक्रम चलाउनुहोस् #### आफ्नो कम्प्युटरमा स्थानीय रूपमा पाठ्यक्रम चलाउँदै
तपाईंको कम्प्युटरमा यस पाठ्यक्रमलाई स्थानीय रूपमा चलाउन, तपाईलाई एक टेक्स्ट सम्पादक, एउटा ब्राउजर, र कमाण्ड लाइन उपकरण आवश्यक पर्नेछ। हाम्रो पहिलो पाठ, [प्रोग्रामिङ भाषा र उपकरणहरूको परिचय](../../1-getting-started-lessons/1-intro-to-programming-languages), तपाईंलाई सबै उपकरणहरूको विभिन्न विकल्पहरूमा हिँडेर आफूलाई उपयुक्त छानेर छनोट गर्न मद्दत गर्नेछ। यो पाठ्यक्रम स्थानीय रूपमा चलाउन तपाईंलाई टेक्स्ट सम्पादक, ब्राउजर र कमाण्ड लाइन उपकरण आवश्यक पर्छ। हाम्रो पहिलो पाठ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), तपाईंलाई यी उपकरणहरूको विभिन्न विकल्पहरू मार्फत जानकारी दिनेछ, जसले तपाईंलाई उत्तम काम गर्ने छनोट गर्न मद्दत पुर्‍याउनेछ।
हाम्रो सिफारिस हुन्छ कि तपाईं [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) लाई आफ्नो सम्पादकको रूपमा प्रयोग गर्नुहोस्, जसमा [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) पनि समावेश छ। तपाईं Visual Studio Code यो ठाउँबाट डाउनलोड गर्न सक्नुहुन्छ [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)। हामी यसको लागि [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 फोल्डरमा समावेश छन्, तीन प्रश्नहरु भएका ४८ कुल क्विजहरू। तिनीहरू [यहाँ](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 हेरफेरमा केन्द्रित | [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 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 कल गर्ने र स्थानीय संग्रहमा भेरिएबल राख्ने | आफ्नो ब्राउजर एक्सटेन्सनका JavaScript तत्वहरू बनाउन, स्थानीय संग्रहमा राखिएका भेरिएबल छन् API कल गर्न | [API, फारम र स्थानीय संग्रह](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फारम बनाउने, API कल गर्ने र स्थानिय भण्डारणमा भेरिएबल राख्ने तरीका | API कल गर्न र स्थानिय भण्डारणमा राखिएका भेरिएबलहरू प्रयोग गर्न ब्राउजर एक्स्टेन्सनाका JavaScript तत्वहरू तयार पार्नुहोस् | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [हरियो ब्राउजर एक्सटेन्सन](./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 सँग अझ उन्नत गेम विकास | Inheritance बारे क्लासहरू र Composition दुवै र 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) | क्यानभासमा चित्र बनाउने | क्यानभास API को उपयोगबाट स्क्रिनमा तत्वहरू कसरी चित्रित गर्ने जान्नुहोस् | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [सपेस गेम](./6-space-game/solution/README.md) | स्क्रिनमा तत्वहरू सार्ने | तत्वहरू गति पाउन कार्टेशियन समन्वय प्रणाली र क्यानभास API प्रयोग कसरी गर्ने पत्ता लगाउनुहोस् | [तत्वहरू सार्ने](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Space Game](./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) | टक्कर पत्ता लगाउने | कुञ्जी थिच्नेहरू प्रयोग गरी तत्वहरू कसरी आपसमा ठोक्किन्छन् र प्रतिक्रिया दिन्छन् र प्रदर्शन सुनिश्चित गर्न कोलडाउन फंक्शन दिने | [टक्कर पत्ता लगाउने](./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 का अवधारणाहरू | तपाईंको एपले कसरी स्टेट राख्छ र यसलाई कार्यक्रमबाट कसरी व्यवस्थापन गर्ने सिक्नुहोस् | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [ब्राउजर/VScode कोड](../../8-code-editor) | VScode प्रयोग गर्ने | कोड सम्पादक कसरी प्रयोग गर्ने जान्नुहोस्| [VScode कोड सम्पादक प्रयोग](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 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 का आधारभूत कुरा र आजको वेब विकासकर्ताहरूले प्रयोग गर्ने आधुनिक उपकरण र प्रविधिहरू सिकाउँछ। विद्यार्थीहरूले टाइपिङ खेल, भर्चुअल टेरारियम, पर्यावरणमैत्री ब्राउजर एक्स्टेन्सन, अन्तरिक्ष आक्रमण खेल, र व्यवसायका लागि बैंकिङ एप निर्माण गरेर व्यावहारिक अनुभव प्राप्त गर्ने मौका पाउनेछन्। पाठ्यक्रमको अन्त्यसम्म विद्यार्थीहरूले वेब विकासको राम्रो बुझाइ हासिल गर्नेछन्।
> 🎓 तपाईं यो पाठ्यक्रमका केही पहिलो पाठहरू Microsoft Learn मा [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) को रूपमा लिन सक्नुहुन्छ! > 🎓 तपाईंले यस पाठ्यक्रमका पहिला केही पाठहरू Microsoft Learn मा [Learning Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) को रूपमा लिन सक्नुहुन्छ!
सामग्री प्रोजेक्टहरूसँग मेल खाने सुनिश्चित गर्दा, प्रक्रिया विद्यार्थीहरूका लागि अझ रोचक हुन्छ र अवधारणाहरूको ज्ञान वृद्धिमा मद्दत पुग्छ। हामीले JavaScript आधारभूत कुराहरू सिकाउन धेरै प्रारम्भिक पाठहरू लेखेका छौं, जसमा "[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 सिक्नु हुनेछ, जुन अर्को भिडियो संग्रह "[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](CODE_OF_CONDUCT.md) र [Contributing](CONTRIBUTING.md) दिशानिर्देशनहरू अवलोकन गर्नुहोस्। हामी तपाईंको रचनात्मक प्रतिक्रिया स्वागत गर्दछौं!
## 🧭 अफलाइन पहुँच ## 🧭 अफलाइन पहुँच
तपाईं [Docsify](https://docsify.js.org/#/) प्रयोग गरी यो दस्तावेज अफलाइन रूपमा चलाउन सक्नुहुन्छ। यस रिपोमा फोर्क गर्नुहोस्, [Docsify स्थापना](https://docsify.js.org/#/quickstart) गर्नुहोस् आफ्नो स्थानीय कम्प्युटरमा, र त्यसपछि यो रिपोको मूल फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेबसाइट तपाईंको लोकलहोस्टमा पोर्ट 3000 मा सेवा हुनेछ: `localhost:3000`। तपाईं [Docsify](https://docsify.js.org/#/) प्रयोग गरेर यो दस्तावेज अफलाइन चलाउन सक्नुहुन्छ। यो रिपो फोर्क गरी आफ्नो स्थानीय मेसिनमा [Docsify स्थापना](https://docsify.js.org/#/quickstart) गर्नुहोस्, अनि यस रिपोको रुट फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेब साइट पोर्ट ३००० मा चल्नेछ: `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
@ -230,7 +219,7 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
--- ---
### Generative AI श्रृंखला ### जनरेटिभ 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)
@ -238,7 +227,7 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
--- ---
### कोर सिकाइ ### मूल सिकाइ
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![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)
@ -249,29 +238,29 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
--- ---
### कोपाइलट श्रृंखला ### कोपाइलट सिरिज
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for 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