এটি শিক্ষামূলক পাঠক্রমের রেপোজিটরি, যা শুরু থেকেই ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলি শেখানোর জন্য তৈরি। এই পাঠক্রমটি একটি ব্যাপক ১২ সপ্তাহের কোর্স, যা Microsoft Cloud Advocates দ্বারা উন্নত করা হয়েছে, এবং এতে জাভাস্ক্রিপ্ট, CSS, এবং HTML এর উপর ভিত্তি করে ২৪টি হ্যান্ডস-অন লেসন রয়েছে।
এটি শিক্ষামূলক কারিকুলাম রিপোজিটরি যা নবীনদের জন্য ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়াবলী শেখানোর জন্য। কারিকুলামটি মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের দ্বারা উন্নত একটি সমগ্র ১২-সপ্তাহের কোর্স, যাতে জাভাস্ক্রিপ্ট, CSS, এবং HTML সম্পর্কিত ২৪টি হ্যান্ডস-অন লেসন রয়েছে।
- `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) ব্যবহার করে অনূদিত হয়েছে। আমরা সঠিকতার জন্য চেষ্টা করি, তবে দয়া করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল ডকুমেন্টের নিজস্ব ভাষাটি কর্তৃত্বপূর্ণ উৎস হিসেবে গণ্য করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য পেশাদার মানব অনুবাদের পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহারে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই।
# বেগিনার্সের জন্য ওয়েব ডেভেলপমেন্ট - একটি শিক্ষাক্রম
# ওয়েব ডেভেলপমেন্ট ফর বিগিনার্স - একটি পাঠ্যক্রম
Microsoft Cloud Advocates দ্বারা পরিচালিত ১২ সপ্তাহের বিস্তৃত কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয় শিখুন। ২৪টি পাঠের প্রতিটির মধ্যে JavaScript, CSS, এবং HTML নিয়ে অন্তর্ভুক্ত রয়েছে হাতে-কলমে প্রকল্প যেমন টেরারিয়াম, ব্রাউজার এক্সটেনশন এবং স্পেস গেমস। কুইজ, আলোচনা, এবং ব্যবহারিক অ্যাসাইনমেন্টে অংশগ্রহণ করুন। আমাদের কার্যকর প্রকল্প-ভিত্তিক শিক্ষা পদ্ধতির মাধ্যমে দক্ষতা বাড়ান এবং আপনার জ্ঞানের ধারণক্ষমতা উন্নত করুন। আজই আপনার কোডিং যাত্রা শুরু করুন!
মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের ১২-সাপ্তাহিক বিস্তৃত কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলি শিখুন। ২৪টি পাঠের প্রতিটি অংশে JavaScript, CSS, এবং HTML শেখানো হয় হাতেকলমে প্রকল্পগুলির মাধ্যমে যেমন টেরারিয়াম, ব্রাউজার এক্সটেনশন এবং স্পেস গেমস। কুইজ, আলোচনা এবং ব্যবহারিক নিয়োগগুলির মাধ্যমে অংশ নিন। আমাদের কার্যকর প্রকল্প-ভিত্তিক শিক্ষাদানের মাধ্যম দিয়ে আপনার দক্ষতা উন্নত করুন এবং জ্ঞান ধরে রাখার ক্ষমতা বৃদ্ধি করুন। আজই আপনার কোডিং যাত্রা শুরু করুন!
> এই রিপোজিটরিটিতে ৫০+ ভাষায় অনুবাদ অন্তর্ভুক্ত রয়েছে যা ডাউনলোড সাইজ উল্লেখযোগ্যভাবে বৃদ্ধি করে। অনুবাদ ছাড়া ক্লোন করতে স্পার্স চেকআউট ব্যবহার করুন:
> এই রিপোজিটরিতে ৫০+ ভাষায় অনুবাদ রয়েছে যা ডাউনলোড সাইজ অনেক বাড়িয়ে দেয়। অনুবাদ ছাড়া ক্লোন করতে স্পারস চেকআউট ব্যবহার করুন:
>
>
> **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)**
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[](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) এ!
প্রতিটি পাঠে রয়েছে সম্পন্ন করার জন্য নিয়োগ, একটি জ্ঞানের পরীক্ষা এবং একটি চ্যালেঞ্জ, যা আপনাকে শিখতে সাহায্য করবে যেমন:
প্রতিটি লেসনে থাকে একটি অ্যাসাইনমেন্ট, একটি জ্ঞান যাচাইকরণ এবং একটি চ্যালেঞ্জ যা আপনাকে এই বিষয়গুলো শেখার জন্য গাইড করবে:
- প্রম্পটিং এবং প্রম্পট ইঞ্জিনিয়ারিং
- প্রোম্পটিং এবং প্রোম্পট ইঞ্জিনিয়ারিং
- টেক্সট ও ইমেজ অ্যাপ তৈরি
- টেক্সট এবং চিত্র অ্যাপ তৈরী
- সার্চ অ্যাপস
- সার্চ অ্যাপস
শুরু করতে যান [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 অ্যাকাউন্টে একটি নতুন রিপোজিটরি তৈরি করবে যার মধ্যে পাঠ্যক্রমের একটি কপি থাকবে।
আপনি যে কপি তৈরি করেছেন সেখান থেকে **Code** বাটনে ক্লিক করুন এবং **Open with Codespaces** নির্বাচন করুন। এটি আপনার কাজের জন্য একটি নতুন Codespace তৈরি করবে।
আপনি যে কপি তৈরি করেছেন, সেখানে **Code** বোতাম ক্লিক করুন এবং **Open with Codespaces** নির্বাচন করুন। এটি একটি নতুন Codespace তৈরি করবে যেখানে আপনি কাজ করতে পারবেন।
আপনার কম্পিউটারে লোকালি শিক্ষাক্রম চালানোর জন্য একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুল দরকার। আমাদের প্রথম লেসন, [প্রোগ্রামিং ভাষা ও ট্রেডের সরঞ্জাম পরিচিতি](../../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/)
> **কুইজ সম্পর্কে একটি নোট**: সব কুইজ `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 |
| 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 সিরিজ
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[-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 কমিউনিটিতে যোগ দিন
---
---
### মূল শিক্ষা
### কোর লার্নিং
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -255,23 +254,23 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
যদি আপনি আটকে যান বা AI অ্যাপ তৈরি করার বিষয়ে কোনো প্রশ্ন থাকে। MCP সম্পর্কে আলোচনা করতে সহকর্মী শিক্ষার্থী ও অভিজ্ঞ ডেভেলপারদের সাথে যোগ দিন। এটি একটি সহায়ক সম্প্রদায় যেখানে প্রশ্ন গ্রহণযোগ্য এবং জ্ঞান বিনিময় করা হয়।
যদি আপনি আটকে যান বা AI অ্যাপ নির্মাণ সম্পর্কে কোনো প্রশ্ন থাকে। MCP সম্পর্কে fellow learners এবং অভিজ্ঞ ডেভেলপারদের আলোচনায় যোগ দিন। এটি একটি সহায়ক কমিউনিটি যেখানে প্রশ্ন স্বাগত এবং জ্ঞান মুক্তভাবে শেয়ার করা হয়।
এই রেপোজিটরিটি 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) ব্যবহার করে অনূদিত হয়েছে। যদিও আমরা সঠিকতার জন্য চেষ্টা করি, অনুগ্রহ করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল নথিটি তার নিজস্ব ভাষায়ই প্রামাণিক উৎস হিসাবে বিবেচিত হওয়া উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদের ব্যবহারের ফলে যে কোনও ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই।
ही सुरुवातीच्या लोकांसाठी वेब विकासाच्या मूलतत्त्वांवर शिकवण्यासाठी शैक्षणिक अभ्यासक्रमाची रेपॉजिटरी आहे. हा अभ्यासक्रम मायक्रोसॉफ्ट क्लाऊड अॅडवोकेट्सने विकसित केलेला व्याप्त 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 क्विझेस (धडा आधी/नंतर मूल्यांकनासाठी)
- `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) वापरून अनुवादित केला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असतो परंतु कृपया लक्षात ठेवा की स्वयंचलित अनुवादांमध्ये त्रुटी किंवा अपूर्णता असू शकते. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला जावा. महत्त्वाची माहिती असल्यास, व्यावसायिक मानवी अनुवाद शिफारसीय आहे. या अनुवादाचा वापर करून झालेल्या कोणत्याही गैरसमजुतींबाबत किंवा चुकीच्या अर्थाबाबत आम्ही जबाबदार नाही.
Microsoft Cloud Advocates यांनी तयार केलेल्या 12 आठवड्यांच्या सखोल कोर्ससह वेब विकासाची मूलतत्त्वे शिका. 24 धड्यांपैकी प्रत्येकात JavaScript, CSS, आणि HTML मध्ये हाताळणी करून टेरारियम, ब्राऊझर विस्तार, आणि अवकाश खेळांसारख्या प्रकल्पांद्वारे सखोल अभ्यास केला आहे. क्विझ, चर्चासत्रं, आणि व्यावहारिक कामांमध्ये सहभाग घ्या. आमच्या प्रभावी प्रकल्पाधारित पद्धतीने तुमच्या कौशल्यात सुधारणा करा आणि तुमच्या ज्ञानाची जास्तीत जास्त जपून ठेवा. आजच तुमची कोडिंग यात्रा सुरू करा!
Microsoft Cloud Advocates द्वारे सादर केलेल्या 12 आठवड्यांच्या व्यापक कोर्ससह वेब विकासाच्या मूलतत्त्वांची शिकवण घ्या. 24 धड्यांपैकी प्रत्येकात आपण टेरारियम्स, ब्राउझर विस्तार, आणि स्पेस गेम्स सारख्या प्रोजेक्ट्सच्या माध्यमातून JavaScript, CSS, आणि HTML शिकाल. क्विझ, चर्चा, आणि व्यावहारिक असाइनमेंट्समध्ये भाग घ्या. आमच्या परिणामकारक प्रोजेक्ट-आधारित शिक्षण पद्धतीने आपली कौशल्ये सुधारित करा आणि ज्ञान टिकवून ठेवा. आपली कोडिंग यात्रा आजच सुरू करा!
> या रिपॉझिटरीमध्ये 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) शोधा**
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[](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)!
प्रत्येक धड्यात पूर्ण करण्यासाठी असाइनमेंट, ज्ञान तपासणी आणि आव्हान दिलेले आहे जे तुम्हाला खालील विषय शिकण्यात मार्गदर्शन करेल:
प्रत्येक धड्यात पूर्ण करण्यासाठी असाइनमेंट, ज्ञान तपासणी आणि आव्हान आहेत जे तुम्हाला पुढील विषय शिकवतील:
- प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग
- प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग
- मजकूर आणि प्रतिमा अॅप निर्माण
- मजकूर आणि प्रतिमांचा अॅप जनरेशन
- सर्च अॅप्स
- शोध अॅप्स
प्रारंभ करण्यासाठी भेट द्या [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" बटणावर क्लिक करा.
तुमच्या तयार केलेल्या कॉपीमध्ये, **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. हे तुमच्यासाठी नवीन Codespace तयार करेल ज्यात तुम्ही काम करू शकता.
तुमच्या तयार केलेल्या कॉपीमध्ये, **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. यामुळे आपल्यासाठी नवीन Codespace तयार होईल.
#### आपल्या संगणकावर स्थानिक पद्धतीने अभ्यासक्रम चालविणे
हा अभ्यासक्रम तुमच्या संगणकावर चालवण्यासाठी तुम्हाला टेक्स्ट एडिटर, ब्राऊझर आणि कमांड लाइन टूलची गरज आहे. आमचा पहिला धडा [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) - कोड लवकर लिहिण्यात मदत करण्यासाठी
## 📂 प्रत्येक धडा यामधे आहे:
## 📂 प्रत्येक धडा खालील गोष्टी समाविष्ट करतो:
- ऐच्छिक स्केचनोट
- ऐच्छिक स्केचनोट
- ऐच्छिक पूरक व्हिडिओ
- ऐच्छिक पूरक व्हिडिओ
- धड्यापूर्वी वॉर्मअप क्विझ
- धड्यापूर्वीची वॉर्मअप क्विझ
- लेखी धडा
- लेखी धडा
- प्रकल्पआधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा यावर पायरी-पायरी मार्गदर्शक
- प्रकल्प-आधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा यावर टप्प्याटप्प्याने मार्गदर्शक
> **क्विझबद्दल टिप**: सर्व क्विझ 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 सिरीज
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[-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 समुदायात सामील व्हा
---
---
### मुख्य शिक्षण
### कोअर शिक्षण
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -251,29 +252,29 @@ Azure AI Foundry Discord समुदायात सामील व्हा
---
---
### Copilot मालिका
### कोपायलट सिरीज
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
जर तुम्हाला अडचण किंवा एआय ऍप्स तयार करताना काही प्रश्न असतील तर. MCP विषयी चर्चा करणाऱ्या सह-शिकणाऱ्यांसह आणि अनुभवी विकसकांसह सामील व्हा. ही एक समर्थक कम्युनिटी आहे जिथे प्रश्न विचारले जातात आणि ज्ञान स्वछंदपणे सामायिक केले जाते.
जर तुम्हाला अडचण येत असेल किंवा AI अॅप्स तयार करण्याबाबत कोणतेही प्रश्न असतील. MCP बद्दल चर्चा करण्यासाठी सहकारी शिकणारे आणि अनुभवी विकसकांमध्ये सहभागी व्हा. हे एक सहायक समुदाय आहे जिथे प्रश्न स्वागतार्ह आहेत आणि ज्ञान मुक्तपणे शेअर केले जाते.
हा रिपॉझिटरी 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) वापरून भाषांतरित केला आहे. आम्ही अचूकतेसाठी प्रयत्न करतो, परंतु कृपया लक्षात ठेवा की स्वयंचलीत भाषांतरांमध्ये चुका किंवा अपूर्णता असू शकते. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला पाहिजे. महत्त्वपूर्ण माहिती साठी व्यावसायिक मानवी भाषांतर शिफारस केली जाते. या भाषांतराच्या वापरामुळे होणाऱ्या गैरसमज किंवा चुकीच्या अर्थग्रहणासाठी आम्ही जबाबदार नाही.
यो शुरुवातीहरूलाई वेब विकासको आधारहरू सिकाउनका लागि शैक्षिक पाठ्यक्रम रिपोजिटरी हो। यो पाठ्यक्रम 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 मार्फत ५०+ भाषाहरूका लागि स्वचालित अनुवादहरू
- `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) को प्रयोगबाट अनुवाद गरिएको हो। हामी शुद्धताको लागि प्रयासरत भए पनि, कृपया बुझ्नुहोस् कि स्वचालित अनुवादमा त्रुटिहरू वा असम्वेदनशीलताहरू हुन सक्छन्। मूल दस्तावेज यसको स्वदेशी भाषामा आधिकारिक स्रोतको रूपमा मानिनुपर्नेछ। महत्वपूर्ण जानकारीको लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न कुनै पनि गलतफहमी वा अन्योलको लागि हामी जिम्मेवार छैनौं।
माइक्रोसफ्ट क्लाउड एड्भोकेट्सद्वारा तयार गरिएको हाम्रो १२ हप्ते व्यापक पाठ्यक्रमसँग वेब विकासका आधारभूत कुरा सिक्नुहोस्। २४ वटा पाठहरू मध्ये प्रत्येक JavaScript, CSS, र HTML लाई व्यावहारिक परियोजनाहरू जस्तै टेरारियम, ब्राउजर एक्स्टेन्सन, र स्पेस गेमहरू मार्फत गहिरोसँग बुझिन्छ। क्विजहरू, छलफलहरू, र व्यावहारिक कार्यहरूमा सहभागी हुनुहोस्। हाम्रो प्रभावकारी परियोजना-आधारित शिक्षण विधिका साथ आफ्नो सीपहरू बढाउनुहोस् र आफ्नो ज्ञानको स्थायित्व बढाउनुहोस्। आजै आफ्नो कोडिङ यात्रा सुरू गर्नुहोस्!
Microsoft Cloud Advocates द्वारा संचालित हाम्रो १२ हप्ता लामो समग्र पाठ्यक्रमसँग वेब विकासका आधारभूत कुराहरू सिक्नुहोस्। हरेक २४ पाठहरूमा terrariums, browser extensions, र space games जस्ता अभ्यास परियोजनाहरू मार्फत JavaScript, CSS, र HTML को अध्यन गरिन्छ। प्रश्नोत्तरीहरू, छलफलहरू, र व्यावहारिक कर्तव्यहरूमा संलग्न हुनुहोस्। हाम्रो प्रभावकारी परियोजना-आधारित शिक्षण पद्धतिसँग आफ्नो सीपहरू वृद्धि गर्नुहोस् र ज्ञानलाई प्रभावकारी रूपमा कायम राख्नुहोस्। आजै आफ्नो कोडिङ यात्रा सुरु गर्नुहोस्!
> **स्थानीय रूपमा क्लोन गर्न प्राथमिकता दिनुहुन्छ?**
> **स्थानीय रूपमा क्लोन गर्न चाहनुहुन्छ?**
>
>
> यस 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)**
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[](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) भ्रमण गर्नुहोस्!
हरेक पाठसँग एउटा कार्य पूरा गर्ने, ज्ञान जाँच्ने र चुनौती समावेश छ जसले तपाईंलाई यी विषयहरूमा मार्गदर्शन गर्छ:
प्रत्येक पाठमा पूरा गर्नुपर्ने असाइनमेन्ट, ज्ञान जाँच, र चुनौतीहरू छन्, जस्तै:
- 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" बटन क्लिक गर्नुहोस्।
तपाईंले सिर्जना गरेको आफ्नो repository प्रतिमा, **Code** बटन थिच्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंलाई कार्य गर्न नयाँ Codespace सिर्जना गर्नेछ।
तपाईंले सिर्जना गरेको यस रिपोजिटरीको प्रतिलिपिमा, **Code** बटन क्लिक गर्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंका लागि नयाँ Codespace सिर्जना गर्नेछ।
#### आफ्नो कम्प्युटरमा स्थानीय रूपमा पाठ्यक्रम चलाउनुहोस्
#### आफ्नो कम्प्युटरमा स्थानीय रूपमा पाठ्यक्रम चलाउँदै
तपाईंको कम्प्युटरमा यस पाठ्यक्रमलाई स्थानीय रूपमा चलाउन, तपाईलाई एक टेक्स्ट सम्पादक, एउटा ब्राउजर, र कमाण्ड लाइन उपकरण आवश्यक पर्नेछ। हाम्रो पहिलो पाठ, [प्रोग्रामिङ भाषा र उपकरणहरूको परिचय](../../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) - तपाईंलाई छिटो कोड लेख्न मद्दत गर्न
## 📂 प्रत्येक पाठमा समावेश छ:
## 📂 प्रत्येक पाठले समावेश गर्छ:
- वैकल्पिक स्केचनोट
- वैकल्पिक स्केचनोट
- वैकल्पिक पूरक भिडियो
- वैकल्पिक पूरक भिडियो
- पाठअघि तातोप तापी क्वीज
- पाठ पूर्वको वार्मअप क्विज
- लेखिएको पाठ
- लिखित पाठ
- प्रोजेक्ट आधारित पाठहरूको लागि, प्रोजेक्ट कसरी बनाउने भन्ने चरण-द्वारा-चरण मार्गदर्शनहरू
- परियोजना आधारित पाठहरूमा, परियोजना निर्माण गर्ने चरण-द्वारा-चरण मार्गदर्शन
> **क्वीजहरूबारे सूचना**: सबै क्वीजहरू 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 |
| 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 सिरिज
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[-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 समुदायमा सामेल हुनु
---
---
### कोर सिकाइ
### मूल सिकाइ
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -249,29 +238,29 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
---
---
### कोपाइलट श्रृंखला
### कोपाइलट सिरिज
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
यदि तपाईं अड्किनुहुन्छ वा AI एप्लिकेसनहरू निर्माण गर्दा कुनै प्रश्नहरू छन् भने। साथी सिक्नेहरू र अनुभवी विकासकर्ताहरूसँग MCP सम्बन्धी छलफलहरूमा सामेल हुनुहोस्। यो एक सहयोगी समुदाय हो जहाँ प्रश्नहरू स्वागत छ र ज्ञान स्वतन्त्र रूपमा बाँडिन्छ।
यदि तपाईं अड्किनु भयो वा AI एपहरू निर्माण गर्दा कुनै प्रश्न छ भने। MCP सम्बन्धी छलफलमा सहपाठी सिक्नेहरू र अनुभवी विकासकर्ताहरूमा सामेल हुनुहोस्। यो एक सहयोगी समुदाय हो जहाँ प्रश्नहरू स्वागत योग्य छन् र ज्ञान स्वतन्त्र रूपमा साझा गरिन्छ।
यो रिपोजिटोरी 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) प्रयोग गरेर अनुवाद गरिएको हो। हामी शुद्धताका लागि प्रयासरत छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादमा त्रुटि वा अशुद्धिहरू हुन सक्छन्। मूल भाषामा रहेको दस्तावेजलाई आधिकारिक स्रोतको रूपमा मानिनु पर्दछ। महत्वपूर्ण जानकारीका लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार छैनौं।