From 844d9906e4ba6964fc2e0ae7746e12ef38ca45c0 Mon Sep 17 00:00:00 2001 From: "localizeflow[bot]" Date: Fri, 6 Feb 2026 08:08:35 +0000 Subject: [PATCH] chore(i18n): sync translations with latest source changes (chunk 1/1, 9 changes) --- translations/bn/.co-op-translator.json | 6 +- translations/bn/AGENTS.md | 372 +++++++++++++------------ translations/bn/README.md | 231 +++++++-------- translations/hi/.co-op-translator.json | 6 +- translations/hi/AGENTS.md | 330 +++++++++++----------- translations/hi/README.md | 193 +++++++------ translations/ko/.co-op-translator.json | 6 +- translations/ko/AGENTS.md | 356 +++++++++++------------ translations/ko/README.md | 201 ++++++------- 9 files changed, 856 insertions(+), 845 deletions(-) diff --git a/translations/bn/.co-op-translator.json b/translations/bn/.co-op-translator.json index 1a603a665..5b3db13d7 100644 --- a/translations/bn/.co-op-translator.json +++ b/translations/bn/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2025-10-03T11:20:50+00:00", + "translation_date": "2026-02-06T08:08:31+00:00", "source_file": "AGENTS.md", "language_code": "bn" }, @@ -516,8 +516,8 @@ "language_code": "bn" }, "README.md": { - "original_hash": "490c83786552d7fab6390991517bef09", - "translation_date": "2026-01-29T18:01:42+00:00", + "original_hash": "805cd399757df19e886e86f0891a1374", + "translation_date": "2026-02-06T08:04:58+00:00", "source_file": "README.md", "language_code": "bn" }, diff --git a/translations/bn/AGENTS.md b/translations/bn/AGENTS.md index 0e36d9aa7..f34f632c2 100644 --- a/translations/bn/AGENTS.md +++ b/translations/bn/AGENTS.md @@ -1,44 +1,44 @@ # AGENTS.md -## প্রকল্পের সংক্ষিপ্ত বিবরণ +## প্রকল্প বিবরণ -এটি ওয়েব ডেভেলপমেন্টের মৌলিক বিষয় শেখানোর জন্য একটি শিক্ষামূলক কারিকুলাম রিপোজিটরি। কারিকুলামটি মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের দ্বারা তৈরি একটি ১২-সপ্তাহের কোর্স, যেখানে জাভাস্ক্রিপ্ট, CSS এবং HTML নিয়ে ২৪টি হাতে-কলমে শেখার পাঠ অন্তর্ভুক্ত রয়েছে। +এটি শিক্ষানবিশদের জন্য ওয়েব ডেভেলপমেন্টের মৌলিক বিষয় শেখানোর জন্য একটি শিক্ষামূলক পাঠ্যক্রম সংরক্ষণাগার। এই পাঠ্যক্রম একটি ব্যাপক ১২-সপ্তাহের কোর্স যা Microsoft Cloud Advocates দ্বারা বিকাশ করা হয়েছে, যার মধ্যে ২৪টি হাতে-কলমের পাঠ রয়েছে যা JavaScript, CSS, এবং HTML কভার করে। ### প্রধান উপাদানসমূহ -- **শিক্ষামূলক বিষয়বস্তু**: প্রকল্পভিত্তিক মডিউলে সংগঠিত ২৪টি কাঠামোগত পাঠ +- **শিক্ষামূলক বিষয়বস্তু**: প্রকল্প ভিত্তিক মডিউল আকারে সংগঠিত ২৪টি কাঠামোবদ্ধ পাঠ - **প্রায়োগিক প্রকল্পসমূহ**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, এবং AI Chat Assistant -- **ইন্টারঅ্যাকটিভ কুইজ**: ৪৮টি কুইজ, প্রতিটিতে ৩টি প্রশ্ন (পাঠের আগে/পরে মূল্যায়ন) -- **বহুভাষা সমর্থন**: GitHub Actions এর মাধ্যমে ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ -- **প্রযুক্তি**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI প্রকল্পের জন্য) +- **ইন্টারেকটিভ কুইজ**: প্রতি কুইজে ৩টি প্রশ্নসহ ৪৮টি (পাঠের পূর্ব এবং পরবর্তী মূল্যায়ন) +- **বহুভাষিক সমর্থন**: GitHub Actions এর মাধ্যমে ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ +- **প্রযুক্তিসমূহ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI প্রকল্পের জন্য) ### স্থাপত্য -- পাঠভিত্তিক কাঠামো সহ শিক্ষামূলক রিপোজিটরি -- প্রতিটি পাঠের ফোল্ডারে README, কোড উদাহরণ এবং সমাধান অন্তর্ভুক্ত -- পৃথক ডিরেক্টরিতে স্বতন্ত্র প্রকল্প (quiz-app, বিভিন্ন পাঠ প্রকল্প) -- GitHub Actions ব্যবহার করে অনুবাদ ব্যবস্থা (co-op-translator) -- Docsify এর মাধ্যমে ডকুমেন্টেশন পরিবেশন এবং PDF আকারে উপলব্ধ +- পাঠ ভিত্তিক কাঠামোর অধীন শিক্ষামূলক সংরক্ষণাগার +- প্রতিটি পাঠ ফোল্ডারে README, কোড উদাহরণ, এবং সমাধান থাকে +- স্বতন্ত্র প্রকল্পগুলি আলাদা ডিরেক্টরিতে রয়েছে (quiz-app, বিভিন্ন পাঠ প্রকল্প) +- GitHub Actions (co-op-translator) ব্যবহার করে অনুবাদ ব্যবস্থা +- Docsify দ্বারা ডকুমেন্টেশন পরিবেশন এবং PDF আকারে উপলব্ধ ## সেটআপ কমান্ডসমূহ -এই রিপোজিটরি মূলত শিক্ষামূলক বিষয়বস্তু ব্যবহারের জন্য। নির্দিষ্ট প্রকল্প নিয়ে কাজ করার জন্য: +এই সংরক্ষণাগার মূলত শিক্ষামূলক বিষয়বস্তু ব্যবহারের জন্য। নির্দিষ্ট প্রকল্প নিয়ে কাজ করার জন্য: -### প্রধান রিপোজিটরি সেটআপ +### প্রধান সংরক্ষণাগার সেটআপ ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### কুইজ অ্যাপ সেটআপ (Vue 3 + Vite) +### Quiz App সেটআপ (Vue 3 + Vite) ```bash cd quiz-app npm install -npm run dev # Start development server -npm run build # Build for production -npm run lint # Run ESLint +npm run dev # ডেভেলপমেন্ট সার্ভার শুরু করুন +npm run build # প্রোডাকশনের জন্য বিল্ড করুন +npm run lint # ESLint চালান ``` ### ব্যাংক প্রকল্প API (Node.js + Express) @@ -46,9 +46,9 @@ npm run lint # Run ESLint ```bash cd 7-bank-project/api npm install -npm start # Start API server -npm run lint # Run ESLint -npm run format # Format with Prettier +npm start # এপিআই সার্ভার শুরু করুন +npm run lint # ESLint চালান +npm run format # Prettier দিয়ে ফরম্যাট করুন ``` ### ব্রাউজার এক্সটেনশন প্রকল্পসমূহ @@ -56,7 +56,7 @@ npm run format # Format with Prettier ```bash cd 5-browser-extension/solution npm install -# Follow browser-specific extension loading instructions +# ব্রাউজার-নির্দিষ্ট এক্সটেনশন লোড করার নির্দেশাবলী অনুসরণ করুন ``` ### স্পেস গেম প্রকল্পসমূহ @@ -64,128 +64,128 @@ npm install ```bash cd 6-space-game/solution npm install -# Open index.html in browser or use Live Server +# ব্রাউজারে index.html খুলুন অথবা লাইভ সার্ভার ব্যবহার করুন ``` -### চ্যাট প্রকল্প (Python Backend) +### চ্যাট প্রকল্প (Python ব্যাকএন্ড) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Set GITHUB_TOKEN environment variable +# GITHUB_TOKEN পরিবেশ ভেরিয়েবল সেট করুন python api.py ``` ## ডেভেলপমেন্ট ওয়ার্কফ্লো -### বিষয়বস্তু অবদানকারীদের জন্য +### বিষয়বস্তু প্রদানকারীদের জন্য -1. **রিপোজিটরি ফর্ক করুন** আপনার GitHub অ্যাকাউন্টে -2. **আপনার ফর্ক লোকালি ক্লোন করুন** -3. **আপনার পরিবর্তনের জন্য একটি নতুন ব্রাঞ্চ তৈরি করুন** +1. আপনার GitHub অ্যাকাউন্টে **রিপোজিটোরিটি ফর্ক করুন** +2. **আপনার ফর্ক ক্লোন করুন** স্থানীয়ভাবে +3. আপনার পরিবর্তনের জন্য একটি নতুন ব্রাঞ্চ **তৈরি করুন** 4. পাঠের বিষয়বস্তু বা কোড উদাহরণে পরিবর্তন করুন 5. সংশ্লিষ্ট প্রকল্প ডিরেক্টরিতে কোড পরিবর্তন পরীক্ষা করুন -6. অবদান নির্দেশিকা অনুসরণ করে পুল রিকোয়েস্ট জমা দিন +6. সহযোগিতা নির্দেশিকা অনুসরণ করে পুল রিকোয়েস্ট জমা দিন ### শিক্ষার্থীদের জন্য -1. রিপোজিটরি ফর্ক বা ক্লোন করুন -2. ক্রমানুসারে পাঠের ডিরেক্টরিতে যান +1. রিপোজিটোরিটি ফর্ক বা ক্লোন করুন +2. ধারাবাহিকভাবে পাঠ ডিরেক্টরিতে যান 3. প্রতিটি পাঠের README ফাইল পড়ুন -4. https://ff-quizzes.netlify.app/web/ এ প্রি-লেসন কুইজ সম্পন্ন করুন -5. পাঠের ফোল্ডারে কোড উদাহরণ নিয়ে কাজ করুন +4. https://ff-quizzes.netlify.app/web/ এ পূর্ব-পাঠ কুইজ সম্পন্ন করুন +5. পাঠের ফোল্ডারে কোড উদাহরণগুলি অনুসরণ করুন 6. অ্যাসাইনমেন্ট এবং চ্যালেঞ্জ সম্পন্ন করুন -7. পোস্ট-লেসন কুইজ নিন +7. পরবর্তী-পাঠ কুইজ দিন -### লাইভ ডেভেলপমেন্ট +### সরাসরি ডেভেলপমেন্ট - **ডকুমেন্টেশন**: রুটে `docsify serve` চালান (পোর্ট ৩০০০) -- **কুইজ অ্যাপ**: quiz-app ডিরেক্টরিতে `npm run dev` চালান +- **Quiz App**: quiz-app ডিরেক্টরিতে `npm run dev` চালান - **প্রকল্পসমূহ**: HTML প্রকল্পের জন্য VS Code Live Server এক্সটেনশন ব্যবহার করুন - **API প্রকল্পসমূহ**: সংশ্লিষ্ট API ডিরেক্টরিতে `npm start` চালান -## পরীক্ষার নির্দেশনা +## টেস্টিং নির্দেশাবলী -### কুইজ অ্যাপ পরীক্ষা +### Quiz App টেস্টিং ```bash cd quiz-app -npm run lint # Check for code style issues -npm run build # Verify build succeeds +npm run lint # কোড স্টাইল সমস্যাগুলি পরীক্ষা করুন +npm run build # নিশ্চিত করুন বিল্ড সফল হয় ``` -### ব্যাংক API পরীক্ষা +### ব্যাংক API টেস্টিং ```bash cd 7-bank-project/api -npm run lint # Check for code style issues -node server.js # Verify server starts without errors +npm run lint # কোড স্টাইল সমস্যাগুলো পরীক্ষা করুন +node server.js # সার্ভার ত্রুটিমুক্ত শুরু হচ্ছে কিনা নিশ্চিত করুন ``` -### সাধারণ পরীক্ষার পদ্ধতি +### সাধারণ টেস্টিং পদ্ধতি -- এটি একটি শিক্ষামূলক রিপোজিটরি, যেখানে ব্যাপক স্বয়ংক্রিয় পরীক্ষা নেই -- ম্যানুয়াল পরীক্ষার লক্ষ্য: - - কোড উদাহরণগুলো ত্রুটি ছাড়াই চলা - - ডকুমেন্টেশনের লিঙ্কগুলো সঠিকভাবে কাজ করা +- এটি একটি শিক্ষামূলক সংরক্ষণাগার, ব্যাপক স্বয়ংক্রিয় টেস্ট নেই +- ম্যানুয়াল টেস্টিং মূলত: + - কোড উদাহরণ ত্রুটিমুক্ত চালানো + - ডকুমেন্টেশনের লিঙ্ক সঠিকভাবে কাজ করা - প্রকল্প বিল্ড সফলভাবে সম্পন্ন হওয়া - - উদাহরণগুলো সেরা অনুশীলন অনুসরণ করা + - উদাহরণগুলি সেরা অনুশীলন অনুসরণ করা -### প্রি-সাবমিশন চেক +### জমা দেওয়ার পূর্ব পরীক্ষাসমূহ -- `npm run lint` চালান প্যাকেজ.json থাকা ডিরেক্টরিতে -- নিশ্চিত করুন যে মার্কডাউন লিঙ্কগুলো বৈধ +- package.json সহ ডিরেক্টরিতে `npm run lint` চালান +- মারকডাউন লিঙ্কের বৈধতা যাচাই করুন - ব্রাউজার বা Node.js এ কোড উদাহরণ পরীক্ষা করুন -- নিশ্চিত করুন যে অনুবাদ সঠিক কাঠামো বজায় রেখেছে +- অনুবাদগুলি সঠিক কাঠামো বজায় রাখছে কিনা যাচাই করুন ## কোড স্টাইল নির্দেশিকা -### জাভাস্ক্রিপ্ট +### JavaScript - আধুনিক ES6+ সিনট্যাক্স ব্যবহার করুন -- প্রকল্পে প্রদত্ত স্ট্যান্ডার্ড ESLint কনফিগারেশন অনুসরণ করুন -- শিক্ষামূলক স্পষ্টতার জন্য অর্থবহ ভেরিয়েবল এবং ফাংশন নাম ব্যবহার করুন -- শিক্ষার্থীদের জন্য ধারণা ব্যাখ্যা করতে মন্তব্য যোগ করুন -- যেখানে কনফিগার করা আছে, Prettier ব্যবহার করে ফরম্যাট করুন +- প্রকল্পগুলিতে দেওয়া standaard ESLint কনফিগারেশন অনুসরণ করুন +- শিক্ষার্থীদের জন্য অর্থবহ ভেরিয়েবল এবং ফাংশন নাম ব্যবহার করুন +- ধারণাগুলো ব্যাখ্যা করার জন্য মন্তব্য যোগ করুন +- যেখানে কনফিগার করা আছে সেখানে Prettier দিয়ে ফরম্যাট করুন ### HTML/CSS -- সেমান্টিক HTML5 এলিমেন্ট -- রেসপন্সিভ ডিজাইন নীতিমালা -- স্পষ্ট ক্লাস নামকরণ কনভেনশন -- শিক্ষার্থীদের জন্য CSS কৌশল ব্যাখ্যা করতে মন্তব্য যোগ করুন +- সেমান্টিক HTML5 উপাদান ব্যবহার +- রেসপনসিভ ডিজাইন নীতিমালা +- স্পষ্ট ক্লাস নামকরণ নিয়ম +- শিক্ষার্থীদের জন্য CSS কৌশল ব্যাখ্যা সহ মন্তব্য -### পাইথন +### Python -- PEP 8 স্টাইল নির্দেশিকা +- PEP 8 স্টাইল গাইডলাইনস - স্পষ্ট, শিক্ষামূলক কোড উদাহরণ -- শিক্ষার জন্য সহায়ক টাইপ হিন্ট যোগ করুন +- শিখতে সহায়ক হলে টাইপ হিন্ট ব্যবহার -### মার্কডাউন ডকুমেন্টেশন +### Markdown ডকুমেন্টেশন -- স্পষ্ট শিরোনাম শ্রেণিবিন্যাস -- ভাষা নির্দিষ্টকরণ সহ কোড ব্লক +- স্পষ্ট শিরোনাম ধারা +- ভাষা নির্দিষ্ট কোড ব্লকসমূহ - অতিরিক্ত সম্পদের লিঙ্ক -- `images/` ডিরেক্টরিতে স্ক্রিনশট এবং ছবি -- অ্যাক্সেসিবিলিটির জন্য ছবির জন্য Alt টেক্সট +- `images/` ডিরেক্টরির স্ক্রীনশট ও ছবি +- সহায়তার জন্য ছবির Alt টেক্সট ### ফাইল সংগঠন -- পাঠগুলো ক্রমানুসারে নম্বরযুক্ত (1-getting-started-lessons, 2-js-basics, ইত্যাদি) +- পাঠ নম্বর ক্রম অনুসারে (1-getting-started-lessons, 2-js-basics, ইত্যাদি) - প্রতিটি প্রকল্পে `solution/` এবং প্রায়ই `start/` বা `your-work/` ডিরেক্টরি থাকে -- পাঠ-নির্দিষ্ট `images/` ফোল্ডারে ছবি সংরক্ষণ -- `translations/{language-code}/` কাঠামোতে অনুবাদ +- পাঠ নির্দিষ্ট `images/` ফোল্ডারে ছবি সংরক্ষণ +- অনুবাদ `translations/{language-code}/` কাঠামোতে -## বিল্ড এবং ডিপ্লয়মেন্ট +## বিল্ড এবং ডেপ্লয়মেন্ট -### কুইজ অ্যাপ ডিপ্লয়মেন্ট (Azure Static Web Apps) +### Quiz App ডেপ্লয়মেন্ট (Azure Static Web Apps) -কুইজ-অ্যাপ Azure Static Web Apps ডিপ্লয়মেন্টের জন্য কনফিগার করা হয়েছে: +quiz-app Azure Static Web Apps ডেপ্লয়মেন্টের জন্য কনফিগার করা হয়েছে: ```bash cd quiz-app -npm run build # Creates dist/ folder -# Deploys via GitHub Actions workflow on push to main +npm run build # dist/ ফোল্ডার তৈরি করে +# main-এ push করার সময় GitHub Actions workflow এর মাধ্যমে ডিপ্লয় করে ``` Azure Static Web Apps কনফিগারেশন: @@ -196,87 +196,87 @@ Azure Static Web Apps কনফিগারেশন: ### ডকুমেন্টেশন PDF তৈরি ```bash -npm install # Install docsify-to-pdf -npm run convert # Generate PDF from docs +npm install # docsify-to-pdf ইনস্টল করুন +npm run convert # ডকস থেকে পিডিএফ তৈরি করুন ``` ### Docsify ডকুমেন্টেশন ```bash -npm install -g docsify-cli # Install Docsify globally -docsify serve # Serve on localhost:3000 +npm install -g docsify-cli # ডক্সিফাই গ্লোবালি ইনস্টল করুন +docsify serve # লোকালহোস্ট:৩০০০ এ সার্ভ করুন ``` ### প্রকল্প-নির্দিষ্ট বিল্ড -প্রতিটি প্রকল্প ডিরেক্টরির নিজস্ব বিল্ড প্রক্রিয়া থাকতে পারে: -- Vue প্রকল্প: `npm run build` প্রোডাকশন বান্ডেল তৈরি করে -- স্ট্যাটিক প্রকল্প: কোনো বিল্ড ধাপ নেই, সরাসরি ফাইল পরিবেশন করুন +প্রত্যেক প্রকল্প ডিরেক্টরির নিজস্ব বিল্ড প্রক্রিয়া থাকতে পারে: +- Vue প্রকল্প: `npm run build` দ্বারা প্রোডাকশন বান্ডল তৈরি +- স্ট্যাটিক প্রকল্প: বিল্ড ধাপ নেই, সরাসরি ফাইল পরিবেশন ## পুল রিকোয়েস্ট নির্দেশিকা -### শিরোনাম ফরম্যাট +### শিরোনাম বিন্যাস -পরিবর্তনের ক্ষেত্র নির্দেশ করে স্পষ্ট, বর্ণনামূলক শিরোনাম ব্যবহার করুন: -- `[Quiz-app] Add new quiz for lesson X` -- `[Lesson-3] Fix typo in terrarium project` -- `[Translation] Add Spanish translation for lesson 5` -- `[Docs] Update setup instructions` +পরিবর্তনের ক্ষেত্র স্পষ্টভাবে জানাতে স্বচ্ছ, বর্ণনামূলক শিরোনাম ব্যবহার করুন: +- `[Quiz-app] পাঠ X এর জন্য নতুন কুইজ যোগ করা` +- `[Lesson-3] terrarium প্রকল্পে টাইপো সংশোধন` +- `[Translation] পাঠ 5 এর জন্য স্প্যানিশ অনুবাদ যোগ` +- `[Docs] সেটআপ নির্দেশাবলী আপডেট` -### প্রয়োজনীয় চেক +### প্রয়োজনীয় পরীক্ষাসমূহ -PR জমা দেওয়ার আগে: +পিআর জমা দেওয়ার আগে: -1. **কোডের গুণমান**: +1. **কোড মান**: - প্রভাবিত প্রকল্প ডিরেক্টরিতে `npm run lint` চালান - - সমস্ত লিন্টিং ত্রুটি এবং সতর্কতা ঠিক করুন + - সব লিন্ট ত্রুটি ও সতর্কতা নিরসন করুন -2. **বিল্ড যাচাইকরণ**: +2. **বিল্ড যাচাই**: - প্রযোজ্য হলে `npm run build` চালান - - নিশ্চিত করুন যে কোনো বিল্ড ত্রুটি নেই + - কোন বিল্ড ত্রুটি নেই তা নিশ্চিত করুন -3. **লিঙ্ক যাচাইকরণ**: - - সমস্ত মার্কডাউন লিঙ্ক পরীক্ষা করুন - - নিশ্চিত করুন যে ছবির রেফারেন্স কাজ করছে +3. **লিঙ্ক যাচাই**: + - সব মারকডাউন লিঙ্ক পরীক্ষা করুন + - ছবি রেফারেন্স সঠিক কাজ করছে কিনা দেখুন 4. **বিষয়বস্তু পর্যালোচনা**: - - বানান এবং ব্যাকরণ যাচাই করুন - - নিশ্চিত করুন যে কোড উদাহরণ সঠিক এবং শিক্ষামূলক - - নিশ্চিত করুন যে অনুবাদ মূল অর্থ বজায় রেখেছে + - বানান ও ব্যাকরণ পরীক্ষা করুন + - কোড উদাহরণ সঠিক এবং শিক্ষণীয় কিনা নিশ্চিত করুন + - অনুবাদগুলি মূল অর্থ বজায় রেখেছে কিনা যাচাই করুন -### অবদান প্রয়োজনীয়তা +### অবদান শর্তাবলী -- Microsoft CLA-তে সম্মতি দিন (প্রথম PR-এ স্বয়ংক্রিয় চেক) +- Microsoft CLA এ সম্মতি (প্রথম PR এ স্বয়ংক্রিয় পরীক্ষা) - [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) অনুসরণ করুন -- বিস্তারিত নির্দেশিকার জন্য [CONTRIBUTING.md](./CONTRIBUTING.md) দেখুন -- প্রযোজ্য হলে PR বিবরণে ইস্যু নম্বর উল্লেখ করুন +- বিস্তারিত নির্দেশনার জন্য [CONTRIBUTING.md](./CONTRIBUTING.md) দেখুন +- প্রযোজ্য ক্ষেত্রে ইস্যু নম্বর পিআর বর্ণনায় উল্লেখ করুন ### পর্যালোচনা প্রক্রিয়া -- PR গুলো রক্ষণাবেক্ষণকারী এবং সম্প্রদায় দ্বারা পর্যালোচনা করা হয় -- শিক্ষামূলক স্পষ্টতাকে অগ্রাধিকার দেওয়া হয় -- কোড উদাহরণগুলো বর্তমান সেরা অনুশীলন অনুসরণ করা উচিত -- অনুবাদগুলো সঠিকতা এবং সাংস্কৃতিক উপযুক্ততার জন্য পর্যালোচনা করা হয় +- পিআর গুলো রক্ষণাবেক্ষক এবং কমিউনিটির দ্বারা পর্যালোচনা করা হয় +- শিক্ষণীয় স্পষ্টতা অগ্রাধিকার পায় +- কোড উদাহরণ বর্তমান সেরা অনুশীলন অনুসরণ করা উচিত +- অনুবাদ সঠিকতা এবং সাংস্কৃতিক উপযোগিতা যাচাই করা হয় ## অনুবাদ ব্যবস্থা ### স্বয়ংক্রিয় অনুবাদ -- co-op-translator ওয়ার্কফ্লো সহ GitHub Actions ব্যবহার করে -- স্বয়ংক্রিয়ভাবে ৫০+ ভাষায় অনুবাদ করে -- মূল ফাইলগুলো প্রধান ডিরেক্টরিতে -- অনুবাদকৃত ফাইলগুলো `translations/{language-code}/` ডিরেক্টরিতে +- GitHub Actions এর co-op-translator ওয়ার্কফ্লো ব্যবহার করে +- ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ +- মূল ফাইলসমূহ প্রধান ডিরেক্টরিতে থাকে +- অনূদিত ফাইল `translations/{language-code}/` ডিরেক্টরিতে থাকে ### ম্যানুয়াল অনুবাদ উন্নতি যোগ করা -1. `translations/{language-code}/` এ ফাইলটি খুঁজুন +1. `translations/{language-code}/` এ ফাইল খুঁজে বের করুন 2. কাঠামো বজায় রেখে উন্নতি করুন -3. নিশ্চিত করুন যে কোড উদাহরণ কার্যকর থাকে -4. স্থানীয় কুইজ বিষয়বস্তু পরীক্ষা করুন +3. কোড উদাহরণ কার্যকর থাকা নিশ্চিত করুন +4. স্থানীয়কৃত কুইজ বিষয়বস্তু পরীক্ষা করুন ### অনুবাদ মেটাডেটা -অনুবাদকৃত ফাইলগুলোতে মেটাডেটা হেডার অন্তর্ভুক্ত থাকে: +অনূদিত ফাইলগুলিতে মেটাডেটা হেডার থাকে: ```markdown +**ডিসক্লেইমার**: +এই ডকুমেন্টটি AI অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। আমরা সঠিকতার জন্য চেষ্টা করি, তবে স্বয়ংক্রিয় অনুবাদে ভুল বা অসঙ্গতি থাকতে পারে। মূল ডকুমেন্টের নিজ ভাষায় থাকা সংস্করণকেই কর্তৃপক্ষপূর্ণ উৎস হিসাবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য পেশাদার মানব অনুবাদের পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহারে সংঘটিত কোনো ভুলবোঝাবুঝি বা ব্যাখ্যার জন্য আমরা দায়ী নই। + \ No newline at end of file diff --git a/translations/bn/README.md b/translations/bn/README.md index d97430906..167dd5c78 100644 --- a/translations/bn/README.md +++ b/translations/bn/README.md @@ -10,207 +10,212 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# শুরুদের জন্য ওয়েব ডেভেলপমেন্ট - একটি পাঠ্যক্রম +# ওয়েব ডেভেলপমেন্ট ফর বিগিনার্স - একটি কারিকুলাম -মাইক্রোসফট ক্লাউড অ্যাড্ভোকেটদের ১২-সপ্তাহের ব্যাপক কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলি শিখুন। ২৪টির প্রতিটি পাঠে টেরারিয়াম, ব্রাউজার এক্সটেনশন এবং স্পেস গেমের মতো হাতে-কলমে প্রকল্পের মাধ্যমে জাভাস্ক্রিপ্ট, CSS এবং HTML গভীরভাবে অনুসন্ধান করা হয়। কুইজ, আলোচনা এবং ব্যবহারিক অ্যাসাইনমেন্টের সঙ্গে যুক্ত থাকুন। আমাদের কার্যকর প্রকল্প-ভিত্তিক শিক্ষাদানের মাধ্যমে আপনার দক্ষতাগুলি উন্নত করুন এবং জ্ঞানের ধারণ ক্ষমতা অপ্টিমাইজ করুন। আজই আপনার কোডিং যাত্রা শুরু করুন! +আমাদের ১২ সপ্তাহ ব্যাপী একটি ব্যাপক কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলি শিখুন, যা Microsoft Cloud Advocates এর দ্বারা তৈরি। ২৪টি প্রতিটি পাঠে জাভাস্ক্রিপ্ট, CSS এবং HTML নিয়ে কাজ করা হয় হাতেকলমে প্রকল্পের মাধ্যমে যেমন টেরারিয়াম, ব্রাউজার এক্সটেনশন, এবং স্পেস গেম। কুইজ, আলোচনা এবং ব্যবহারিক অ্যাসাইনমেন্টে অংশ নিন। আমাদের কার্যকর প্রকল্প-ভিত্তিক শিক্ষণ পদ্ধতি দিয়ে দক্ষতা উন্নত করুন এবং আপনার জ্ঞান ধারণ ক্ষমতা বৃদ্ধি করুন। আজই আপনার কোডিং যাত্রা শুরু করুন! -আজুর এআই ফাউন্ড্রি ডিসকর্ড কমিউনিটিতে যোগ দিন +Azure AI Foundry Discord কমিউনিটিতে যোগ দিন [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -এই সম্পদগুলি ব্যবহারের জন্য শুরু করার জন্য এই ধাপগুলি অনুসরণ করুন: -1. **রিপোজিটরি ফর্ক করুন**: ক্লিক করুন [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **রিপোজিটরি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**আজুর এআই ফাউন্ড্রি ডিসকর্ডে যোগ দিন এবং বিশেষজ্ঞ ও সহকর্মী ডেভেলপারদের সাথে মেলামেশা করুন**](https://discord.com/invite/ByRwuEEgH4) +এই রিসোর্সগুলো ব্যবহার শুরু করার জন্য নিম্নলিখিত ধাপগুলো অনুসরণ করুন: +1. **রেপোজিটরি ফরক করুন**: ক্লিক করুন [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **রেপোজিটরি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discord এ যোগ দিন এবং বিশেষজ্ঞ ও সহকর্মী ডেভেলপারদের সাথে পরিচিত হন**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 বহু-ভাষা সমর্থন +### 🌐 মাল্টি-ল্যাঙ্গুয়েজ সাপোর্ট -#### গিটহাব অ্যাকশনের মাধ্যমে সমর্থিত (স্বয়ংক্রিয় ও সর্বদা আপডেটেড) +#### GitHub Action দ্বারা সমর্থিত (স্বয়ংক্রিয় ও সর্বদা আপ-টু-ডেট) [Arabic](../ar/README.md) | [Bengali](./README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **স্থানীয়ভাবে ক্লোন করতে চান?** +> **লোকালি ক্লোন করতে ইচ্ছুক?** -> এই রিপোজিটরিতে ৫০+ ভাষার অনুবাদ রয়েছে যা ডাউনলোড সাইজ উল্লেখযোগ্যভাবে বৃদ্ধি করে। অনুবাদ ব্যতীত ক্লোন করতে sparse checkout ব্যবহার করুন: +> এই রেপোজিটরিতে ৫০+ ভাষার অনুবাদ রয়েছে যা ডাউনলোড সাইজ বড় করে। শুধুমাত্র মূল কোর্স ক্লোন করতে স্পার্স চেকআউট ব্যবহার করুন: > ```bash > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > ``` -> এটি আপনাকে কোর্স সম্পন্ন করার জন্য প্রয়োজনীয় সবকিছু দ্রুত ডাউনলোড করার সুযোগ দেয়। +> এটি আপনাকে দ্রুত ডাউনলোড সহ কোর্স সম্পন্ন করার জন্য সবকিছু দেবে। -**যদি আপনি অতিরিক্ত অনুবাদের ভাষাগুলি চান, তাহলে সেগুলি এখানে তালিকাভুক্ত আছে [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**যদি আপনি অতিরিক্ত অনুবাদ ভাষা চান, তা এখানে তালিকাভুক্ত রয়েছে [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) -#### 🧑‍🎓 _আপনি কি একজন ছাত্র?_ +#### 🧑‍🎓 _আপনি কি একজন শিক্ষার্থী?_ -[**স্টুডেন্ট হাব পেজ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) পরিদর্শন করুন যেখানে আপনি শুরুদের জন্য সম্পদ, স্টুডেন্ট প্যাক এবং এমনকি একটি ফ্রি সার্টিফিকেট ভাউচারের পথ খুঁজে পাবেন। এটি এমন একটি পৃষ্ঠাগুলো যার বুকমার্ক রাখতে এবং মাঝে মাঝে চেক করতে চান কারণ আমরা প্রতি মাসে বিষয়বস্তু পরিবর্তন করি। +[**Student Hub পেজ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ভিজিট করুন যেখানে আপনি مبتدئদের জন্য রিসোর্স, Student প্যাক এবং এমনকি ফ্রি সার্টিফিকেট ভাউচারের উপায় পাবেন। এটি একটি পৃষ্ঠা যা আপনাকে বুকমার্ক করতে হবে এবং সময়ে সময়ে পরীক্ষা করতে হবে কারণ আমরা মাসিক ভিত্তিতে বিষয়বস্তু পরিবর্তন করি। -### 📣 ঘোষণা - নতুন গিটহাব কপিলট এজেন্ট মোড চ্যালেঞ্জগুলি সম্পন্ন করার জন্য! +### 📣 ঘোষণা - নতুন GitHub Copilot Agent মোড চ্যালেঞ্জগুলি সম্পন্ন করুন! -নতুন চ্যালেঞ্জ যোগ করা হয়েছে, বেশিরভাগ অধ্যায়ে "GitHub Copilot Agent Challenge 🚀" খুঁজুন। এটি গিটহাব কপিলট এবং এজেন্ট মোড ব্যবহার করে আপনার সম্পন্ন করার জন্য একটি নতুন চ্যালেঞ্জ। যদি আপনি আগে কখনও এজেন্ট মোড ব্যবহার না করে থাকেন, এটি শুধুমাত্র টেক্সট তৈরি করে না বরং ফাইল তৈরি ও সম্পাদনা করতে, কমান্ড চালাতে এবং আরও অনেক কিছু করতে সক্ষম। +নতুন চ্যালেঞ্জ যুক্ত হয়েছে, বেশিরভাগ অধ্যায়ে "GitHub Copilot Agent Challenge 🚀" খুঁজুন। এটি একটি নতুন চ্যালেঞ্জ যা GitHub Copilot এবং Agent মোড ব্যবহার করে সম্পন্ন করতে হবে। যদি আগে Agent মোড ব্যবহার না করে থাকেন, এটি শুধু টেক্সট তৈরি করে না বরং ফাইল তৈরি ও সম্পাদনা করতে, কমান্ড চালাতে এবং আরও অনেক কিছু করতে সক্ষম। -### 📣 ঘোষণা - _জেনারেটিভ এআই ব্যবহার করে নতুন প্রজেক্ট_ +### 📣 ঘোষণা - _Generative AI ব্যবহার করে নতুন প্রকল্প নির্মাণ_ -নতুন এআই অ্যাসিস্ট্যান্ট প্রকল্প যুক্ত হয়েছে, এটি দেখুন [project](./9-chat-project/README.md) +নতুন AI সহকারী প্রকল্প মাত্র যোগ করা হয়েছে, দেখুন [project](./9-chat-project/README.md) -### 📣 ঘোষণা - _জেনারেটিভ এআই এর জন্য নতুন পাঠ্যক্রম_ জাভাস্ক্রিপ্টের জন্য সম্প্রতি প্রকাশিত হয়েছে +### 📣 ঘোষণা - _Generative AI ভিত্তিক নতুন কারিকুলাম_ জাভাস্ক্রিপ্টের জন্য সম্প্রতি প্রকাশিত হয়েছে -আমাদের নতুন জেনারেটিভ এআই পাঠ্যক্রম মিস করবেন না! +আমাদের নতুন Generative AI কারিকুলাম মিস করবেন না! -শুরু করতে পরিদর্শন করুন [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ! +শুরু করতে ভিজিট করুন [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! ![Background](../../translated_images/bn/background.148a8d43afde5730.webp) -- মৌলিক থেকে RAG পর্যন্ত সবকিছু নিয়ে পাঠ। -- জেনএআই এবং আমাদের সঙ্গী অ্যাপ ব্যবহার করে ঐতিহাসিক চরিত্রের সাথে আলাপচারিতা। -- মজাদার এবং আকর্ষণীয় গল্প, আপনি সময় ভ্রমণ করবেন! +- বেসিক থেকে RAG পর্যন্ত সব ক্লাস কভার করে। +- GenAI এবং আমাদের কম্প্যানিয়ন অ্যাপ ব্যবহার করে ঐতিহাসিক চরিত্রদের সাথে যোগাযোগ করুন। +- মজাদার এবং আকর্ষণীয় কাহিনী, আপনি সময়ে ভ্রমণ করবেন! ![character](../../translated_images/bn/character.5c0dd8e067ffd693.webp) -প্রতিটি পাঠে একটি অ্যাসাইনমেন্ট সম্পন্ন করতে হবে, একটি জ্ঞান পরীক্ষা এবং একটি চ্যালেঞ্জ যা আপনাকে নিম্নলিখিত বিষয় শিখতে সাহায্য করবে: + +প্রতিটি পাঠে একটি অ্যাসাইনমেন্ট, একটি জ্ঞান যাচাই এবং একটি চ্যালেঞ্জ রয়েছে যা আপনাকে নিম্নলিখিত বিষয়ে শিক্ষায় সাহায্য করবে: - প্রম্পটিং এবং প্রম্পট ইঞ্জিনিয়ারিং -- টেক্সট এবং ইমেজ অ্যাপ তৈরি -- সার্চ অ্যাপ +- টেক্সট এবং ইমেজ অ্যাপ জেনারেশন +- সার্চ অ্যাপস + +শুরু করতে ভিজিট করুন [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course)! + -শুরু করতে পরিদর্শন করুন [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) ! ## 🌱 শুরু করা -> **শিক্ষকবৃন্দ**, এই পাঠ্যক্রম ব্যবহারের জন্য আমরা কিছু [পরামর্শ](for-teachers.md) অন্তর্ভুক্ত করেছি। আপনার মতামত আমাদের [আলোচনা форуমে](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) শেয়ার করুন! +> **শিক্ষকগণ**, আমরা [কিছু পরামর্শ](for-teachers.md) অন্তর্ভুক্ত করেছি কিভাবে এই কারিকুলাম ব্যবহার করবেন। আপনার মতামত আমাদের [আলোচনা ফোরামে](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) জানালে ভাল লাগবে! -**[শিক্ষার্থীবৃন্দ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, প্রতিটি পাঠের জন্য, একটি প্রাক-লেকচার কুইজ দিয়ে শুরু করুন এবং লেকচার ম্যাটেরিয়াল পড়া, বিভিন্ন কার্যক্রম সম্পূর্ণ করা এবং পোস্ট-লেকচার কুইজের মাধ্যমে আপনার বোঝাপড়া যাচাই করুন। +**[শিক্ষার্থীরা](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, প্রতিটি পাঠের জন্য, প্রি-লেকচার কুইজ দিয়ে শুরু করুন, তারপর লেকচার ম্যাটেরিয়াল পড়ুন, বিভিন্ন কার্যকলাপ সম্পন্ন করুন এবং পোস্ট-লেকচার কুইজ দিয়ে আপনার বোঝাপড়া পরীক্ষা করুন। -আপনার শেখার অভিজ্ঞতা উন্নত করতে, আপনার সহপাঠীদের সাথে মিলে প্রকল্পগুলিতে কাজ করুন! আমাদের [আলোচনা ফোরাম](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) এ আলোচনা করা হয়, যেখানে আমাদের মডারেটর দল আপনার প্রশ্নের উত্তর দেওয়ার জন্য উপলব্ধ থাকবে। +আপনার শেখার অভিজ্ঞতা বাড়াতে, সহপাঠীদের সাথে মিলিত হয়ে প্রকল্পগুলোতে কাজ করুন! আমাদের [আলোচনা ফোরামে](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) আলোচনা করা উৎসাহিত, যেখানে আমাদের মোডারেটররা আপনার প্রশ্নের উত্তর দেবেন। -আপনার শিক্ষাকে আরও এগিয়ে নিয়ে যেতে, অতিরিক্ত অধ্যয়ন সামগ্রী জন্য আমরা দৃঢ়ভাবে পরামর্শ দিচ্ছি [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) অন্বেষণ করতে। +আপনার শিক্ষা আরও উন্নত করতে, আমরা অত্যন্ত সুপারিশ করি [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) থেকে অতিরিক্ত অধ্যয়নের উপকরণ অনুসন্ধান করতে। -### 📋 আপনার পরিবেশ সেট আপ করা +### 📋 আপনার পরিবেশ সেটআপ করা -এই পাঠ্যক্রমের একটি ডেভেলপমেন্ট পরিবেশ প্রস্তুত রয়েছে! শুরু করার সময় আপনি কোর্সটি চালাতে পারেন একটি [কোডস্পেসে](https://github.com/features/codespaces/) (_একটি ব্রাউজার-ভিত্তিক, কোনো ইনস্টলেশন ছাড়াই পরিবেশ_), অথবা আপনার কম্পিউটারে লোকালভাবে একটি টেক্সট এডিটর যেমন [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ব্যবহার করে। +এই কারিকুলামের জন্য একটি ডেভেলপমেন্ট পরিবেশ প্রস্তুত রয়েছে! শুরু করার সময় আপনি কোডস্পেস ([Codespace](https://github.com/features/codespaces/)) ব্যবহার করতে পারেন (_একটি ব্রাউজার-ভিত্তিক, কোন ইনস্টলেশন প্রয়োজন নেই এমন পরিবেশ_), অথবা আপনার নিজের কম্পিউটারে টেক্সট এডিটর যেমন [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ব্যবহার করে কোর্স চালাতে পারেন। -#### আপনার রিপোজিটরি তৈরি করুন -আপনার কাজ সহজে সংরক্ষণ করার জন্য, এই রিপোজিটরিটির নিজস্ব একটি কপি তৈরি করাই প্রস্তাবিত। আপনি এটি করতে পারেন পাতার উপরের দিকে থাকা **Use this template** বোতামে ক্লিক করে। এটি আপনার GitHub অ্যাকাউন্টে পাঠ্যক্রমের একটি কপি সহ একটি নতুন রিপোজিটরি তৈরি করবে। +#### আপনার রেপোজিটরি তৈরি করুন +আপনার কাজ সহজে সংরক্ষণ করার জন্য, আপনার নিজের কপি তৈরি করার জন্য এই রেপোজিটরি থেকে কপি করে নিতে সুপারিশ করা হয়। পেজের উপরের দিকে থাকা **Use this template** বাটনে ক্লিক করলে এটি আপনার GitHub অ্যাকাউন্টে একটি নতুন রেপোজিটরি তৈরি করবে কারিকুলামের কপিসহ। -এই ধাপগুলি অনুসরণ করুন: -1. **রিপোজিটরি ফর্ক করুন**: এই পৃষ্ঠার উপরের ডানদিকে থাকা "Fork" বোতামে ক্লিক করুন। -2. **রিপোজিটরি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +এই ধাপগুলো অনুসরণ করুন: +১. **রেপোজিটরি ফরক করুন**: পেজের ডান-উপরে থাকা "Fork" বাটনে ক্লিক করুন। +২. **রেপোজিটরি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### কোডস্পেসে পাঠ্যক্রম চালানো +#### কোডস্পেসে কারিকুলাম চালানো -আপনি যে রিপোজিটোরিটির কপি তৈরি করেছেন, সেখানে **Code** বোতামে ক্লিক করুন এবং **Open with Codespaces** নির্বাচন করুন। এটি আপনাকে কাজ করার জন্য একটি নতুন কোডস্পেস তৈরি করবে। +আপনার তৈরি করা রেপোজিটরির মধ্যে, **Code** বাটনে ক্লিক করে **Open with Codespaces** নির্বাচন করুন। এটি আপনার জন্য একটি নতুন কোডস্পেস তৈরি করবে কাজ করার জন্য। ![Codespace](../../translated_images/bn/createcodespace.0238bbf4d7a8d955.webp) -#### আপনার কম্পিউটারে লোকালভাবে পাঠ্যক্রম চালানো +#### আপনার কম্পিউটারে লোকালি কারিকুলাম চালানো -এই পাঠ্যক্রম আপনার কম্পিউটারে চালাতে, আপনার দরকার একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুল। আমাদের প্রথম পাঠ, [প্রোগ্রামিং ভাষা ও সরঞ্জাম পরিচিতি](../../1-getting-started-lessons/1-intro-to-programming-languages), আপনাকে বিভিন্ন বিকল্প সম্পর্কে গাইড করবে যা আপনার জন্য সবচেয়ে উপযুক্ত তা নির্বাচন করতে সাহায্য করবে। +আপনার কম্পিউটারে লোকালি কোর্স চালানোর জন্য, একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুল প্রয়োজন। আমাদের প্রথম পাঠ [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) আপনাকে বিভিন্ন বিকল্প দেখাবে প্রতিটি টুলের জন্য, যাতে আপনি আপনার জন্য সেরা পছন্দ করতে পারেন। -আমাদের প্রস্তাবনা হল [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ব্যবহার করা, যা একটি বিল্ট-ইন [টার্মিনাল](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) দিয়ে আসে। আপনি Visual Studio Code ডাউনলোড করতে পারেন [এখান থেকে](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)। +আমাদের সুপারিশ হল [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) এডিটর হিসাবে ব্যবহার করা, এতে অন্তর্নির্মিত [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) রয়েছে। Visual Studio Code [এখান থেকে ডাউনলোড করতে পারেন](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)। -1. আপনার রিপোজিটরি ক্লোন করুন আপনার কম্পিউটারে। এটি করতে পারেন **Code** বোতামে ক্লিক করে URL কপি করে: +১. আপনার রেপোজিটরিটি আপনার কম্পিউটারে ক্লোন করুন। আপনি এটি করতে পারেন **Code** বাটনে ক্লিক করে URL কপি করে: [CodeSpace](./images/createcodespace.png) -তারপরে, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) এর মধ্যে [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) খুলুন এবং নিম্নলিখিত কমান্ডটি চালান, `` এর জায়গায় আপনি যা 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) খুলুন এবং নিম্নলিখিত কমান্ডটি চালান, `` এর স্থান আপনার সদ্য কপি করা URL ব্যবহার করুন: ```bash git clone ``` -২. Visual Studio Code-এ ফোল্ডারটি খুলুন। আপনি **File** > **Open Folder** ক্লিক করে এবং আপনি যেই ফোল্ডার ক্লোন করেছেন তা নির্বাচন করে এটি করতে পারেন। +২. Visual Studio Code-এ ফোল্ডারটি খুলুন। আপনি এটি করতে পারেন **File** > **Open Folder** ক্লিক করে এবং সদ্য ক্লোনকৃত ফোল্ডারটি নির্বাচন করে। + > সুপারিশকৃত Visual Studio Code এক্সটেনশনসমূহ: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code এর মধ্যে HTML পেজ পূর্বদর্শন করার জন্য -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - দ্রুত কোড লেখার জন্য সাহায্য করার জন্য +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-এ HTML পেজ প্রিভিউ করার জন্য +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - দ্রুত কোড লেখায় সাহায্য করার জন্য -## 📂 প্রতিটি পাঠের মধ্যে রয়েছে: +## 📂 প্রতিটি লেসনের মধ্যে রয়েছে: - ঐচ্ছিক স্কেচনোট -- ঐচ্ছিক সহায়ক ভিডিও -- পাঠ পূর্ববর্তী ওয়ার্মআপ কুইজ +- ঐচ্ছিক পরিপূরক ভিডিও +- পাঠের পূর্বের ওয়ার্মআপ কুইজ - লিখিত পাঠ -- প্রকল্প ভিত্তিক পাঠের জন্য, প্রকল্প নির্মাণের ধাপে ধাপে নির্দেশিকা -- জ্ঞানের পরীক্ষা +- প্রকল্প-ভিত্তিক পাঠের জন্য, প্রকল্প নির্মাণের ধাপে ধাপে গাইড +- জ্ঞান যাচাই - একটি চ্যালেঞ্জ -- সহায়ক পাঠ +- পরিপূরক পাঠ্য - অ্যাসাইনমেন্ট -- [পাঠোত্তর কুইজ](https://ff-quizzes.netlify.app/web/) +- [পাঠ সমাপ্তির কুইজ](https://ff-quizzes.netlify.app/web/) -> **কুইজের সম্পর্কিত একটি নোট**: সকল কুইজ কুইজ-অ্যাপ ফোল্ডারে রয়েছে, মোট ৪৮টি কুইজ जिसमें প্রতিটিতে তিনটি প্রশ্ন থাকে। এগুলো এখানে পাওয়া যায় [এখানে](https://ff-quizzes.netlify.app/web/)। কুইজ অ্যাপটি লোকালভাবে চালানো যায় অথবা Azure-তে ডিপ্লয় করা যায়; `quiz-app` ফোল্ডারের নির্দেশিকাগুলি অনুসরণ করুন। +> **কুইজ সম্পর্কে একটি নোট**: সমস্ত কুইজগুলি Quiz-app ফোল্ডারে রয়েছে, মোট ৪৮টি কুইজ, প্রতিটিতে তিনটি প্রশ্ন। এগুলি [এখানে](https://ff-quizzes.netlify.app/web/) পাওয়া যায়। কুইজ অ্যাপটি স্থানীয়ভাবে চালানো বা Azure-এ ডিপ্লয় করা যেতে পারে; নির্দেশাবলী `quiz-app` ফোল্ডারে অনুসরণ করুন। -## 🗃️ পাঠসমূহ +## 🗃️ লেসনসমূহ -| | প্রকল্পের নাম | শেখানো বিষয়সমূহ | শেখার উদ্দেশ্য | সংযুক্ত পাঠ | লেখক | +| | প্রকল্পের নাম | শেখানো বিষয়সমূহ | শেখার উদ্দেশ্য | লিঙ্কযুক্ত পাঠ | লেখক | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| ০১ | Getting Started | প্রোগ্রামিং পরিচিতি এবং যন্ত্রপাতির পরিচিতি | প্রোগ্রামিং ভাষাগুলির প্রাথমিক বিবরণ এবং পেশাদার ডেভেলপারদের কাজ সাপোর্টকারী সফটওয়্যার সম্বন্ধে শেখা | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| ০২ | Getting Started | GitHub এর মৌলিক, দলের সাথে কাজ করার ধাপ | আপনার প্রকল্পে GitHub কিভাবে ব্যবহার করবেন, কোডবেসে অন্যদের সাথে কিভাবে সহযোগিতা করবেন | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| ০৩ | Getting Started | অ্যাক্সেসিবিলিটি | ওয়েব অ্যাক্সেসিবিলিটির মৌলিক বিষয়গুলো শেখা | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| ০৪ | JS Basics | JavaScript ডেটা টাইপ | JavaScript এর ডেটা টাইপের প্রাথমিক জ্ঞান | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| ০৫ | JS Basics | ফাংশন এবং মেথড | অ্যাপ্লিকেশনের লজিক প্রবাহ নিয়ন্ত্রণের জন্য ফাংশন এবং মেথড সম্পর্কে শেখা | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| ০৬ | JS Basics | JS দিয়ে সিদ্ধান্ত নেওয়া | কোডে শর্ত তৈরি করার জন্য সিদ্ধান্ত গ্রহণ পদ্ধতি শেখা | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| ০৭ | JS Basics | অ্যারে এবং লুপ | JavaScript-এ অ্যারে এবং লুপ ব্যবহার করে ডেটা নিয়ে কাজ করা | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| ০৮ | [Terrarium](./3-terrarium/solution/README.md) | HTML অনুশীলন | একটি অনলাইন টেরারিয়াম তৈরির জন্য HTML নির্মাণ, মূলত লেআউট নির্মাণে ফোকাস | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| ০৯ | [Terrarium](./3-terrarium/solution/README.md) | CSS অনুশীলন | পরিষ্কার এবং রেসপন্সিভ পেজ তৈরির জন্য CSS নির্মাণের মৌলিক বিষয় শেখা | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| ১০ | [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 | -| ১১ | [Typing Game](./4-typing-game/solution/README.md) | টাইপিং গেম তৈরি | কী বোর্ড ইভেন্ট ব্যবহার করে JavaScript অ্যাপ এর লজিক চালানো শেখা | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| ১২ | [Green Browser Extension](./5-browser-extension/solution/README.md) | ব্রাউজার নিয়ে কাজ | ব্রাউজার কিভাবে কাজ করে, ইতিহাস এবং ব্রাউজার এক্সটেনশন এর প্রথম উপাদানগুলি তৈরি শেখা | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| ১৩ | [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 | -| ১৪ | [Green Browser Extension](./5-browser-extension/solution/README.md) | ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরমেন্স | এক্সটেনশনের আইকন পরিচালনার জন্য ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস ব্যবহার, ওয়েব পারফরমেন্স এবং অপ্টিমাইজেশন শেখা | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| ১৫ | [Space Game](./6-space-game/solution/README.md) | JavaScript দিয়ে উন্নত গেম ডেভেলপমেন্ট | ক্লাস এবং কম্পোজিশন ব্যবহার করে ইনহেরিটেন্স এবং Pub/Sub প্যাটার্ন শেখা, গেম নির্মাণের প্রস্তুতি | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| ১৬ | [Space Game](./6-space-game/solution/README.md) | ক্যানভাসে ড্রয়িং | স্ক্রীনে ড্রয়িং করার জন্য Canvas API শেখা | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| ১৭ | [Space Game](./6-space-game/solution/README.md) | স্ক্রীনে উপাদান সরানো | কিভাবে উপাদান কার্টেসিয়ান কোঅর্ডিনেটস এবং Canvas API ব্যবহার করে গতিশীল হয় তা খুঁজে বের করা | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| ১৮ | [Space Game](./6-space-game/solution/README.md) | সংঘর্ষ সনাক্তকরণ | কী প্রেস ব্যবহার করে উপাদানগুলোর সংঘর্ষ ঘটানো এবং পারস্পরিক প্রতিক্রিয়া দেখা, পারফরম্যান্স রক্ষা করার জন্য কুলডাউন ফাংশন যুক্ত করা | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| ১৯ | [Space Game](./6-space-game/solution/README.md) | স্কোর রাখা | গেমের অবস্থা ও পারফরমেন্সের ভিত্তিতে গাণিতিক হিসাব করা | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| ২০ | [Space Game](./6-space-game/solution/README.md) | গেম শেষ করা ও পুনরায় চালু করা | গেম শেষ ও পুনরায় শুরু করার পদ্ধতি শেখা, একসেট পরিষ্কারকরণ ও ভেরিয়েবল রিসেট করা | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| ২১ | [Banking App](./7-bank-project/solution/README.md) | ওয়েব অ্যাপে HTML টেমপ্লেট এবং রুটিং | মাল্টিপেজ ওয়েবসাইটের কাঠামো তৈরির জন্য রুটিং ও HTML টেমপ্লেট ব্যবহারের পদ্ধতি শেখা | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| ২২ | [Banking App](./7-bank-project/solution/README.md) | লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি | ফর্ম তৈরি এবং ভ্যালিডেশন পদ্ধতি শেখা | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| ২৩ | [Banking App](./7-bank-project/solution/README.md) | ডেটা আহরণ ও ব্যবহার পদ্ধতি | অ্যাপ থেকে কিভাবে ডেটা আসছে ও যাচ্ছে, এটি কিভাবে আহরণ, সংরক্ষণ এবং অপসারণ করা হয় তা শেখা | [Data](./7-bank-project/3-data/README.md) | Yohan | -| ২৪ | [Banking App](./7-bank-project/solution/README.md) | স্টেট ম্যানেজমেন্টের ধারণা | অ্যাপ কিভাবে তার স্টেট সংরক্ষণ করে এবং প্রোগ্রাম্যাটিক্যালি এটি কিভাবে ম্যানেজ করা হয় তা শেখা | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| ২৫ | [Browser/VScode Code](../../8-code-editor) | VScode এর সাথে কাজ করা | কিভাবে কোড এডিটর ব্যবহার করবেন তা শেখা| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| ২৬ | [AI Assistants](./9-chat-project/README.md) | AI-এর সাথে কাজ করা | নিজের AI সহকারী তৈরি করা শেখা | [AI Assistant project](./9-chat-project/README.md) | Chris | +| 01 | শুরু করা হচ্ছে | প্রোগ্রামিং ও কাজের সরঞ্জামের পরিচিতি | বেশিরভাগ প্রোগ্রামিং ভাষার মৌলিক ভিত্তি শেখা এবং পেশাদার ডেভেলপাররা যেসব সফটওয়্যার ব্যবহার করে তা সম্পর্কে জানা | [প্রোগ্রামিং ভাষা ও সরঞ্জামের পরিচিতি](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | শুরু করা হচ্ছে | গিটহাবের বেসিকস, দলের সাথে কাজ করার বিষয় | আপনার প্রকল্পে গিটহাব ব্যবহারের পদ্ধতি, কোড বেসে অন্যদের সাথে সহযোগিতার কৌশল | [গিটহাব পরিচিতি](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | শুরু করা হচ্ছে | অ্যাক্সেসিবিলিটি | ওয়েব অ্যাক্সেসিবিলিটির বেসিকস শেখা | [অ্যাক্সেসিবিলিটি ফান্ডামেন্টালস](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS বেসিকস | জাভাস্ক্রিপ্ট ডেটা টাইপস | জাভাস্ক্রিপ্ট ডেটা টাইপসের মৌলিক বিষয়গুলি | [ডেটা টাইপস](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS বেসিকস | ফাংশন ও মেথডস | অ্যাপ্লিকেশনের লজিক ম্যানেজমেন্টের জন্য ফাংশন ও মেথড সম্পর্কে শেখা | [ফাংশন ও মেথডস](./2-js-basics/2-functions-methods/README.md) | Jasmine এবং Christopher | +| 06 | JS বেসিকস | জেএস দিয়ে সিদ্ধান্ত নেওয়া | সিদ্ধান্ত নেওয়ার পদ্ধতি ব্যবহার করে আপনার কোডে শর্ত তৈরি করার কৌশল শেখা | [সিদ্ধান্ত নেওয়া](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS বেসিকস | অ্যারে ও লুপস | জাভাস্ক্রিপ্টে অ্যারে ও লুপ ব্যবহার করে ডেটার সাথে কাজ করা | [অ্যারে ও লুপস](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML অনুশীলনে | অনলাইন টেরারিয়াম তৈরি করার জন্য HTML নির্মাণ, লেআউট তৈরিতে ফোকাস | [HTML পরিচিতি](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS অনুশীলনে | অনলাইন টেরারিয়ামের স্টাইলিং করার জন্য CSS তৈরী, পেজ রেসপন্সিভ করার বেসিকস ফোকাস | [CSS পরিচিতি](./3-terrarium/2-intro-to-css/README.md) | Jen | +| ১০ | [Terrarium](./3-terrarium/solution/README.md) | জাভাস্ক্রিপ্ট ক্লোজার, DOM ম্যানিপুলেশন | টেরারিয়াম ড্র্যাগ/ড্রপ ইন্টারফেসের জন্য জাভাস্ক্রিপ্ট তৈরি, ক্লোজার ও DOM ম্যানিপুলেশনে ফোকাস | [জাভাস্ক্রিপ্ট ক্লোজার, DOM ম্যানিপুলেশন](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| ১১ | [টাইপিং গেম](./4-typing-game/solution/README.md) | একটি টাইপিং গেম তৈরি | কী-বোর্ড ইভেন্ট ব্যবহার করে আপনার জাভাস্ক্রিপ্ট অ্যাপের লজিক পরিচালনা করা | [ইভেন্ট চালিত প্রোগ্রামিং](./4-typing-game/typing-game/README.md) | Christopher | +| ১২ | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) | ব্রাউজার নিয়ে কাজ | ব্রাউজার কাজ করার পদ্ধতি, ইতিহাস, এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদানগুলো তৈরির কাঠামো শেখা | [ব্রাউজার সম্পর্কে](./5-browser-extension/1-about-browsers/README.md) | Jen | +| ১৩ | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) | ফর্ম তৈরি, API কল এবং লোকাল স্টোরেজে ভেরিয়েবল সংরক্ষণ | লোকাল স্টোরেজে ভেরিয়েবল সংরক্ষণ করে API কল করার জন্য ব্রাউজার এক্সটেনশনের জাভাস্ক্রিপ্ট উপাদান তৈরি | [API, ফর্ম, এবং লোকাল স্টোরেজ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| ১৪ | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) | ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরমেন্স | এক্সটেনশনের আইকন পরিচালনার জন্য ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস ব্যবহার; ওয়েব পারফরমেন্স ও অপ্টিমাইজেশন সম্পর্কে শেখা | [ব্যাকগ্রাউন্ড টাস্ক ও পারফরমেন্স](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| ১৫ | [স্পেস গেম](./6-space-game/solution/README.md) | জাভাস্ক্রিপ্ট দিয়ে আরও উন্নত গেম ডেভেলপমেন্ট | ইনহেরিট্যান্স (ক্লাস ও কম্পোজিশন), Pub/Sub প্যাটার্ন সম্পর্কে শেখা, গেম নির্মাণের প্রস্তুতি | [উন্নত গেম ডেভেলপমেন্ট পরিচিতি](./6-space-game/1-introduction/README.md) | Chris | +| ১৬ | [স্পেস গেম](./6-space-game/solution/README.md) | ক্যানভাসে আঁকা | স্ক্রিনে এলিমেন্ট আঁকার জন্য ক্যানভাস API সম্পর্কে শেখা | [ক্যানভাসে আঁকা](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| ১৭ | [স্পেস গেম](./6-space-game/solution/README.md) | স্ক্রিনের চারপাশে এলিমেন্ট সরানো | কার্টেসিয়ান কোঅর্ডিনেট ও ক্যানভাস API ব্যবহার করে এলিমেন্ট কিভাবে গতি পায় তা আবিষ্কার করা | [এলিমেন্ট সরানো](./6-space-game/3-moving-elements-around/README.md) | Chris | +| ১৮ | [স্পেস গেম](./6-space-game/solution/README.md) | সংঘর্ষ সনাক্তকরণ | কীপ্রেস ব্যবহার করে এলিমেন্টের সংঘর্ষ ঘটানো ও প্রতিক্রিয়া প্রদান এবং গেমের পারফরমেন্স ধরে রাখতে একটি কুলডাউন ফাংশন তৈরি | [সংঘর্ষ সনাক্তকরণ](./6-space-game/4-collision-detection/README.md) | Chris | +| ১৯ | [স্পেস গেম](./6-space-game/solution/README.md) | স্কোর রাখা | গেমের অবস্থা ও পারফরমেন্সের ওপর ভিত্তি করে গাণিতিক হিসাব করা | [স্কোর রাখা](./6-space-game/5-keeping-score/README.md) | Chris | +| ২০ | [স্পেস গেম](./6-space-game/solution/README.md) | গেম শেষ করা ও পুনরায় শুরু করা | গেম শেষ করার ও পুনরায় শুরু করার পদ্ধতি শেখা, সাথে অ্যাসেট পরিষ্কার করা ও ভেরিয়েবল রিসেট করা | [শেষের শর্ত](./6-space-game/6-end-condition/README.md) | Chris | +| ২১ | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | ওয়েব অ্যাপে HTML টেমপ্লেট ও রাউটস | মাল্টিপেজ ওয়েবসাইটের আর্কিটেকচার তৈরির জন্য রাউটিং ও HTML টেমপ্লেট ব্যবহার শেখা | [HTML টেমপ্লেট এবং রাউট](./7-bank-project/1-template-route/README.md) | Yohan | +| ২২ | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | লগইন ও রেজিস্ট্রেশন ফর্ম তৈরি | ফর্ম তৈরি ও ভ্যালিডেশন রুটিন পরিচালনার বিষয় শেখা | [ফর্ম](./7-bank-project/2-forms/README.md) | Yohan | +| ২৩ | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | ডেটা সংগ্রহ ও ব্যবহার পদ্ধতি | আপনার অ্যাপের মধ্যে ডেটা প্রবাহ, সংগ্রহ, সংরক্ষণ এবং অপসারণ কিভাবে করা হয় তা শেখা | [ডেটা](./7-bank-project/3-data/README.md) | Yohan | +| ২৪ | [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md) | স্টেট ম্যানেজমেন্টের ধারণা | আপনার অ্যাপ কিভাবে স্টেট ধরে রাখে এবং প্রোগ্রাম্যাটিকভাবে ম্যানেজ করে তা শেখা | [স্টেট ম্যানেজমেন্ট](./7-bank-project/4-state-management/README.md) | Yohan | +| ২৫ | [Browser/VScode Code](../../8-code-editor) | VScode দিয়ে কাজ করা | কিভাবে কোড এডিটর ব্যবহার করবেন তা শেখা| [VScode কোড সম্পাদক ব্যবহার](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| ২৬ | [AI সহকারী](./9-chat-project/README.md) | AI নিয়ে কাজ | নিজের AI সহকারী তৈরি করার পদ্ধতি শেখা | [AI সহকারী প্রকল্প](./9-chat-project/README.md) | Chris | + +## 🏫 পেডাগজি -## 🏫 শিক্ষণ পদ্ধতি +আমাদের পাঠক্রম দুইটি মূল পেডাগজিকাল নীতির ভিত্তিতে ডিজাইন করা হয়েছে: +* প্রকল্প-ভিত্তিক শিক্ষা +* নিয়মিত কুইজ -আমাদের পাঠ্যক্রম দুটি মূল শিক্ষণ নীতির উপর ভিত্তি করে ডিজাইন করা হয়েছে: -* প্রকল্প-ভিত্তিক শেখা -* ঘন ঘন কুইজ +এই প্রোগ্রামটি শেখায় জাভাস্ক্রিপ্ট, HTML এবং CSS-এর মৌলিক বিষয়াদি, পাশাপাশি আধুনিক ওয়েব ডেভেলপারদের ব্যবহৃত সর্বশেষ টুল ও কৌশল। শিক্ষার্থীরা টাইপিং গেম, ভার্চুয়াল টেরারিয়াম, ইকো-ফ্রেন্ডলি ব্রাউজার এক্সটেনশন, স্পেস-ইনভেডার-স্টাইল গেম এবং ব্যবসায়িক ব্যাঙ্কিং অ্যাপ তৈরি করে হাতে কলমে অভিজ্ঞতা অর্জন করবে। সিরিজের শেষে, শিক্ষার্থীরা ওয়েব ডেভেলপমেন্টের দৃঢ় ধারণা লাভ করবে। -এই প্রোগ্রাম JavaScript, HTML, এবং CSS এর ভিত্তি শেখায়, পাশাপাশি আজকের ওয়েব ডেভেলপারদের ব্যবহৃত সর্বশেষ টুলস ও কৌশল। শিক্ষার্থীরা টাইপিং গেম, ভার্চুয়াল টেরারিয়াম, ইকো-ফ্রেন্ডলি ব্রাউজার এক্সটেনশন, স্পেস-ইনভেডার ধাঁচের গেম এবং ব্যবসায়িকদের জন্য ব্যাংকিং অ্যাপ নির্মাণ করে হাতে-কলমে অভিজ্ঞতা অর্জন করবে। সিরিজের শেষে, শিক্ষার্থীরা ওয়েব ডেভেলপমেন্টের শক্তিশালী ধারণা অর্জন করবে। +> 🎓 আপনি এই পাঠক্রমের প্রথম কয়েকটি লেসন [লেয়ার্ন পাথ](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) হিসেবে Microsoft Learn-এ নিতে পারেন! -> 🎓 আপনি মাইক্রোসফট লার্নে এই পাঠ্যক্রমের প্রথম কয়েকটি পাঠ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) হিসেবে নিতে পারেন! +বিষয়বস্তু প্রকল্পগুলোর সাথে সামঞ্জস্যপূর্ণ করার মাধ্যমে শিক্ষার্থীদের জন্য প্রক্রিয়াটি আরও আকর্ষণীয় এবং ধারণাগুলির ধারণ ক্ষমতা বৃদ্ধি পায়। আমরা জাভাস্ক্রিপ্ট বেসিকসের বেশ কিছু প্রারম্ভিক লেসনও লিখেছি, যেগুলো ধারণা উপস্থাপন করে, এবং এই লেসনগুলোর সাথে "[জাভাস্ক্রিপ্টের জন্য নবাগতদের সিরিজ](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ভিডিও টিউটোরিয়ালের একটি ভিডিও জুড়ে দেওয়া হয়েছে, এই সিরিজের কিছু লেখক এই পাঠক্রমে অবদান রেখেছেন। -প্রকল্পসমূহের সাথে সামঞ্জস্য রেখে বিষয়বস্তু নিশ্চিত করার মাধ্যমে ছাত্রদের জন্য শেখার প্রক্রিয়া আরও আকর্ষণীয় হয় এবং ধারণাগুলো দীর্ঘস্থায়ী হয়। আমরা JavaScript মৌলিক বিষয়গুলো উপস্থাপনের জন্য কয়েকটি প্রারম্ভিক পাঠ এবং Microsoft এর "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ভিডিও টিউটোরিয়াল সংগ্রহ থেকে একটি ভিডিও সংযুক্ত করেছি, যাদের কয়েকজন লেখক এই পাঠ্যক্রমে অবদান রেখেছেন। +এছাড়াও, ক্লাসের আগে একটি কম স্তরের কুইজ একটি বিষয়ে শেখার উদ্দেশ্য স্থির করে, আর ক্লাসের পর একটি দ্বিতীয় কুইজ ধারণের বজায় রাখাকে নিশ্চিত করে। এই পাঠক্রমটি নমনীয় ও মজাদার করার জন্য ডিজাইন করা হয়েছে এবং সম্পূর্ণ বা আংশিকভাবে নেওয়া যেতে পারে। প্রকল্পগুলি ছোট থেকে শুরু করে ১২ সপ্তাহের চক্রের শেষে ক্রমবর্ধমান জটিলতা লাভ করে। -এছাড়াও, একটি ক্লাসের আগে একটি কম চাপের কুইজ শিক্ষার্থীর মনোভাব তৈরি করে শিক্ষার উদ্দেশ্যে মনোনিবেশ করতে সাহায্য করে এবং ক্লাসের পরে দ্বিতীয় কুইজ বিষয়বস্তু সংরক্ষণ নিশ্চিত করে। এই পাঠ্যক্রমটি নমনীয় এবং মজাদার করে ডিজাইন করা হয়েছে এবং সম্পূর্ণ বা আংশিক অংশ হিসেবে নেওয়া যেতে পারে। প্রকল্পগুলো ছোট থেকে শুরু করে ১২ সপ্তাহের শেষে ক্রমশ জটিল হয়ে ওঠে। +যদিও আমরা ইচ্ছাকৃতভাবে জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কস পরিচয় করাতে বর্জন করেছি যেন একটি ওয়েব ডেভেলপার হিসেবে মৌলিক দক্ষতাগুলিতে মনোযোগ দিতে পারি, এই পাঠক্রম সম্পূর্ণ করার পর একটি ভালো পরবর্তী পদক্ষেপ হবে 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` টাইপ করুন। ওয়েবসাইটটি আপনার লোকালহোস্টের ৩০০০ পোর্টে: `localhost:3000` এ চালিত হবে। -আপনি [Docsify](https://docsify.js.org/#/) ব্যবহার করে এই ডকুমেন্টেশন অফলাইনে চালাতে পারেন। এই রিপো ফর্ক করুন, আপনার লোকাল যন্ত্রে [Docsify ইনস্টল](https://docsify.js.org/#/quickstart) করুন, এবং তারপর এই রিপোর মূল ফোল্ডারে `docsify serve` কমান্ড টাইপ করুন। ওয়েবসাইটটি আপনার লোকালহোস্টে পোর্ট ৩০০০-এ চালু হবে: `localhost:3000`। +## 📘 পিডিএফ -## 📘 PDF +সমস্ত লেসনের একটি পিডিএফ আপনি [এখানে](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) পেয়ে যাবেন। -সমস্ত পাঠের PDF এখানে পাওয়া যাবে [এখানে](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)। ## 🎒 অন্যান্য কোর্সসমূহ -আমাদের দল অন্যান্য কোর্সও তৈরি করে! দেখুন: +আমাদের দল অন্যান্য কোর্স তৈরি করে! দেখুন: -### LangChain +### ল্যাংচেইন [![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) - +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agents +### আজুর / এজ / MCP / এজেন্টস [![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) [![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) @@ -218,7 +223,7 @@ --- -### Generative AI Series +### জেনারেটিভ AI সিরিজ [![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) @@ -226,7 +231,7 @@ --- -### Core Learning +### কোর লার্নিং [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) @@ -237,29 +242,29 @@ --- -### Copilot Series +### কপাইলট সিরিজ [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) -## সাহায্য নেওয়া +## সাহায্য নেওয়া -যদি আপনি আটকে যান অথবা AI অ্যাপ তৈরি সম্পর্কে আপনার কোনো প্রশ্ন থাকে, তবে MCP নিয়ে আলাপ-আলোচনায় অংশ নিতে সহপাঠী শিক্ষার্থী এবং অভিজ্ঞ ডেভেলপারদের সাথে যোগ দিন। এটি একটি সহায়ক কমিউনিটি যেখানে প্রশ্ন করা স্বাগত এবং জ্ঞান বিনামূল্যে শেয়ার করা হয়। +আপনি যদি আটকে যান বা AI অ্যাপ তৈরি সম্পর্কে কোনো প্রশ্ন থাকে। MCP নিয়ে আলোচনা করতে সহকর্মী শিক্ষার্থীরা এবং অভিজ্ঞ ডেভেলপারদের সাথে যোগ দিন। এটি একটি সহায়ক কমিউনিটি যেখানে প্রশ্ন করতে স্বাগত এবং জ্ঞান বিনামূল্যে ভাগ করা হয়। [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -যদি আপনার প্রোডাক্ট ফিডব্যাক থাকে অথবা নির্মাণের সময় কোনো ত্রুটি হয় তবে এখানে যান: +আপনার যদি প্রোডাক্ট প্রতিক্রিয়া বা তৈরি করার সময় ত্রুটি থাকে, তাহলে দেখুন: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## লাইসেন্স -এই রিপোজিটরিটি MIT লাইসেন্সের অধীনে লাইসেন্সকৃত। আরও তথ্যের জন্য [LICENSE](../../LICENSE) ফাইলটি দেখুন। +এই রেপোজিটোরিটি MIT লাইসেন্সের অধীনে লাইসেন্সপ্রাপ্ত। আরও তথ্যের জন্য দেখুন [LICENSE](../../LICENSE) ফাইলটি। --- -**জিজ্ঞাসা**: -এই ডকুমেন্টটি AI অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। আমরা স্বচ্ছতা এবং সঠিকতার জন্য চেষ্টা করি, কিন্তু স্বয়ংক্রিয় অনুবাদে ভুল বা অসম্পূর্ণতা থাকতে পারে। মূল ডকুমেন্ট তার নিজস্ব ভাষায় প্রামাণিক উৎস হিসাবে বিবেচিত হওয়া উচিত। গুরুত্বপূর্ণ তথ্যের জন্য পেশাদার মানব অনুবাদের পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহারে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়বদ্ধ নই। +**বিজ্ঞপ্তি**: +এই নথিটি AI অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। আমরা সঠিকতার জন্য চেষ্টা করলেও, স্বয়ংক্রিয় অনুবাদে ভুল বা অমিল থাকতে পারে। মূল নথি তার স্বাদভাষায়ই সর্বোত্তম এবং কর্তৃপক্ষমূলক উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য প্রফেশনাল মানব অনুবাদ গ্রহণ করার পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহার থেকে উদ্ভূত কোনও ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই। \ No newline at end of file diff --git a/translations/hi/.co-op-translator.json b/translations/hi/.co-op-translator.json index 9f1a53db9..bd2210793 100644 --- a/translations/hi/.co-op-translator.json +++ b/translations/hi/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2025-10-03T11:20:11+00:00", + "translation_date": "2026-02-06T08:07:14+00:00", "source_file": "AGENTS.md", "language_code": "hi" }, @@ -516,8 +516,8 @@ "language_code": "hi" }, "README.md": { - "original_hash": "490c83786552d7fab6390991517bef09", - "translation_date": "2026-01-29T17:59:23+00:00", + "original_hash": "805cd399757df19e886e86f0891a1374", + "translation_date": "2026-02-06T08:00:56+00:00", "source_file": "README.md", "language_code": "hi" }, diff --git a/translations/hi/AGENTS.md b/translations/hi/AGENTS.md index 79c25c3ba..6bb87ef6a 100644 --- a/translations/hi/AGENTS.md +++ b/translations/hi/AGENTS.md @@ -1,30 +1,30 @@ # AGENTS.md -## परियोजना का अवलोकन +## परियोजना अवलोकन -यह शुरुआती लोगों को वेब विकास की मूलभूत बातें सिखाने के लिए एक शैक्षिक पाठ्यक्रम रिपॉजिटरी है। पाठ्यक्रम माइक्रोसॉफ्ट क्लाउड एडवोकेट्स द्वारा विकसित 12-सप्ताह का व्यापक कोर्स है, जिसमें जावास्क्रिप्ट, CSS और HTML को कवर करने वाले 24 प्रैक्टिकल पाठ शामिल हैं। +यह शुरुआती लोगों को वेब विकास के मूलभूत सिद्धांत सिखाने के लिए एक शैक्षिक पाठ्यक्रम रिपॉज़िटरी है। यह पाठ्यक्रम Microsoft Cloud Advocates द्वारा विकसित एक व्यापक 12-सप्ताह का कोर्स है, जिसमें JavaScript, CSS, और HTML को कवर करने वाले 24 व्यावहारिक पाठ शामिल हैं। ### मुख्य घटक - **शैक्षिक सामग्री**: परियोजना-आधारित मॉड्यूल में व्यवस्थित 24 संरचित पाठ -- **प्रैक्टिकल प्रोजेक्ट्स**: टेरारियम, टाइपिंग गेम, ब्राउज़र एक्सटेंशन, स्पेस गेम, बैंकिंग ऐप, कोड एडिटर, और AI चैट असिस्टेंट -- **इंटरएक्टिव क्विज़**: 48 क्विज़, प्रत्येक में 3 प्रश्न (पाठ से पहले/बाद के आकलन) -- **बहुभाषा समर्थन**: GitHub Actions के माध्यम से 50+ भाषाओं में स्वचालित अनुवाद -- **तकनीकें**: HTML, CSS, जावास्क्रिप्ट, Vue.js 3, Vite, Node.js, Express, Python (AI प्रोजेक्ट्स के लिए) +- **व्यावहारिक प्रोजेक्ट्स**: टेरियम, टाइपिंग गेम, ब्राउज़र एक्सटेंशन, स्पेस गेम, बैंकिंग ऐप, कोड संपादक, और AI चैट सहायक +- **इंटरैक्टिव क्विज़**: 48 क्विज़, हर एक में 3 प्रश्न (पाठ से पहले/बाद के आकलन) +- **मल्टी-भाषा समर्थन**: GitHub Actions द्वारा 50+ भाषाओं में स्वचालित अनुवाद +- **प्रौद्योगिकियां**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI प्रोजेक्ट्स के लिए) -### संरचना +### वास्तुकला -- पाठ-आधारित संरचना के साथ शैक्षिक रिपॉजिटरी -- प्रत्येक पाठ फ़ोल्डर में README, कोड उदाहरण, और समाधान शामिल हैं -- अलग-अलग निर्देशिकाओं में स्वतंत्र प्रोजेक्ट्स (quiz-app, विभिन्न पाठ प्रोजेक्ट्स) -- GitHub Actions (co-op-translator) का उपयोग करके अनुवाद प्रणाली -- Docsify के माध्यम से दस्तावेज़ीकरण और PDF के रूप में उपलब्ध +- पाठ आधारित संरचना के साथ शैक्षिक रिपॉज़िटरी +- प्रत्येक पाठ फ़ोल्डर में README, कोड उदाहरण, और समाधान होते हैं +- अलग-अलग निर्देशिकाओं में स्टैंडअलोन प्रोजेक्ट्स (quiz-app, विभिन्न पाठ प्रोजेक्ट्स) +- GitHub Actions (co-op-translator) का उपयोग करते हुए अनुवाद प्रणाली +- Docsify के माध्यम से दस्तावेज़ीकरण सेवा और PDF के रूप में उपलब्ध ## सेटअप कमांड्स -यह रिपॉजिटरी मुख्य रूप से शैक्षिक सामग्री उपभोग के लिए है। विशिष्ट प्रोजेक्ट्स के साथ काम करने के लिए: +यह रिपॉज़िटरी मुख्य रूप से शैक्षिक सामग्री के उपभोग के लिए है। विशिष्ट परियोजनाओं के साथ काम करने के लिए: -### मुख्य रिपॉजिटरी सेटअप +### मुख्य रिपॉज़िटरी सेटअप ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners ```bash cd quiz-app npm install -npm run dev # Start development server -npm run build # Build for production -npm run lint # Run ESLint +npm run dev # विकास सर्वर शुरू करें +npm run build # उत्पादन के लिए बिल्ड करें +npm run lint # ESLint चलाएं ``` ### बैंक प्रोजेक्ट API (Node.js + Express) @@ -46,9 +46,9 @@ npm run lint # Run ESLint ```bash cd 7-bank-project/api npm install -npm start # Start API server -npm run lint # Run ESLint -npm run format # Format with Prettier +npm start # एपीआई सर्वर शुरू करें +npm run lint # ESLint चलाएं +npm run format # Prettier के साथ स्वरूपित करें ``` ### ब्राउज़र एक्सटेंशन प्रोजेक्ट्स @@ -56,7 +56,7 @@ npm run format # Format with Prettier ```bash cd 5-browser-extension/solution npm install -# Follow browser-specific extension loading instructions +# ब्राउज़र-विशिष्ट एक्सटेंशन लोडिंग निर्देशों का पालन करें ``` ### स्पेस गेम प्रोजेक्ट्स @@ -64,15 +64,15 @@ npm install ```bash cd 6-space-game/solution npm install -# Open index.html in browser or use Live Server +# index.html ब्राउज़र में खोलें या Live Server का उपयोग करें ``` -### चैट प्रोजेक्ट (Python बैकएंड) +### चैट प्रोजेक्ट (Python Backend) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Set GITHUB_TOKEN environment variable +# GITHUB_TOKEN पर्यावरण चर सेट करें python api.py ``` @@ -80,112 +80,112 @@ python api.py ### सामग्री योगदानकर्ताओं के लिए -1. **रिपॉजिटरी को फोर्क करें** अपने GitHub खाते में -2. **अपने फोर्क को लोकल क्लोन करें** -3. **अपनी परिवर्तनों के लिए एक नई शाखा बनाएं** +1. **रिपॉज़िटरी को फोर्क करें** अपने GitHub खाते में +2. **अपने फोर्क को लोकली क्लोन करें** +3. **परिवर्तनों के लिए एक नई शाखा बनाएं** 4. पाठ सामग्री या कोड उदाहरणों में बदलाव करें 5. संबंधित प्रोजेक्ट निर्देशिकाओं में कोड परिवर्तनों का परीक्षण करें -6. योगदान दिशानिर्देशों का पालन करते हुए पुल अनुरोध सबमिट करें +6. योगदान दिशानिर्देशों का पालन करते हुए पुल रिक्वेस्ट सबमिट करें ### शिक्षार्थियों के लिए -1. रिपॉजिटरी को फोर्क या क्लोन करें -2. क्रमिक रूप से पाठ निर्देशिकाओं पर जाएं -3. प्रत्येक पाठ के लिए README फ़ाइलें पढ़ें -4. https://ff-quizzes.netlify.app/web/ पर प्री-लेसन क्विज़ पूरा करें -5. पाठ फ़ोल्डरों में कोड उदाहरणों पर काम करें -6. असाइनमेंट और चुनौतियाँ पूरी करें +1. रिपॉज़िटरी को फोर्क या क्लोन करें +2. पाठ निर्देशिकाओं में क्रमशः नेविगेट करें +3. प्रत्येक पाठ के README फ़ाइलें पढ़ें +4. https://ff-quizzes.netlify.app/web/ पर प्री-लेसन क्विज़ पूरी करें +5. पाठ फ़ोल्डरों में कोड उदाहरणों का अभ्यास करें +6. असाइनमेंट और चुनौतियां पूरी करें 7. पोस्ट-लेसन क्विज़ लें ### लाइव विकास -- **दस्तावेज़ीकरण**: रूट में `docsify serve` चलाएं (पोर्ट 3000) +- **दस्तावेज़ीकरण**: रुट में `docsify serve` चलाएं (पोर्ट 3000) - **क्विज़ ऐप**: quiz-app निर्देशिका में `npm run dev` चलाएं - **प्रोजेक्ट्स**: HTML प्रोजेक्ट्स के लिए VS Code Live Server एक्सटेंशन का उपयोग करें - **API प्रोजेक्ट्स**: संबंधित API निर्देशिकाओं में `npm start` चलाएं -## परीक्षण निर्देश +## जांच निर्देश -### क्विज़ ऐप परीक्षण +### क्विज ऐप परीक्षण ```bash cd quiz-app -npm run lint # Check for code style issues -npm run build # Verify build succeeds +npm run lint # कोड शैली के मुद्दों की जांच करें +npm run build # निर्माण सफल होता है यह सुनिश्चित करें ``` ### बैंक API परीक्षण ```bash cd 7-bank-project/api -npm run lint # Check for code style issues -node server.js # Verify server starts without errors +npm run lint # कोड स्टाइल समस्याओं की जांच करें +node server.js # सुनिश्चित करें कि सर्वर बिना त्रुटियों के शुरू हो रहा है ``` ### सामान्य परीक्षण दृष्टिकोण -- यह एक शैक्षिक रिपॉजिटरी है जिसमें व्यापक स्वचालित परीक्षण नहीं हैं -- मैनुअल परीक्षण पर ध्यान केंद्रित: - - कोड उदाहरण बिना त्रुटियों के चलें - - दस्तावेज़ीकरण में लिंक सही ढंग से काम करें - - प्रोजेक्ट बिल्ड सफलतापूर्वक पूरा हो +- यह एक शैक्षिक रिपॉज़िटरी है जिसमें व्यापक स्वचालित परीक्षण नहीं हैं +- मैनुअल परीक्षण पर फोकस है: + - कोड उदाहरण बिना त्रुटि के चलें + - दस्तावेज़ में लिंक ठीक से काम करें + - प्रोजेक्ट बिल्ड सफलतापूर्वक पूरी हों - उदाहरण सर्वोत्तम प्रथाओं का पालन करें -### प्री-सबमिशन चेक्स +### पूर्व-प्रस्तुति जांच -- `npm run lint` उन निर्देशिकाओं में चलाएं जिनमें package.json है -- सुनिश्चित करें कि मार्कडाउन लिंक मान्य हैं +- package.json के साथ निर्देशिकाओं में `npm run lint` चलाएं +- मार्कडाउन लिंक की वैधता सत्यापित करें - ब्राउज़र या Node.js में कोड उदाहरणों का परीक्षण करें -- सुनिश्चित करें कि अनुवाद उचित संरचना बनाए रखें +- जांचें कि अनुवाद संरचना सही बनाए रखें -## कोड शैली दिशानिर्देश +## कोड स्टाइल दिशानिर्देश -### जावास्क्रिप्ट +### JavaScript - आधुनिक ES6+ सिंटैक्स का उपयोग करें -- प्रोजेक्ट्स में प्रदान किए गए मानक ESLint कॉन्फ़िगरेशन का पालन करें -- शैक्षिक स्पष्टता के लिए सार्थक वेरिएबल और फ़ंक्शन नामों का उपयोग करें -- शिक्षार्थियों के लिए अवधारणाओं को समझाने वाले टिप्पणियाँ जोड़ें -- जहां कॉन्फ़िगर किया गया हो, Prettier का उपयोग करके स्वरूपित करें +- प्रोजेक्ट्स में उपलब्ध मानक ESLint कॉन्फ़िगरेशन का पालन करें +- शैक्षिक स्पष्टता के लिए सार्थक चर और फ़ंक्शन नाम उपयोग करें +- शिक्षार्थियों के लिए अवधारणाओं की व्याख्या करते हुए टिप्पणियां जोड़ें +- जहां कॉन्फ़िगर किया गया हो Prettier का उपयोग करें ### HTML/CSS -- सेमांटिक HTML5 तत्व -- उत्तरदायी डिज़ाइन सिद्धांत -- स्पष्ट क्लास नामकरण सम्मेलन -- शिक्षार्थियों के लिए CSS तकनीकों को समझाने वाले टिप्पणियाँ +- सेमान्टिक HTML5 तत्व +- उत्तरदायी डिजाइन सिद्धांत +- स्पष्ट क्लास नामकरण कन्वेंशन्स +- CSS तकनीकों को समझाते हुए टिप्पणियां शिक्षार्थियों के लिए ### Python -- PEP 8 शैली दिशानिर्देश +- PEP 8 स्टाइल दिशानिर्देश - स्पष्ट, शैक्षिक कोड उदाहरण -- जहां सीखने के लिए सहायक हो, टाइप हिंट्स जोड़ें +- जहां उपयोगी हो, टाइप हिंट्स -### मार्कडाउन दस्तावेज़ीकरण +### Markdown दस्तावेज़ीकरण -- स्पष्ट शीर्षक पदानुक्रम -- भाषा विनिर्देश के साथ कोड ब्लॉक +- स्पष्ट शीर्षक संरचना +- भाषा विनिर्देशन के साथ कोड ब्लॉक - अतिरिक्त संसाधनों के लिंक - `images/` निर्देशिकाओं में स्क्रीनशॉट और चित्र -- पहुंच के लिए चित्रों के लिए Alt टेक्स्ट +- छवियों के लिए वैकल्पिक पाठ (alt text) पहुंच योग्यता के लिए ### फ़ाइल संगठन -- पाठ क्रमिक रूप से क्रमांकित (1-getting-started-lessons, 2-js-basics, आदि) -- प्रत्येक प्रोजेक्ट में `solution/` और अक्सर `start/` या `your-work/` निर्देशिकाएँ होती हैं -- पाठ-विशिष्ट `images/` फ़ोल्डरों में चित्र संग्रहीत -- `translations/{language-code}/` संरचना में अनुवाद +- पाठ अनुक्रम में नंबर किए गए (1-getting-started-lessons, 2-js-basics, आदि) +- प्रत्येक परियोजना में `solution/` और अक्सर `start/` या `your-work/` निर्देशिका होती है +- पाठ-विशिष्ट `images/` फ़ोल्डरों में छवियां स्टोर करें +- अनुवाद `translations/{language-code}/` संरचना में -## निर्माण और परिनियोजन +## निर्माण और तैनाती -### क्विज़ ऐप परिनियोजन (Azure Static Web Apps) +### क्विज ऐप तैनाती (Azure Static Web Apps) -क्विज़-ऐप Azure Static Web Apps परिनियोजन के लिए कॉन्फ़िगर किया गया है: +क्विज ऐप Azure Static Web Apps तैनाती के लिए कॉन्फ़िगर किया गया है: ```bash cd quiz-app -npm run build # Creates dist/ folder -# Deploys via GitHub Actions workflow on push to main +npm run build # dist/ फ़ोल्डर बनाता है +# मुख्य ब्रांच पर पुश करने पर GitHub Actions वर्कफ़्लो के माध्यम से तैनात करता है ``` Azure Static Web Apps कॉन्फ़िगरेशन: @@ -193,67 +193,67 @@ Azure Static Web Apps कॉन्फ़िगरेशन: - **आउटपुट स्थान**: `dist` - **वर्कफ़्लो**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### दस्तावेज़ीकरण PDF निर्माण +### दस्तावेज़ PDF निर्माण ```bash -npm install # Install docsify-to-pdf -npm run convert # Generate PDF from docs +npm install # docsify-to-pdf स्थापित करें +npm run convert # docs से PDF उत्पन्न करें ``` ### Docsify दस्तावेज़ीकरण ```bash -npm install -g docsify-cli # Install Docsify globally -docsify serve # Serve on localhost:3000 +npm install -g docsify-cli # Docsify को वैश्विक रूप से इंस्टॉल करें +docsify serve # localhost:3000 पर सेवा दें ``` -### प्रोजेक्ट-विशिष्ट निर्माण +### प्रोजेक्ट-विशिष्ट बिल्ड -प्रत्येक प्रोजेक्ट निर्देशिका में अपना निर्माण प्रक्रिया हो सकती है: -- Vue प्रोजेक्ट्स: `npm run build` उत्पादन बंडल बनाता है -- स्थिर प्रोजेक्ट्स: कोई निर्माण चरण नहीं, फ़ाइलों को सीधे परोसें +प्रत्येक प्रोजेक्ट निर्देशिका का अपना निर्माण प्रक्रिया हो सकती है: +- Vue प्रोजेक्ट: `npm run build` उत्पादन बंडल बनाता है +- स्थैतिक प्रोजेक्ट: कोई बिल्ड चरण नहीं, फाइलों को सीधे सेवा प्रदान करें ## पुल अनुरोध दिशानिर्देश ### शीर्षक प्रारूप -परिवर्तन के क्षेत्र को इंगित करने वाले स्पष्ट, वर्णनात्मक शीर्षक का उपयोग करें: -- `[Quiz-app] Add new quiz for lesson X` -- `[Lesson-3] Fix typo in terrarium project` -- `[Translation] Add Spanish translation for lesson 5` -- `[Docs] Update setup instructions` +स्पष्ट, वर्णनात्मक शीर्षक का उपयोग करें जो परिवर्तन क्षेत्र को दर्शाता हो: +- `[Quiz-app] पाठ X के लिए नया क्विज़ जोड़ें` +- `[Lesson-3] टेरियम प्रोजेक्ट में टाइपो ठीक करें` +- `[Translation] पाठ 5 के लिए स्पेनिश अनुवाद जोड़ें` +- `[Docs] सेटअप निर्देश अपडेट करें` -### आवश्यक चेक्स +### आवश्यक जांच PR सबमिट करने से पहले: 1. **कोड गुणवत्ता**: - प्रभावित प्रोजेक्ट निर्देशिकाओं में `npm run lint` चलाएं - - सभी लिंटिंग त्रुटियों और चेतावनियों को ठीक करें + - सभी लिंट त्रुटियों और चेतावनियों को ठीक करें 2. **निर्माण सत्यापन**: - - यदि लागू हो तो `npm run build` चलाएं - - सुनिश्चित करें कि कोई निर्माण त्रुटि नहीं है + - उपयुक्त होने पर `npm run build` चलाएं + - सुनिश्चित करें कि बिल्ड त्रुटि नहीं है 3. **लिंक सत्यापन**: - - सभी मार्कडाउन लिंक का परीक्षण करें - - सुनिश्चित करें कि चित्र संदर्भ काम करते हैं + - सभी मार्कडाउन लिंक जांचें + - चित्र संदर्भ ठीक काम करें 4. **सामग्री समीक्षा**: - - वर्तनी और व्याकरण के लिए प्रूफरीड करें - - सुनिश्चित करें कि कोड उदाहरण सही और शैक्षिक हैं - - सुनिश्चित करें कि अनुवाद मूल अर्थ बनाए रखें + - वर्तनी और व्याकरण जांचें + - कोड उदाहरण सही और शैक्षिक हों + - अनुवाद मूल अर्थ को कायम रखें ### योगदान आवश्यकताएँ -- Microsoft CLA से सहमत हों (पहले PR पर स्वचालित चेक) -- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) का पालन करें -- विस्तृत दिशानिर्देशों के लिए [CONTRIBUTING.md](./CONTRIBUTING.md) देखें -- यदि लागू हो तो PR विवरण में मुद्दा संख्या का संदर्भ दें +- Microsoft CLA (पहली PR पर स्वचालित जांच) से सहमति +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) का पालन +- विस्तृत दिशानिर्देश के लिए [CONTRIBUTING.md](./CONTRIBUTING.md) देखें +- जहां लागू हो, PR विवरण में मुद्दा संख्या का संदर्भ दें ### समीक्षा प्रक्रिया -- PRs की समीक्षा मेंटेनर्स और समुदाय द्वारा की जाती है +- PR का संयोजकों और समुदाय द्वारा समीक्षा - शैक्षिक स्पष्टता को प्राथमिकता दी जाती है - कोड उदाहरण वर्तमान सर्वोत्तम प्रथाओं का पालन करें - अनुवाद सटीकता और सांस्कृतिक उपयुक्तता के लिए समीक्षा की जाती है @@ -262,21 +262,21 @@ PR सबमिट करने से पहले: ### स्वचालित अनुवाद -- GitHub Actions के साथ co-op-translator वर्कफ़्लो का उपयोग करता है -- स्वचालित रूप से 50+ भाषाओं में अनुवाद करता है +- GitHub Actions के साथ co-op-translator वर्कफ़्लो उपयोग करता है +- 50+ भाषाओं में स्वचालित अनुवाद करता है - मुख्य निर्देशिकाओं में स्रोत फ़ाइलें -- अनुवादित फ़ाइलें `translations/{language-code}/` निर्देशिकाओं में +- `translations/{language-code}/` निर्देशिकाओं में अनुवादित फ़ाइलें ### मैनुअल अनुवाद सुधार जोड़ना -1. फ़ाइल को `translations/{language-code}/` में ढूंढें +1. `translations/{language-code}/` में फ़ाइल ढूंढें 2. संरचना बनाए रखते हुए सुधार करें -3. सुनिश्चित करें कि कोड उदाहरण कार्यात्मक रहें +3. सुनिश्चित करें कि कोड उदाहरण कार्यशील रहें 4. किसी भी स्थानीयकृत क्विज़ सामग्री का परीक्षण करें ### अनुवाद मेटाडेटा -अनुवादित फ़ाइलों में मेटाडेटा हेडर शामिल है: +अनुवादित फ़ाइलों में मेटाडेटा हेडर शामिल होता है: ```markdown **अस्वीकरण**: -यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनुवादित किया गया है। जबकि हम सटीकता सुनिश्चित करने का प्रयास करते हैं, कृपया ध्यान दें कि स्वचालित अनुवाद में त्रुटियां या अशुद्धियां हो सकती हैं। मूल भाषा में उपलब्ध मूल दस्तावेज़ को प्रामाणिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सिफारिश की जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम उत्तरदायी नहीं हैं। \ No newline at end of file +यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनुवादित किया गया है। हम सटीकता के लिए प्रयासरत हैं, लेकिन कृपया ध्यान दें कि स्वचालित अनुवाद में त्रुटियाँ या असत्यताएँ हो सकती हैं। मूल भाषा में दस्तावेज़ को अधिकारिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सलाह दी जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम जिम्मेदार नहीं हैं। + \ No newline at end of file diff --git a/translations/hi/README.md b/translations/hi/README.md index 44906ec8f..663a5ceba 100644 --- a/translations/hi/README.md +++ b/translations/hi/README.md @@ -10,198 +10,197 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# शुरुआती लोगों के लिए वेब विकास - एक पाठ्यक्रम +# शुरुआती के लिए वेब विकास - एक पाठ्यक्रम -Microsoft Cloud Advocates द्वारा प्रदान किए गए हमारे 12-सप्ताह के समग्र पाठ्यक्रम के साथ वेब विकास की मूल बातें सीखें। 24 पाठों में से प्रत्येक JavaScript, CSS, और HTML को टेरारियम, ब्राउज़र एक्सटेंशन्स, और स्पेस गेम जैसी प्रायोगिक परियोजनाओं के माध्यम से गहराई से समझाता है। क्विज़, चर्चा, और व्यावहारिक असाइनमेंट में भाग लें। हमारे प्रभावी परियोजना-आधारित शिक्षण पद्धति के साथ अपनी कौशल को बढ़ाएं और ज्ञान धारण करने को बेहतर बनाएं। आज ही अपनी कोडिंग यात्रा शुरू करें! +Microsoft Cloud Advocates द्वारा प्रदान किए गए हमारे 12 सप्ताह के व्यापक कोर्स के साथ वेब विकास की बुनियादी बातें सीखें। 24 पाठों में से प्रत्येक JavaScript, CSS, और HTML को व्यावहारिक प्रोजेक्ट्स जैसे टेरैरियम, ब्राउज़र एक्सटेंशन्स, और अंतरिक्ष खेलों के माध्यम से समझाता है। क्विज़, चर्चाओं, और व्यावहारिक असाइनमेंट्स में भाग लें। अपनी क्षमताओं को बढ़ाएं और हमारे प्रभावी प्रोजेक्ट-आधारित शिक्षण विधि के साथ अपनी ज्ञान धारणा को अनुकूलित करें। आज ही अपनी कोडिंग यात्रा शुरू करें! Azure AI Foundry Discord समुदाय में शामिल हों [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -इन संसाधनों का उपयोग शुरू करने के लिए इन चरणों का पालन करें: -1. **रिपॉजिटरी को फोर्क करें**: क्लिक करें [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +इन संसाधनों का उपयोग शुरू करने के लिए ये चरण अपनाएं: +1. **रिपॉजिटरी फोर्क करें**: क्लिक करें [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 2. **रिपॉजिटरी क्लोन करें**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord में शामिल हों और विशेषज्ञों और अन्य डेवलपर्स से मिलें**](https://discord.com/invite/ByRwuEEgH4) +3. [**Azure AI Foundry Discord में शामिल हों और विशेषज्ञों तथा साथी डेवलपर्स से मिलें**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 बहुभाषी समर्थन +### 🌐 मल्टी-लैंग्वेज समर्थन -#### GitHub Action के माध्यम से समर्थित (स्वचालित और हमेशा अद्यतन) +#### GitHub Action के माध्यम से समर्थित (स्वचालित और हमेशा नवीनतम) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](./README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **स्थानीय रूप से क्लोन करना पसंद करते हैं?** +> **स्थानीय रूप से क्लोन करना पसंद है?** -> इस रिपॉजिटरी में 50+ भाषा अनुवाद शामिल हैं, जो डाउनलोड आकार को काफी बढ़ा देता है। केवल मूल को क्लोन करने के लिए sparse checkout का उपयोग करें: +> यह रिपॉजिटरी 50+ भाषा अनुवादों को शामिल करता है जो डाउनलोड आकार को काफी बढ़ा देता है। अनुवादों के बिना क्लोन करने के लिए, sparse checkout का उपयोग करें: > ```bash > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > ``` -> यह आपको तेज़ डाउनलोड के साथ कोर्स पूरा करने के लिए आवश्यक सभी चीज़ें देता है। +> यह आपको कोर्स पूरा करने के लिए आवश्यक सभी चीजें बहुत तेज डाउनलोड के साथ देता है। -**यदि आप अतिरिक्त अनुवाद भाषाओं का समर्थन चाहते हैं तो वे [यहां](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) सूचीबद्ध हैं** +**यदि आप अतिरिक्त अनुवाद भाषाएँ चाहते हैं तो वे यहाँ सूचीबद्ध हैं [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _क्या आप छात्र हैं?_ -[**Student Hub पेज**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) पर जाएं जहां आपको शुरुआती संसाधन, छात्र पैक और मुफ्त प्रमाणपत्र वाउचर पाने के तरीके मिलेंगे। यह वह पेज है जिसे आपको बुकमार्क करना चाहिए और समय-समय पर देखना चाहिए क्योंकि हम मासिक सामग्री स्विच करते हैं। +[**Student Hub पेज**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) पर जाएं जहां आपको शुरुआती संसाधन, छात्र पैक और यहां तक कि मुफ्त प्रमाणपत्र वाउचर पाने के तरीके मिलेंगे। यह वह पेज है जिसे आपको बुकमार्क करना चाहिए और समय-समय पर जांचना चाहिए क्योंकि हम मासिक रूप से सामग्री को बदलते रहते हैं। -### 📣 घोषणा - नए GitHub Copilot एजेंट मोड चुनौतियां पूरी करें! +### 📣 घोषणा - नए GitHub Copilot Agent मोड चुनौती पूरी करने के लिए! -नई चुनौती जोड़ी गई है, अधिकांश अध्यायों में "GitHub Copilot Agent Challenge 🚀" देखें। यह आपके लिए GitHub Copilot और एजेंट मोड का उपयोग करके पूरी की जाने वाली एक नई चुनौती है। यदि आपने पहले एजेंट मोड का उपयोग नहीं किया है, तो यह सिर्फ टेक्स्ट जनरेट करने में सक्षम नहीं है बल्कि फाइलें बना सकता है, संपादित कर सकता है, कमांड चला सकता है और अधिक कर सकता है। +नई चुनौती जोड़ी गई है, अधिकांश अध्यायों में "GitHub Copilot Agent Challenge 🚀" देखें। यह GitHub Copilot और Agent मोड का उपयोग करके पूरी करने के लिए एक नई चुनौती है। यदि आपने पहले Agent मोड का उपयोग नहीं किया है, तो यह केवल टेक्स्ट जनरेट करने में सक्षम नहीं है, बल्कि फाइलें बना और संपादित कर सकता है, कमांड चला सकता है और भी बहुत कुछ। -### 📣 घोषणा - _नई जनरेटिव AI परियोजना बनाएं_ +### 📣 घोषणा - _नई परियोजना जनरेटिव AI का उपयोग करके बनाने के लिए_ -नई AI सहायक परियोजना अभी जोड़ी गई है, इसे देखें [project](./9-chat-project/README.md) +नई AI सहायक परियोजना अभी जोड़ी गई है, इसे देखें [परियोजना](./9-chat-project/README.md) -### 📣 घोषणा - _JavaScript के लिए नई जनरेटिव AI पाठ्यक्रम_ अभी जारी हुई है +### 📣 घोषणा - _नई पाठ्यक्रम_ JavaScript के लिए जनरेटिव AI पर अभी जारी किया गया -हमारा नया जनरेटिव AI पाठ्यक्रम मिस न करें! +हमारा नया जनरेटिव AI पाठ्यक्रम न चूकें! -शुरू करने के लिए जाएं: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) +शुरू करने के लिए [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) पर जाएं! ![Background](../../translated_images/hi/background.148a8d43afde5730.webp) -- बुनियादी से RAG तक सब कुछ कवर करने वाले पाठ। -- GenAI और हमारे साथी ऐप का उपयोग करके ऐतिहासिक पात्रों से बातचीत करें। -- मजेदार और रोचक कथा, आप समय यात्रा करेंगे! +- सब कुछ कवर करता है बेसिक्स से लेकर RAG तक। +- GenAI और हमारे संगत ऐप के माध्यम से ऐतिहासिक पात्रों के साथ इंटरैक्ट करें। +- मजेदार और आकर्षक कथा, आप समय यात्रा करेंगे! ![character](../../translated_images/hi/character.5c0dd8e067ffd693.webp) -प्रत्येक पाठ में एक असाइनमेंट, ज्ञान जांच और एक चुनौती होती है जो आपको निम्न विषयों को सीखने में मार्गदर्शन करेगी: + +प्रत्येक पाठ में पूरा करने के लिए एक असाइनमेंट, ज्ञान जांच और एक चुनौती शामिल है जो निम्न विषयों की सीख में आपकी गाइड होगा: - प्रॉम्प्टिंग और प्रॉम्प्ट इंजीनियरिंग - टेक्स्ट और इमेज ऐप जनरेशन -- खोज ऐप्स +- सर्च ऐप्स + +शुरू करने के लिए [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) पर जाएं! -शुरू करने के लिए जाएं: [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) ## 🌱 शुरुआत करना -> **शिक्षकगण**, हमने इस पाठ्यक्रम का उपयोग कैसे करें इस पर कुछ सुझाव [शामिल किए हैं](for-teachers.md)। हम आपकी प्रतिक्रिया [हमारे चर्चा मंच](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) में सुनना चाहेंगे! +> **शिक्षक**, हमने इस पाठ्यक्रम का उपयोग करने के लिए कुछ सुझाव [for-teachers.md](for-teachers.md) में शामिल किए हैं। हम आपकी प्रतिक्रिया हमारे [चर्चा मंच](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) में जानना पसंद करेंगे! -**[शिक्षार्थी](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक पाठ के लिए, एक पूर्व व्याख्यान क्विज़ से शुरू करें और व्याख्यान सामग्री पढ़ें, विभिन्न गतिविधियां पूरी करें और पोस्ट-लेक्चर क्विज़ के साथ अपनी समझ की जांच करें। +**[शिक्षार्थी](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक पाठ के लिए, प्री-लेक्चर क्विज़ से शुरू करें और बाद में लेक्चर सामग्री पढ़ें, विभिन्न गतिविधियों को पूरा करें और पोस्ट-लेक्चर क्विज़ से अपनी समझ की जांच करें। -अपने सीखने के अनुभव को बढ़ाने के लिए, परियोजनाओं पर मिलकर काम करने के लिए अपने सहपाठियों से जुड़ें! चर्चाओं को हमारे [चर्चा मंच](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) में प्रोत्साहित किया जाता है जहां हमारे मध्यस्थों की टीम आपके सवालों के जवाब देने के लिए उपलब्ध रहेगी। +अपनी सीखने के अनुभव को बढ़ाने के लिए, अपनी सहपाठियों के साथ जुड़ें और प्रोजेक्ट्स पर एक साथ काम करें! चर्चा हमारी [चर्चा मंच](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) में प्रोत्साहित की जाती है जहां हमारे मोडरेटर टीम आपके प्रश्नों के उत्तर देने के लिए उपलब्ध होगी। -अपनी शिक्षा को आगे बढ़ाने के लिए, हम [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) में अतिरिक्त अध्ययन सामग्री की खोज करने की जोरदार सलाह देते हैं। +अपनी शिक्षा को आगे बढ़ाने के लिए, हम अत्यधिक अनुशंसा करते हैं कि आप अतिरिक्त अध्ययन सामग्री के लिए [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) का पता लगाएं। -### 📋 अपना वातावरण सेट करें +### 📋 अपना परिवेश सेटअप करना -इस पाठ्यक्रम के लिए एक विकसित वातावरण तैयार है! जैसे ही आप शुरू करते हैं, आप इस पाठ्यक्रम को [Codespace](https://github.com/features/codespaces/) (_एक ब्राउज़र-आधारित, बिना इंस्टॉल के वातावरण_) में या लोकल कंप्यूटर पर एक टेक्स्ट एडिटर जैसे [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) का उपयोग करके चला सकते हैं। +इस पाठ्यक्रम का एक विकास परिवेश तैयार है! जब आप शुरू करेंगे तो आप इसे [Codespace](https://github.com/features/codespaces/) (_एक ब्राउज़र-आधारित, बिना इंस्टॉल की आवश्यकता वाला परिवेश_) में या अपने कंप्यूटर पर लोकल रूप से एक टेक्स्ट एडिटर जैसे [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) का उपयोग करके चला सकते हैं। #### अपनी रिपॉजिटरी बनाएं -अपने काम को आसानी से संग्रहीत करने के लिए, सुझाव दिया जाता है कि आप इस रिपॉजिटरी की अपनी कॉपी बनाएं। आप यह पेज के शीर्ष पर **Use this template** बटन पर क्लिक करके कर सकते हैं। इससे आपके GitHub खाते में पाठ्यक्रम की एक कॉपी के साथ नई रिपॉजिटरी बन जाएगी। +अपने काम को आसानी से सहेजने के लिए, यह अनुशंसा की जाती है कि आप इस रिपॉजिटरी की अपनी कॉपी बनाएं। आप इस पेज के ऊपर "Use this template" बटन पर क्लिक करके ऐसा कर सकते हैं। इससे आपके GitHub अकाउंट में पाठ्यक्रम की एक कॉपी के साथ एक नई रिपॉजिटरी बन जाएगी। इन चरणों का पालन करें: -1. **रिपॉजिटरी को फोर्क करें**: इस पेज के शीर्ष-दाईं कोने में "Fork" बटन पर क्लिक करें। +1. **रिपॉजिटरी फोर्क करें**: इस पेज के ऊपर-दाएं कोने में "Fork" बटन पर क्लिक करें। 2. **रिपॉजिटरी क्लोन करें**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Codespace में पाठ्यक्रम चलाना -आपकी बनाई गई इस रिपॉजिटरी की कॉपी में, **Code** बटन पर क्लिक करें और **Open with Codespaces** चुनें। यह आपके लिए एक नया Codespace बनाएगा जिसमें आप काम कर सकते हैं। +अपनी बनाई गई इस रिपॉजिटरी की कॉपी में, **Code** बटन पर क्लिक करें और **Open with Codespaces** चुनें। यह आपके लिए काम करने के लिए एक नया Codespace बनाएगा। ![Codespace](../../translated_images/hi/createcodespace.0238bbf4d7a8d955.webp) -#### अपने कंप्यूटर पर पाठ्यक्रम लोकल रूप से चलाना +#### अपने कंप्यूटर पर लोकल रूप से पाठ्यक्रम चलाना -अपने कंप्यूटर पर यह पाठ्यक्रम चलाने के लिए, आपको एक टेक्स्ट एडिटर, एक ब्राउज़र और एक कमांड लाइन टूल की आवश्यकता होगी। हमारा पहला पाठ, [कार्यक्रम भाषा और व्यापार उपकरणों का परिचय](../../1-getting-started-lessons/1-intro-to-programming-languages), आपको प्रत्येक उपकरण के लिए विभिन्न विकल्पों के माध्यम से मार्गदर्शन करेगा ताकि आप सही विकल्प चुन सकें। +अपने कंप्यूटर पर यह पाठ्यक्रम चलाने के लिए आपको एक टेक्स्ट एडिटर, एक ब्राउज़र और एक कमांड लाइन टूल की आवश्यकता होगी। हमारा पहला पाठ, [प्रोग्रामिंग भाषाओं और ट्रेड टूल्स का परिचय](../../1-getting-started-lessons/1-intro-to-programming-languages), आपको इन उपकरणों के लिए विभिन्न विकल्पों से परिचित कराएगा ताकि आप जो आपके लिए सबसे अच्छा हो उसे चुन सकें। -हम अनुशंसा करते हैं कि आप अपने एडिटर के रूप में [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) का उपयोग करें, जिसमें एक अंतर्निहित [टर्मिनल](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) भी है। आप Visual Studio Code [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) से डाउनलोड कर सकते हैं। +हमारी सिफारिश [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) को एडिटर के रूप में उपयोग करने की है, जिसमें एक अंतर्निर्मित [टर्मिनल](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) भी है। आप Visual Studio Code यहां से डाउनलोड कर सकते हैं [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)। -1. अपनी रिपॉजिटरी को अपने कंप्यूटर पर क्लोन करें। आप यह **Code** बटन पर क्लिक करके और URL कॉपी करके कर सकते हैं: +1. अपनी रिपॉजिटरी को अपने कंप्यूटर पर क्लोन करें। आप इसे **Code** बटन पर क्लिक करके और URL कॉपी करके कर सकते हैं: [CodeSpace](./images/createcodespace.png) -फिर, [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) खोलें और निम्नलिखित कमांड चलाएँ, `` को उस 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) खोलें और निम्नलिखित कमांड चलाएं, `` को उस URL से बदलते हुए जो आपने अभी कॉपी किया है: ```bash git clone ``` - -2. Visual Studio Code में फ़ोल्डर खोलें। आप यह **File** > **Open Folder** पर क्लिक करके और उस फ़ोल्डर का चयन करके कर सकते हैं जिसे आपने अभी क्लोन किया है। +2. Visual Studio Code में फ़ोल्डर खोलें। आप इसे **File** > **Open Folder** पर क्लिक करके और उस फ़ोल्डर का चयन करके कर सकते हैं जिसे आपने अभी क्लोन किया है। -> अनुशंसित Visual Studio Code एक्सटेंशंस: -> -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code के भीतर HTML पेजों का पूर्वावलोकन करने के लिए -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड तेजी से लिखने में आपकी मदद के लिए +> अनुशंसित Visual Studio Code एक्सटेंशन: +> +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code के भीतर HTML पृष्ठों का पूर्वावलोकन करने के लिए +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड तेजी से लिखने में आपकी मदद करने के लिए -## 📂 प्रत्येक पाठ में शामिल है: +## 📂 प्रत्येक पाठ में शामिल हैं: - वैकल्पिक स्केचनोट - वैकल्पिक पूरक वीडियो -- प्री-लेसन वेर्मअप क्विज़ +- पाठ से पहले वार्मअप क्विज़ - लिखित पाठ -- परियोजना-आधारित पाठों के लिए, परियोजना को बनाने के लिए चरण-दर-चरण गाइड +- परियोजना आधारित पाठों के लिए, परियोजना बनाने के चरण-दर-चरण मार्गदर्शिकाएँ - ज्ञान जांच - एक चुनौती -- पूरक पठन +- पूरक पठन सामग्री - असाइनमेंट -- [पाठ के बाद क्विज](https://ff-quizzes.netlify.app/web/) +- [पाठ के बाद क्विज़](https://ff-quizzes.netlify.app/web/) -> **क्विज के बारे में एक नोट**: सभी क्विज़ क्विज-ऐप फ़ोल्डर में रखे गए हैं, कुल 48 क्विज़ जिनमें तीन-तीन प्रश्न हैं। ये [यहाँ](https://ff-quizzes.netlify.app/web/) उपलब्ध हैं; क्विज ऐप को स्थानीय रूप से चलाया जा सकता है या Azure पर डिप्लॉय किया जा सकता है; निर्देशों का पालन करें जो `quiz-app` फ़ोल्डर में हैं। +> **क्विज़ के बारे में एक नोट**: सभी क्विज़ क्विज-ऐप फ़ोल्डर में संग्रहित हैं, कुल 48 क्विज़, प्रत्येक में तीन प्रश्न। ये [यहाँ](https://ff-quizzes.netlify.app/web/) उपलब्ध हैं। क्विज ऐप स्थानीय रूप से चलाया जा सकता है या Azure पर तैनात किया जा सकता है; `quiz-app` फ़ोल्डर में दिए निर्देशों का पालन करें। ## 🗃️ पाठ -| | परियोजना का नाम | सिखाए गए अवधरणाएँ | सीखने के उद्देश्य | संबंधित पाठ | लेखक | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | प्रोग्रामिंग और टूल्स का परिचय | अधिकांश प्रोग्रामिंग भाषाओं के मूल और उन सॉफ्टवेयर के बारे में सीखें जो पेशेवर डेवलपर्स को उनके काम में मदद करते हैं | [प्रोग्रामिंग भाषाओं और टूल्स का परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | GitHub के मूल, टीम के साथ कार्य करना | अपने प्रोजेक्ट में GitHub का उपयोग कैसे करें, कोड बेस पर दूसरों के साथ सहयोग कैसे करें | [GitHub का परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | पहुँच (Accessibility) | वेब पहुँच के मूल बातों को सीखें | [पहुँच बुनियादी सिद्धांत](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारों के मूल बातें | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | फ़ंक्शन और मेथड | एप्लिकेशन की लॉजिक फ़्लो को प्रबंधित करने के लिए फ़ंक्शन और मेथड के बारे में जानें | [फ़ंक्शन और मेथड](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | JS Basics | JS के साथ निर्णय लेना | अपने कोड में निर्णय लेने की विधियों का उपयोग कर कंडीशंस बनाना सीखें | [निर्णय लेना](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Arrays और Loops | JavaScript में डेटा के साथ Arrays और Loops के साथ काम करें | [Arrays और 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 | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS का अभ्यास | ऑनलाइन टेरैरियम को शैली देने के लिए CSS बनाएं, CSS के मूल बातें सहित पेज को रेस्पॉन्सिव बनाने पर ध्यान दें | [CSS परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोज़र, DOM हेरफेर | टेरैरियम को ड्रैग/ड्रॉप इंटरफ़ेस के रूप में कार्य करने के लिए JavaScript बनाएं, क्लोज़र और DOM हेरफेर पर केंद्रित | [JavaScript क्लोज़र, DOM हेरफेर](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | एक टाइपिंग गेम बनाएं | अपनी JavaScript ऐप की लॉजिक चलाने के लिए कीबोर्ड इवेंट्स का उपयोग करना सीखें | [इवेंट-ड्रिवन प्रोग्रामिंग](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउज़र के साथ काम करना | ब्राउज़र्स कैसे काम करते हैं, उनका इतिहास, और एक ब्राउज़र एक्सटेंशन के पहले तत्वों को स्कैफ़ोल्ड करना सीखें | [ब्राउज़र्स के बारे में](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म बनाना, API कॉल करना और लोकल स्टोरेज में वेरिएबल्स स्टोर करना | अपने ब्राउजर एक्सटेंशन के JavaScript तत्व बनाएं जो लोकल स्टोरेज में स्टोर किए गए वेरिएबल्स का उपयोग करते हुए API कॉल करें | [APIs, फ़ॉर्म और लोकल स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउज़र में बैकग्राउंड प्रक्रियाएँ, वेब प्रदर्शन | एक्सटेंशन के आइकन को प्रबंधित करने के लिए ब्राउज़र की बैकग्राउंड प्रक्रियाओं का उपयोग करें; वेब प्रदर्शन और कुछ अनुकूलन सीखें | [बैकग्राउंड टास्क और प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript के साथ और उन्नत गेम विकास | क्लासेस और कंपोज़िशन दोनों का उपयोग करके इनहेरिटेंस और Pub/Sub पैटर्न के बारे में जानें, एक गेम बनाने की तैयारी करें | [उन्नत गेम विकास का परिचय](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | कैनवास पर चित्र बनाना | कैनवास API के बारे में जानें, जिसका उपयोग स्क्रीन पर तत्वों को चित्रित करने के लिए किया जाता है | [कैनवास पर चित्र बनाना](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीन पर तत्वों को घुमाना | खोजें कि तत्व कैसे कार्टेसियन निर्देशांकों और कैनवास API का उपयोग करके गति प्राप्त कर सकते हैं | [तत्वों को घुमाना](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | टक्कर पहचान | तत्वों को टकराने और एक-दूसरे के प्रति प्रतिक्रिया देने के लिए कीप्रेस का उपयोग करें और गेम के प्रदर्शन को सुनिश्चित करने के लिए ठंडावस्था फ़ंक्शन दें | [टक्कर पहचान](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | स्कोर रखना | गेम की स्थिति और प्रदर्शन के आधार पर गणितीय गणना करें | [स्कोर रखना](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | गेम को समाप्त करना और पुनः शुरू करना | गेम को समाप्त करने और पुनः शुरू करने के बारे में जानें, जिसमें संपत्तियों को साफ करना और चर मानों को रीसेट करना शामिल है | [अंत की स्थिति](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | वेब ऐप में HTML टेम्पलेट्स और रूट्स | रूटिंग और HTML टेम्पलेट्स का उपयोग करके मल्टीपेज वेबसाइट के संरचना का मूल रुप बनाना सीखें | [HTML टेम्पलेट्स और रूट्स](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | लॉगिन और पंजीकरण फॉर्म बनाना | फॉर्म बनाने और वैलिडेशन रूटीन को संभालने के बारे में जानें | [फ़ॉर्म](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | डेटा प्राप्त करने और उपयोग करने के तरीके | आपकी ऐप में डेटा कैसे आता है और जाता है, इसे कैसे प्राप्त किया जाए, संग्रहीत किया जाए, और निपटाया जाए | [डेटा](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | स्टेट मैनेजमेंट के सिद्धांत | अपनी ऐप में स्टेट कैसे रहता है और इसे प्रोग्रामेटिक रूप से कैसे प्रबंधित किया जाए सीखें | [स्टेट मैनेजमेंट](./7-bank-project/4-state-management/README.md) | Yohan | -| 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 सहायक परियोजना](./9-chat-project/README.md) | Chris | +| | परियोजना का नाम | सिखाए गए अवधारणाएँ | अधिगम उद्देश्य | लिंक किया गया पाठ | लेखक | +| :-: | :--------------------------------------------------------: | :---------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :-------------------: | +| 01 | प्रारंभ करना | प्रोग्रामिंग और ट्रेड के उपकरणों का परिचय | अधिकांश प्रोग्रामिंग भाषाओं के मूलभूत तत्वों को सीखना और उन सॉफ्टवेयरों के बारे में जानना जो पेशेवर डेवलपर्स अपने काम में इस्तेमाल करते हैं | [प्रोग्रामिंग भाषाओं और ट्रेड के उपकरण का परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | प्रारंभ करना | GitHub के मूल, टीम के साथ काम करना | अपने प्रोजेक्ट में GitHub का उपयोग कैसे करें, कोड बेस पर दूसरों के साथ सहयोग कैसे करें | [Github का परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | प्रारंभ करना | पहुँचनीयता | वेब पहुँचनीयता के मूल बातें सीखें | [पहुंचनीयता आधारभूत बातें](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS बेसिक्स | जावास्क्रिप्ट डेटा प्रकार | जावास्क्रिप्ट डेटा प्रकार के मूल बातें | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS बेसिक्स | कार्य और विधियाँ | किसी एप्लिकेशन के लॉजिक फ्लो को प्रबंधित करने के लिए कार्यों और विधियों के बारे में जानें | [कार्य और विधियाँ](./2-js-basics/2-functions-methods/README.md) | Jasmine और Christopher | +| 06 | JS बेसिक्स | JS के साथ निर्णय लेना | अपने कोड में निर्णय लेने की विधियों का उपयोग करके शर्तें बनाना सीखें | [निर्णय लेना](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS बेसिक्स | सरणियाँ और लूप्स | जावास्क्रिप्ट में सरणियों और लूप्स का उपयोग करके डेटा के साथ काम करें | [सरणियाँ और लूप्स](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | अभ्यास में HTML | एक ऑनलाइन टेरियम बनाने के लिए HTML बनाएं, लेआउट बनाने पर फोकस करें | [HTML का परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | अभ्यास में CSS | ऑनलाइन टेरियम को स्टाइल करने के लिए CSS बनाएं, CSS के मूल बातें सीखें जिसमें पृष्ठ को उत्तरदायी बनाना शामिल है | [CSS का परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | जावास्क्रिप्ट क्लोज़र, DOM हेरफेर | टेरियम को ड्रैग/ड्रॉप इंटरफ़ेस के रूप में काम करने के लिए जावास्क्रिप्ट बनाएं, क्लोज़र और DOM हेरफेर पर ध्यान केंद्रित करें | [जावास्क्रिप्ट क्लोज़र, DOM हेरफेर](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [टाइपिंग गेम](./4-typing-game/solution/README.md) | टाइपिंग गेम बनाना | अपनी जावास्क्रिप्ट ऐप के लॉजिक को चलाने के लिए कीबोर्ड इवेंट्स का उपयोग कैसे करें | [ईवेंट-ड्रिवन प्रोग्रामिंग](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) | ब्राउज़र्स के साथ काम | ब्राउज़र्स कैसे काम करते हैं, उनका इतिहास क्या है, और ब्राउज़र एक्सटेंशन के पहले तत्वों को स्कैफोल्ड कैसे करें | [ब्राउज़र्स के बारे में](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) | फ़ॉर्म बनाना, API कॉल करना और स्थानीय स्टोरेज में वेरिएबल्स स्टोर करना | अपनी ब्राउज़र एक्सटेंशन के जावास्क्रिप्ट तत्व बनाएँ जो स्थानीय संग्रहित वेरिएबल्स का उपयोग कर एक API कॉल करें | [API, फ़ॉर्म, और स्थानीय भंडारण](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) | ब्राउज़र में पृष्ठभूमि प्रक्रियाएं, वेब प्रदर्शन | एक्सटेंशन के आइकन प्रबंधन के लिए ब्राउज़र की पृष्ठभूमि प्रक्रियाओं का उपयोग करें; वेब प्रदर्शन और बेहतर बनाने के लिए कुछ अनुकूलन सीखें | [पृष्ठभूमि कार्य और प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [स्पेस गेम](./6-space-game/solution/README.md) | जावास्क्रिप्ट के साथ और उन्नत गेम विकास | उत्तराधिकार (Inheritance) दोनों Classes और Composition का उपयोग करके और Pub/Sub पैटर्न के बारे में जानें, गेम बनाने की तैयारी में | [उन्नत गेम विकास का परिचय](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [स्पेस गेम](./6-space-game/solution/README.md) | कैनवस पर चित्रण | स्क्रीन पर तत्वों को चित्रित करने के लिए उपयोग किए जाने वाले Canvas API के बारे में जानें | [कैनवस पर चित्रण](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [स्पेस गेम](./6-space-game/solution/README.md) | स्क्रीन के चारों ओर तत्वों को स्थानांतरित करना | कैसे तत्व कार्टेशियन निर्देशांक और Canvas API का उपयोग करके गति प्राप्त कर सकते हैं, यह खोजें | [तत्वों को घूमाना](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [स्पेस गेम](./6-space-game/solution/README.md) | टक्कर पहचान | कीप्रेस का उपयोग करके तत्वों को टकराना और एक-दूसरे पर प्रतिक्रिया देना और गेम के प्रदर्शन को सुनिश्चित करने के लिए एक शीतलन कार्य प्रदान करें | [टक्कर पहचान](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [स्पेस गेम](./6-space-game/solution/README.md) | स्कोर बनाये रखना | गेम की स्थिति और प्रदर्शन के आधार पर गणना करें | [स्कोर बनाये रखना](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [स्पेस गेम](./6-space-game/solution/README.md) | गेम को समाप्त करना और पुनः आरंभ करना | गेम समाप्त करने और पुनः आरंभ करने के बारे में जानें, जिसमें संसाधनों की सफाई और वेरिएबल मानों को रीसेट करना शामिल है | [समाप्ति शर्त](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [बैंकिंग ऐप](./7-bank-project/solution/README.md) | एक वेब ऐप में HTML टेम्पलेट्स और रूट्स | रूटिंग और HTML टेम्पलेट्स का उपयोग करके एक बहुपृष्ठ वेबसाइट की संरचना बनाना सीखें | [HTML टेम्पलेट्स और रूट्स](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [बैंकिंग ऐप](./7-bank-project/solution/README.md) | लॉगिन और रजिस्ट्रेशन फ़ॉर्म बनाएं | फ़ॉर्म बनाने और वैधता प्रक्रियाओं को संभालने के बारे में जानें | [फ़ॉर्म](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [बैंकिंग ऐप](./7-bank-project/solution/README.md) | डेटा प्राप्त करने और उपयोग करने के तरीके | आपकी ऐप में डेटा कैसे आता और जाता है, इसे कैसे प्राप्त करें, स्टोर करें, और हटाएं | [डेटा](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [बैंकिंग ऐप](./7-bank-project/solution/README.md) | स्टेट प्रबंधन की अवधारणाएँ | आपकी ऐप स्टेट को कैसे बनाए रखती है और इसे प्रोग्रामिंग द्वारा कैसे प्रबंधित किया जाता है | [स्टेट प्रबंधन](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [ब्राउज़र/VSकोड कोड](../../8-code-editor) | VSकोड के साथ काम करना | कोड संपादक का उपयोग कैसे करें सीखें| [VSकोड कोड संपादक का उपयोग](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI सहायक](./9-chat-project/README.md) | AI के साथ काम करना | अपना खुद का AI सहायक कैसे बनाएं सीखें | [AI सहायक परियोजना](./9-chat-project/README.md) | Chris | ## 🏫 शिक्षाशास्त्र -हमारा पाठ्यक्रम दो प्रमुख शिक्षाशास्त्रीय सिद्धांतों के साथ डिज़ाइन किया गया है: -* परियोजना-आधारित सीखना -* बार-बार क्विज़ - -यह कार्यक्रम JavaScript, HTML, और CSS की मूल बातें सिखाता है, साथ ही आज के वेब डेवलपर्स द्वारा उपयोग किए जाने वाले नवीनतम उपकरणों और तकनीकों को। छात्रों को टाइपिंग गेम, वर्चुअल टेरैरियम, पर्यावरण के अनुकूल ब्राउज़र एक्सटेंशन, स्पेस-इनवेडर-शैली के गेम, और व्यापारों के लिए बैंकिंग ऐप बनाकर व्यावहारिक अनुभव प्राप्त करने का अवसर मिलेगा। श्रृंखला के अंत तक, छात्रों को वेब विकास की ठोस समझ हो जाएगी। +हमारा पाठ्यक्रम दो मुख्य शिक्षाशास्त्रीय सिद्धांतों के साथ डिजाइन किया गया है: +* परियोजना आधारित शिक्षण +* बार-बार क्विज़ -> 🎓 आप Microsoft Learn पर इस पाठ्यक्रम के पहले कुछ पाठ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) के रूप में ले सकते हैं! +यह कार्यक्रम जावास्क्रिप्ट, HTML, और CSS के मूल सिद्धांतों के साथ-साथ आज के वेब डेवलपर्स द्वारा उपयोग किए जाने वाले नवीनतम उपकरण और तकनीकों को सिखाता है। छात्र एक टाइपिंग गेम, वर्चुअल टेरियम, पर्यावरण अनुकूल ब्राउज़र एक्सटेंशन, स्पेस-इनवेडर शैली गेम, और व्यवसायों के लिए एक बैंकिंग ऐप बनाकर व्यावहारिक अनुभव प्राप्त करने का अवसर पाएंगे। सीरीज के अंत तक, छात्रों को वेब विकास की ठोस समझ हो जाएगी। -यह सुनिश्चित करते हुए कि सामग्री परियोजनाओं के अनुरूप है, प्रक्रिया छात्रों के लिए अधिक रोचक हो जाती है और अवधारणाओं को बनाए रखने में वृद्धि होती है। हमने JavaScript के मूल सिद्धांतों वाले कई प्रारंभिक पाठ भी लिखे हैं, जिनमें "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" वीडियो ट्यूटोरियल संग्रह से एक वीडियो जोड़ा है, जिनके कुछ लेखक इस पाठ्यक्रम में योगदानकर्ता हैं। +> 🎓 आप इस पाठ्यक्रम में पहली कुछ कक्षाएं Microsoft Learn पर एक [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) के रूप में ले सकते हैं! -इसके अलावा, कक्षा से पहले एक कम-जमीनी क्विज़ छात्र की विषय सीखने की मंशा निर्धारित करता है, जबकि कक्षा के बाद एक दूसरा क्विज़ अवधारणाओं को और मजबूत करता है। यह पाठ्यक्रम लचीला और मजेदार बनने के लिए डिज़ाइन किया गया है जिसे पूरे या किसी हिस्से में लिया जा सकता है। परियोजनाएँ शुरू में छोटी होती हैं और 12 सप्ताह के चक्र के अंत तक बढ़ती जटिलता की होती हैं। +परियोजनाओं के साथ सामग्री के संरेखण को सुनिश्चित करके, प्रक्रिया छात्रों के लिए और अधिक आकर्षक बनती है और अवधारणाओं के प्रतिधारण को बढ़ावा मिलेगा। हमने जावास्क्रिप्ट के मूल सिद्धांतों को परिचित कराने के लिए कई प्रारंभिक पाठ भी लिखे हैं, जिनके साथ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" वीडियो ट्यूटोरियल संग्रह का एक वीडियो भी है, जिनमें से कुछ लेखक इस पाठ्यक्रम के योगदानकर्ताओं में हैं। -जबकि हमने जावास्क्रिप्ट फ्रेमवर्क पेश करने से जानबूझकर बचा है ताकि वेब डेवलपर के रूप में आवश्यक मूल कौशलों पर ध्यान केंद्रित किया जा सके, इस पाठ्यक्रम को पूरा करने का अगला अच्छा कदम Node.js के बारे में सीखना होगा, जो वीडियो संग्रह "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" के माध्यम से है। +इसके अतिरिक्त, कक्षा से पहले एक कम जोखिम वाला क्विज़ छात्र की सीखने की इच्छा को स्थापित करता है, जबकि कक्षा के बाद दूसरा क्विज़ अवधारणाओं को और अधिक बनाए रखने में सहायता करता है। यह पाठ्यक्रम लचीला और मजेदार होने के लिए डिजाइन किया गया है और इसे पूरा या आंशिक रूप से लिया जा सकता है। परियोजनाएं छोटी शुरू होती हैं और 12 सप्ताह के अंत तक धीरे-धीरे अधिक जटिल हो जाती हैं। -> हमारे [Code of Conduct](CODE_OF_CONDUCT.md) और [Contributing](CONTRIBUTING.md) दिशानिर्देश देखें। हम आपके रचनात्मक सुझावों का स्वागत करते हैं! +जबकि हमने जावास्क्रिप्ट फ्रेमवर्क पेश करने से जानबूझकर बचा है ताकि वेब डेवलपर के रूप में आवश्यक मूल कौशल पर ध्यान केंद्रित किया जा सके, इस पाठ्यक्रम को पूरा करने का अगला अच्छा कदम 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) दिशानिर्देश देखें। हम आपकी रचनात्मक प्रतिक्रिया का स्वागत करते हैं! ## 🧭 ऑफलाइन पहुँच -आप [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`। ## 📘 पीडीएफ -सभी पाठों का पीडीएफ [यहाँ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) मिला जा सकता है। - +सभी पाठों की एक पीडीएफ [यहाँ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) उपलब्ध है। ## 🎒 अन्य पाठ्यक्रम हमारी टीम अन्य कोर्स भी बनाती है! देखें: @@ -210,7 +209,7 @@ Azure AI Foundry Discord समुदाय में शामिल हों ### LangChain [![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) - +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- ### Azure / Edge / MCP / Agents @@ -248,21 +247,21 @@ Azure AI Foundry Discord समुदाय में शामिल हों ## मदद प्राप्त करना -यदि आप फंस जाते हैं या AI ऐप बनाने के बारे में कोई सवाल है, तो MCP के बारे में चर्चा में साथी शिक्षार्थियों और अनुभवी डेवलपर्स के साथ जुड़ें। यह एक सहायक समुदाय है जहाँ प्रश्नों का स्वागत है और ज्ञान स्वतंत्र रूप से साझा किया जाता है। +यदि आप अटके हुए हैं या AI ऐप्स बनाने के संबंध में कोई प्रश्न है, तो MCP के बारे में चर्चा करने के लिए अन्य शिक्षार्थियों और अनुभवी डेवलपर्स के साथ जुड़ें। यह एक सहायक समुदाय है जहां प्रश्न स्वागत योग्य हैं और ज्ञान स्वतंत्र रूप से साझा किया जाता है। [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -यदि आपके पास उत्पाद प्रतिक्रिया या निर्माण के दौरान त्रुटियाँ हैं तो यहां जाएं: +यदि आपके पास उत्पाद प्रतिक्रिया है या निर्माण के दौरान कोई त्रुटि होती है तो जाएँ: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## लाइसेंस -यह रिपॉजिटरी MIT लाइसेंस के अंतर्गत लाइसेंस प्राप्त है। अधिक जानकारी के लिए [LICENSE](../../LICENSE) फ़ाइल देखें। +यह रिपॉजिटरी MIT लाइसेंस के तहत लाइसेंस प्राप्त है। अधिक जानकारी के लिए [LICENSE](../../LICENSE) फाइल देखें। --- **अस्वीकरण**: -यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनूदित किया गया है। जबकि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान दें कि स्वचालित अनुवादों में त्रुटियाँ या अशुद्धियाँ हो सकती हैं। मूल दस्तावेज़ को उसकी मौलिक भाषा में प्रामाणिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सलाह दी जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या अर्थभ्रष्टता के लिए हम जिम्मेदार नहीं हैं। +यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनूदित किया गया है। यद्यपि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान दें कि स्वचालित अनुवादों में त्रुटियां या अशुद्धियां हो सकती हैं। मूल भाषा में दस्तावेज़ को प्राधिकृत स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सिफारिश की जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफ़हमी या गलत व्याख्या के लिए हम जिम्मेदार नहीं हैं। \ No newline at end of file diff --git a/translations/ko/.co-op-translator.json b/translations/ko/.co-op-translator.json index f3a2622d8..54a4c5800 100644 --- a/translations/ko/.co-op-translator.json +++ b/translations/ko/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2025-10-03T11:19:37+00:00", + "translation_date": "2026-02-06T08:06:05+00:00", "source_file": "AGENTS.md", "language_code": "ko" }, @@ -516,8 +516,8 @@ "language_code": "ko" }, "README.md": { - "original_hash": "490c83786552d7fab6390991517bef09", - "translation_date": "2026-01-29T17:57:44+00:00", + "original_hash": "805cd399757df19e886e86f0891a1374", + "translation_date": "2026-02-06T07:59:00+00:00", "source_file": "README.md", "language_code": "ko" }, diff --git a/translations/ko/AGENTS.md b/translations/ko/AGENTS.md index 873d9c430..91ac434f0 100644 --- a/translations/ko/AGENTS.md +++ b/translations/ko/AGENTS.md @@ -2,27 +2,27 @@ ## 프로젝트 개요 -이 저장소는 초보자를 대상으로 웹 개발 기초를 교육하기 위한 커리큘럼을 제공합니다. Microsoft Cloud Advocates가 개발한 12주 과정으로, JavaScript, CSS, HTML을 다루는 24개의 실습 중심 레슨을 포함하고 있습니다. +이 저장소는 초보자에게 웹 개발 기초를 가르치기 위한 교육 커리큘럼 저장소입니다. 이 커리큘럼은 Microsoft Cloud Advocates가 개발한 종합적인 12주 과정으로, JavaScript, CSS, HTML을 다루는 24개의 실습 수업으로 구성되어 있습니다. ### 주요 구성 요소 -- **교육 콘텐츠**: 프로젝트 기반 모듈로 구성된 24개의 체계적인 레슨 -- **실습 프로젝트**: 테라리움, 타이핑 게임, 브라우저 확장 프로그램, 우주 게임, 은행 앱, 코드 편집기, AI 채팅 어시스턴트 -- **인터랙티브 퀴즈**: 각 레슨 전후로 3문제씩 구성된 48개의 퀴즈 +- **교육 콘텐츠**: 프로젝트 기반 모듈로 조직된 24개의 구조화된 수업 +- **실습 프로젝트**: 테라리움, 타이핑 게임, 브라우저 확장, 우주 게임, 뱅킹 앱, 코드 편집기, AI 채팅 도우미 +- **인터랙티브 퀴즈**: 각 3문항씩 48개의 퀴즈 (수업 전/후 평가) - **다국어 지원**: GitHub Actions를 통한 50개 이상의 언어 자동 번역 -- **사용 기술**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI 프로젝트용) +- **기술 스택**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI 프로젝트용) ### 아키텍처 -- 레슨 기반 구조의 교육용 저장소 -- 각 레슨 폴더에는 README, 코드 예제, 솔루션 포함 -- 독립적인 프로젝트는 별도 디렉토리에 저장 (quiz-app, 다양한 레슨 프로젝트) -- GitHub Actions를 활용한 번역 시스템 (co-op-translator) -- Docsify를 통해 문서 제공 및 PDF로 다운로드 가능 +- 수업 기반 구조의 교육용 저장소 +- 각 수업 폴더에는 README, 코드 예제, 솔루션 포함 +- quiz-app, 여러 수업 프로젝트와 같이 독립 프로젝트 별도 디렉터리 +- GitHub Actions (co-op-translator)를 이용한 번역 시스템 +- Docsify로 제공되는 문서 및 PDF 형태로 이용 가능 -## 설정 명령어 +## 설치 명령어 -이 저장소는 주로 교육 콘텐츠 소비를 위한 것입니다. 특정 프로젝트 작업을 위해: +이 저장소는 주로 교육 콘텐츠 소비용입니다. 특정 프로젝트를 실행하려면: ### 메인 저장소 설정 @@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners ```bash cd quiz-app npm install -npm run dev # Start development server -npm run build # Build for production -npm run lint # Run ESLint +npm run dev # 개발 서버 시작 +npm run build # 프로덕션용 빌드 +npm run lint # ESLint 실행 ``` ### 은행 프로젝트 API (Node.js + Express) @@ -46,17 +46,17 @@ npm run lint # Run ESLint ```bash cd 7-bank-project/api npm install -npm start # Start API server -npm run lint # Run ESLint -npm run format # Format with Prettier +npm start # API 서버 시작 +npm run lint # ESLint 실행 +npm run format # Prettier로 포맷팅 ``` -### 브라우저 확장 프로그램 프로젝트 +### 브라우저 확장 프로젝트 ```bash cd 5-browser-extension/solution npm install -# Follow browser-specific extension loading instructions +# 브라우저 별 확장 프로그램 로딩 지침을 따르세요 ``` ### 우주 게임 프로젝트 @@ -64,7 +64,7 @@ npm install ```bash cd 6-space-game/solution npm install -# Open index.html in browser or use Live Server +# 브라우저에서 index.html을 열거나 Live Server를 사용하세요 ``` ### 채팅 프로젝트 (Python 백엔드) @@ -72,37 +72,37 @@ npm install ```bash cd 9-chat-project/solution/backend/python pip install openai -# Set GITHUB_TOKEN environment variable +# GITHUB_TOKEN 환경 변수를 설정하세요 python api.py ``` ## 개발 워크플로우 -### 콘텐츠 기여자를 위한 지침 +### 콘텐츠 기여자를 위해 -1. **저장소를 포크**하여 GitHub 계정에 복사 -2. **포크한 저장소를 로컬로 클론** -3. **변경 사항을 위한 새 브랜치 생성** -4. 레슨 콘텐츠 또는 코드 예제 수정 -5. 관련 프로젝트 디렉토리에서 코드 변경 사항 테스트 -6. 기여 지침을 따라 풀 리퀘스트 제출 +1. 저장소를 GitHub 계정으로 **포크**합니다. +2. 포크한 저장소를 로컬에 **클론**합니다. +3. 변경사항용으로 **새 브랜치**를 생성합니다. +4. 수업 콘텐츠 또는 코드 예제를 수정합니다. +5. 관련 프로젝트 디렉터리에서 코드 변경사항을 테스트합니다. +6. 기여 가이드라인에 따라 풀 리퀘스트를 제출합니다. -### 학습자를 위한 지침 +### 학습자를 위해 -1. 저장소를 포크하거나 클론 -2. 레슨 디렉토리를 순차적으로 탐색 -3. 각 레슨의 README 파일 읽기 -4. https://ff-quizzes.netlify.app/web/에서 레슨 전 퀴즈 완료 -5. 레슨 폴더의 코드 예제 학습 -6. 과제와 챌린지 완료 -7. 레슨 후 퀴즈 수행 +1. 저장소를 포크하거나 클론합니다. +2. 수업 디렉터리를 순차적으로 이동합니다. +3. 각 수업의 README 파일을 읽습니다. +4. https://ff-quizzes.netlify.app/web/ 에서 수업 전 퀴즈를 완료합니다. +5. 수업 폴더 내 코드 예제를 실행해 봅니다. +6. 과제 및 챌린지를 완료합니다. +7. 수업 후 퀴즈를 응시합니다. ### 실시간 개발 -- **문서화**: 루트에서 `docsify serve` 실행 (포트 3000) -- **퀴즈 앱**: quiz-app 디렉토리에서 `npm run dev` 실행 +- **문서**: 루트에서 `docsify serve` 실행 (포트 3000) +- **퀴즈 앱**: quiz-app 디렉터리에서 `npm run dev` 실행 - **프로젝트**: HTML 프로젝트는 VS Code Live Server 확장 사용 -- **API 프로젝트**: 해당 API 디렉토리에서 `npm start` 실행 +- **API 프로젝트**: 해당 API 디렉터리에서 `npm start` 실행 ## 테스트 지침 @@ -110,82 +110,82 @@ python api.py ```bash cd quiz-app -npm run lint # Check for code style issues -npm run build # Verify build succeeds +npm run lint # 코드 스타일 문제 확인 +npm run build # 빌드 성공 여부 확인 ``` ### 은행 API 테스트 ```bash cd 7-bank-project/api -npm run lint # Check for code style issues -node server.js # Verify server starts without errors +npm run lint # 코드 스타일 문제를 확인합니다 +node server.js # 서버가 오류 없이 시작되는지 확인합니다 ``` ### 일반 테스트 접근법 -- 이 저장소는 포괄적인 자동화 테스트를 포함하지 않음 -- 수동 테스트 초점: - - 코드 예제가 오류 없이 실행되는지 확인 - - 문서의 링크가 올바르게 작동하는지 확인 - - 프로젝트 빌드가 성공적으로 완료되는지 확인 - - 예제가 모범 사례를 따르는지 확인 +- 이 저장소는 교육용으로 포괄적인 자동화 테스트는 포함하지 않음 +- 수동 테스트는 다음에 중점: + - 코드 예제가 오류 없이 실행되는지 + - 문서 내 링크가 정상 작동하는지 + - 프로젝트 빌드가 성공적으로 완료되는지 + - 예제가 모범 사례를 따르는지 -### 제출 전 확인 사항 +### 제출 전 점검 -- `npm run lint`를 package.json이 있는 디렉토리에서 실행 -- Markdown 링크가 유효한지 확인 -- 브라우저 또는 Node.js에서 코드 예제 테스트 +- package.json이 있는 디렉터리에서 `npm run lint` 실행 +- 마크다운 링크가 유효한지 검증 +- 브라우저나 Node.js에서 코드 예제 테스트 - 번역이 올바른 구조를 유지하는지 확인 -## 코드 스타일 지침 +## 코드 스타일 가이드라인 ### JavaScript -- 최신 ES6+ 문법 사용 -- 프로젝트에서 제공된 표준 ESLint 구성 준수 -- 교육적 명확성을 위한 의미 있는 변수 및 함수 이름 사용 +- 최신 ES6+ 구문 사용 +- 프로젝트에 제공된 표준 ESLint 설정 준수 +- 교육적 명확성을 위해 의미 있는 변수 및 함수명 사용 - 학습자를 위한 개념 설명 주석 추가 -- Prettier로 포맷팅 (설정된 경우) +- 설정된 경우 Prettier로 포맷팅 ### HTML/CSS -- 시맨틱 HTML5 요소 사용 -- 반응형 디자인 원칙 준수 +- 시멘틱 HTML5 요소 사용 +- 반응형 디자인 원칙 적용 - 명확한 클래스 명명 규칙 -- 학습자를 위한 CSS 기술 설명 주석 추가 +- 학습자를 위한 CSS 기술 설명 주석 포함 ### Python -- PEP 8 스타일 지침 준수 -- 명확하고 교육적인 코드 예제 제공 -- 학습에 도움이 되는 경우 타입 힌트 추가 +- PEP 8 스타일 가이드 준수 +- 명확하고 교육적인 코드 예제 +- 학습에 도움이 되는 타입 힌트 사용 -### Markdown 문서화 +### 마크다운 문서화 -- 명확한 제목 계층 구조 -- 언어 지정된 코드 블록 -- 추가 리소스 링크 -- `images/` 디렉토리에 스크린샷 및 이미지 저장 -- 접근성을 위한 이미지 대체 텍스트 제공 +- 명확한 헤딩 계층 구조 +- 언어 지정 코드 블록 사용 +- 추가 자료에 대한 링크 포함 +- `images/` 폴더의 스크린샷 및 이미지 +- 접근성을 위한 이미지 대체 텍스트 -### 파일 구성 +### 파일 조직 -- 레슨은 순차적으로 번호 매김 (1-getting-started-lessons, 2-js-basics 등) -- 각 프로젝트는 `solution/`과 종종 `start/` 또는 `your-work/` 디렉토리 포함 -- 이미지는 레슨별 `images/` 폴더에 저장 +- 수업은 순서대로 번호 매김 (1-getting-started-lessons, 2-js-basics 등) +- 각 프로젝트는 `solution/` 및 `start/` 또는 `your-work/` 폴더 포함 +- 이미지 파일은 수업별 `images/` 하위 폴더에 저장 - 번역은 `translations/{language-code}/` 구조로 저장 ## 빌드 및 배포 ### 퀴즈 앱 배포 (Azure Static Web Apps) -퀴즈 앱은 Azure Static Web Apps 배포를 위해 구성됨: +quiz-app은 Azure Static Web Apps 배포용으로 구성됨: ```bash cd quiz-app -npm run build # Creates dist/ folder -# Deploys via GitHub Actions workflow on push to main +npm run build # dist/ 폴더를 생성합니다 +# main 브랜치에 푸시할 때 GitHub Actions 워크플로를 통해 배포합니다 ``` Azure Static Web Apps 구성: @@ -196,87 +196,87 @@ Azure Static Web Apps 구성: ### 문서 PDF 생성 ```bash -npm install # Install docsify-to-pdf -npm run convert # Generate PDF from docs +npm install # docsify-to-pdf 설치 +npm run convert # docs에서 PDF 생성 ``` ### Docsify 문서화 ```bash -npm install -g docsify-cli # Install Docsify globally -docsify serve # Serve on localhost:3000 +npm install -g docsify-cli # Docsify를 전역에 설치 +docsify serve # localhost:3000에서 서비스 제공 ``` ### 프로젝트별 빌드 -각 프로젝트 디렉토리는 자체 빌드 프로세스를 가질 수 있음: +각 프로젝트 디렉터리는 자체 빌드 프로세스를 가질 수 있음: - Vue 프로젝트: `npm run build`로 프로덕션 번들 생성 -- 정적 프로젝트: 빌드 단계 없음, 파일을 직접 제공 +- 정적 프로젝트: 빌드 단계 없음, 파일 직접 제공 -## 풀 리퀘스트 지침 +## 풀 리퀘스트 가이드라인 ### 제목 형식 변경 영역을 명확히 나타내는 제목 사용: -- `[Quiz-app] Add new quiz for lesson X` -- `[Lesson-3] Fix typo in terrarium project` -- `[Translation] Add Spanish translation for lesson 5` -- `[Docs] Update setup instructions` +- `[Quiz-app] 수업 X에 새 퀴즈 추가` +- `[Lesson-3] 테라리움 프로젝트 오타 수정` +- `[Translation] 5과 스페인어 번역 추가` +- `[Docs] 설치 지침 업데이트` -### 필수 확인 사항 +### 필수 점검사항 -PR 제출 전: +PR 제출 전에: 1. **코드 품질**: - - 영향을 받은 프로젝트 디렉토리에서 `npm run lint` 실행 + - 관련 프로젝트 디렉터리에서 `npm run lint` 실행 - 모든 린트 오류 및 경고 수정 -2. **빌드 확인**: - - 적용 가능한 경우 `npm run build` 실행 - - 빌드 오류가 없는지 확인 +2. **빌드 검증**: + - 가능한 경우 `npm run build` 실행 + - 빌드 오류 없음 확인 3. **링크 검증**: - - 모든 Markdown 링크 테스트 - - 이미지 참조가 작동하는지 확인 + - 모든 마크다운 링크 테스트 + - 이미지 참조 정상 작동 확인 -4. **콘텐츠 검토**: - - 철자 및 문법 확인 - - 코드 예제가 정확하고 교육적인지 확인 - - 번역이 원래 의미를 유지하는지 확인 +4. **내용 검토**: + - 맞춤법과 문법 교정 + - 코드 예제의 정확성 및 교육적 적합성 확인 + - 번역이 원래 의미를 유지하는지 검증 -### 기여 요구 사항 +### 기여 조건 -- Microsoft CLA 동의 (첫 PR에서 자동 확인) +- Microsoft CLA 동의 (첫 PR에서 자동 검사) - [Microsoft 오픈 소스 행동 강령](https://opensource.microsoft.com/codeofconduct/) 준수 -- 자세한 지침은 [CONTRIBUTING.md](./CONTRIBUTING.md) 참조 -- 관련된 경우 PR 설명에 이슈 번호 참조 +- 자세한 가이드는 [CONTRIBUTING.md](./CONTRIBUTING.md) 참조 +- PR 설명에 관련 이슈 번호 참조 가능 -### 리뷰 프로세스 +### 검토 과정 -- 유지 관리자 및 커뮤니티가 PR 검토 -- 교육적 명확성을 우선시 -- 코드 예제는 최신 모범 사례를 따라야 함 -- 번역은 정확성과 문화적 적합성을 검토 +- PR은 유지관리자 및 커뮤니티가 검토 +- 교육적 명확성 우선 +- 코드 예제는 최신 모범 사례 준수 필요 +- 번역은 정확성과 문화적 적합성 검토 ## 번역 시스템 ### 자동 번역 -- co-op-translator 워크플로우를 사용하는 GitHub Actions 활용 -- 50개 이상의 언어로 자동 번역 -- 메인 디렉토리의 원본 파일 -- 번역된 파일은 `translations/{language-code}/` 디렉토리에 저장 +- GitHub Actions와 co-op-translator 워크플로우 사용 +- 50개 이상 언어로 자동 번역 지원 +- 소스 파일은 메인 디렉터리에 위치 +- 번역 파일은 `translations/{language-code}/`에 위치 -### 수동 번역 개선 추가 +### 수동 번역 개선 추가 방법 -1. `translations/{language-code}/`에서 파일 찾기 -2. 구조를 유지하며 개선 사항 추가 -3. 코드 예제가 기능을 유지하는지 확인 -4. 로컬화된 퀴즈 콘텐츠 테스트 +1. `translations/{language-code}/` 내 파일 위치 찾기 +2. 구조를 유지하며 개선 작업 수행 +3. 코드 예제가 정상 작동하는지 확인 +4. 현지화된 퀴즈 내용 테스트 ### 번역 메타데이터 -번역된 파일에는 메타데이터 헤더 포함: +번역 파일에 메타데이터 헤더 포함: ```markdown **면책 조항**: -이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 최선을 다하고 있으나, 자동 번역에는 오류나 부정확성이 포함될 수 있습니다. 원본 문서의 원어 버전이 권위 있는 출처로 간주되어야 합니다. 중요한 정보의 경우, 전문적인 인간 번역을 권장합니다. 이 번역 사용으로 인해 발생하는 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다. \ No newline at end of file +이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 최선을 다했으나, 자동 번역에는 오류나 부정확성이 포함될 수 있음을 알려드립니다. 원문 문서는 권위 있는 출처로 간주되어야 합니다. 중요한 정보의 경우 전문적인 인간 번역을 권장합니다. 본 번역의 사용으로 인한 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다. + \ No newline at end of file diff --git a/translations/ko/README.md b/translations/ko/README.md index ce7e90cdd..e726fba26 100644 --- a/translations/ko/README.md +++ b/translations/ko/README.md @@ -10,199 +10,200 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# 초보자를 위한 웹 개발 - 커리큘럼 +# 웹 개발 초보자를 위한 커리큘럼 -Microsoft Cloud Advocates가 제공하는 12주 종합 과정으로 웹 개발의 기본을 배우세요. 24개의 각 수업은 테라리움, 브라우저 확장 프로그램, 우주 게임과 같은 실습 프로젝트를 통해 JavaScript, CSS, HTML을 심도 있게 다룹니다. 퀴즈, 토론 및 실용적인 과제에 참여하세요. 효과적인 프로젝트 기반 교수법으로 기술을 향상시키고 지식 습득을 최적화하세요. 오늘 바로 코딩 여정을 시작하세요! +Microsoft Cloud Advocates가 제공하는 12주간의 종합 코스와 함께 웹 개발의 기초를 배우세요. 24개의 각 레슨에서는 테라리움, 브라우저 확장 프로그램, 우주 게임 등 다양한 실습 프로젝트를 통해 JavaScript, CSS, HTML을 탐구합니다. 퀴즈, 토론, 실용 과제에 참여하세요. 효과적인 프로젝트 기반 교육법으로 기술을 향상시키고 지식 습득을 최적화하세요. 오늘 바로 코딩 여정을 시작하세요! Azure AI Foundry Discord 커뮤니티에 참여하세요 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -이 리소스를 사용하여 시작하려면 다음 단계를 따르세요: -1. **리포지토리 포크하기**: 클릭 [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **리포지토리 클론하기**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord에 가입하여 전문가 및 동료 개발자 만나기**](https://discord.com/invite/ByRwuEEgH4) +이 리소스들을 사용하기 위해 다음 단계를 따르세요: +1. **저장소 포크하기**: 클릭 [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **저장소 클론하기**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discord에 가입하여 전문가 및 개발자 동료를 만나보세요**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 다국어 지원 -#### GitHub Action을 통해 지원 (자동화 및 항상 최신 상태 유지) +#### GitHub Action을 통한 지원 (자동 및 항상 최신 상태 유지) -[아랍어](../ar/README.md) | [벵골어](../bn/README.md) | [불가리아어](../bg/README.md) | [버마어 (미얀마)](../my/README.md) | [중국어 (간체)](../zh-CN/README.md) | [중국어 (번체, 홍콩)](../zh-HK/README.md) | [중국어 (번체, 마카오)](../zh-MO/README.md) | [중국어 (번체, 대만)](../zh-TW/README.md) | [크로아티아어](../hr/README.md) | [체코어](../cs/README.md) | [덴마크어](../da/README.md) | [네덜란드어](../nl/README.md) | [에스토니아어](../et/README.md) | [핀란드어](../fi/README.md) | [프랑스어](../fr/README.md) | [독일어](../de/README.md) | [그리스어](../el/README.md) | [히브리어](../he/README.md) | [힌디어](../hi/README.md) | [헝가리어](../hu/README.md) | [인도네시아어](../id/README.md) | [이탈리아어](../it/README.md) | [일본어](../ja/README.md) | [칸나다어](../kn/README.md) | [한국어](./README.md) | [리투아니아어](../lt/README.md) | [말레이어](../ms/README.md) | [말라얄람어](../ml/README.md) | [마라티어](../mr/README.md) | [네팔어](../ne/README.md) | [나이지리아 피진어](../pcm/README.md) | [노르웨이어](../no/README.md) | [페르시아어 (파르시)](../fa/README.md) | [폴란드어](../pl/README.md) | [포르투갈어 (브라질)](../pt-BR/README.md) | [포르투갈어 (포르투갈)](../pt-PT/README.md) | [펀자브어 (구름키)](../pa/README.md) | [루마니아어](../ro/README.md) | [러시아어](../ru/README.md) | [세르비아어 (키릴문자)](../sr/README.md) | [슬로바키아어](../sk/README.md) | [슬로베니아어](../sl/README.md) | [스페인어](../es/README.md) | [스와힐리어](../sw/README.md) | [스웨덴어](../sv/README.md) | [타갈로그어 (필리핀어)](../tl/README.md) | [타밀어](../ta/README.md) | [텔루구어](../te/README.md) | [태국어](../th/README.md) | [터키어](../tr/README.md) | [우크라이나어](../uk/README.md) | [우르두어](../ur/README.md) | [베트남어](../vi/README.md) +[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](./README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **로컬에서 클론을 선호하시나요?** +> **로컬에서 클론하는 게 더 편하세요?** -> 이 리포지토리는 50개 이상의 언어 번역을 포함하고 있어 다운로드 크기가 상당히 큽니다. 번역 없이 클론하려면 sparse checkout을 사용하세요: +> 이 저장소는 50개 이상의 언어 번역을 포함하여 다운로드 크기가 상당히 큽니다. 번역 없이 클론하려면 sparse checkout을 사용하세요: > ```bash > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > ``` -> 이렇게 하면 과정 완료에 필요한 모든 것을 훨씬 빠른 다운로드로 받을 수 있습니다. +> 이렇게 하면 훨씬 빠른 다운로드로 코스를 완료하는 데 필요한 모든 것을 얻을 수 있습니다. -**추가 번역 지원을 원하시면 [여기](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)에서 지원하는 언어 목록을 확인하세요** +**추가 번역 언어를 원하시면 지원 가능한 언어 목록을 [여기](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)에서 확인하세요** [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _학생이신가요?_ -[**학생 허브 페이지**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)를 방문하세요. 여기서 초보자 리소스, 학생 패키지, 무료 자격증 바우처 획득 방법 등을 찾을 수 있습니다. 우리는 매월 콘텐츠를 교체하므로 이 페이지를 즐겨찾기에 추가하고 때때로 확인하는 것이 좋습니다. +[**Student Hub 페이지**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)를 방문하세요. 초보자용 자료, 학생 패키지, 무료 증명서 바우처 신청 방법 등이 제공됩니다. 이 페이지를 즐겨찾기에 추가하고 정기적으로 확인하세요. 매월 콘텐츠가 교체됩니다. -### 📣 공지 - 완료할 새로운 GitHub Copilot Agent 모드 챌린지! +### 📣 공지 – 완료할 새로운 GitHub Copilot 에이전트 모드 챌린지! -대부분의 챕터에서 "GitHub Copilot Agent Challenge 🚀"라는 새 챌린지가 추가되었습니다. GitHub Copilot과 Agent 모드를 사용해서 완료해야 하는 새로운 도전 과제입니다. Agent 모드를 사용해본 적이 없다면, 이 모드는 텍스트 생성뿐 아니라 파일 생성 및 편집, 명령어 실행 등도 할 수 있습니다. +새로운 챌린지가 추가되었습니다. 대부분의 챕터에서 "GitHub Copilot Agent Challenge 🚀"를 찾아보세요. GitHub Copilot과 에이전트 모드를 사용해 완료할 새로운 도전과제입니다. 에이전트 모드는 단순한 텍스트 생성뿐 아니라 파일 생성 및 편집, 명령 실행 등도 할 수 있습니다. -### 📣 공지 - _생성형 AI를 활용해 만들 신규 프로젝트_ +### 📣 공지 – _생성 AI를 활용해 새 프로젝트 만들기_ -새로운 AI 어시스턴트 프로젝트가 추가되었습니다. 자세한 내용은 [프로젝트](./9-chat-project/README.md)를 확인하세요. +새 AI 어시스턴트 프로젝트가 추가되었습니다. 프로젝트를 확인하세요 [project](./9-chat-project/README.md) -### 📣 공지 - _JavaScript용 생성형 AI 신규 커리큘럼 출시_ +### 📣 공지 – _JavaScript용 생성 AI에 관한 새로운 커리큘럼_ 출시 -새로운 생성형 AI 커리큘럼을 놓치지 마세요! +새로운 생성 AI 커리큘럼을 놓치지 마세요! 시작하려면 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)를 방문하세요! ![Background](../../translated_images/ko/background.148a8d43afde5730.webp) -- 기본부터 RAG까지 다루는 수업 -- 생성 AI 및 동반 앱을 사용해 역사적 인물과 상호작용 -- 재미있고 몰입감 있는 스토리텔링, 시간 여행을 떠나는 기분! +- 기본부터 RAG까지 모든 내용을 다루는 레슨 +- GenAI와 동반 앱을 사용해 역사적 인물과 상호작용 +- 재미있고 몰입도 높은 스토리, 시간 여행 체험! ![character](../../translated_images/ko/character.5c0dd8e067ffd693.webp) -각 수업에는 과제, 지식 확인 및 다음과 같은 주제를 학습할 수 있는 챌린지가 포함됩니다: -- 프롬프트 작성 및 프롬프트 엔지니어링 + +각 레슨에는 과제 완료, 지식 점검, 다음과 같은 학습 주제를 안내하는 도전과제가 포함됩니다: +- 프롬프트 및 프롬프트 엔지니어링 - 텍스트 및 이미지 앱 생성 - 검색 앱 -시작하려면 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)을 방문하세요! +시작하려면 [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course)를 방문하세요! ## 🌱 시작하기 -> **강사 분들**, 이 커리큘럼을 사용하는 방법에 대해 몇 가지 제안을 [포함했습니다](for-teachers.md). 우리의 [토론 포럼](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)에서 피드백을 공유해 주세요! +> **교사 여러분**, 이 커리큘럼을 어떻게 사용할지에 대한 [제안사항](for-teachers.md)이 포함되어 있습니다. [토론 게시판](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)에서 의견을 들려주세요! -**[학습자](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**는 각 수업에 대해 강의 전 퀴즈로 시작해서 강의 자료 읽기, 여러 활동 완료, 강의 후 퀴즈를 통해 이해도를 점검하세요. +**[학습자 여러분](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, 각 레슨마다 사전 퀴즈부터 시작해 강의 자료를 읽고 다양한 활동을 완료한 후, 사후 퀴즈로 이해도를 확인하세요. -학습 경험을 향상시키려면 동료들과 함께 프로젝트를 진행하며 협력하세요! 토론은 [토론 포럼](https://github.com/microsoft/Web-Dev-For-Beginners/discussions)에서 자유롭게 할 수 있으며, 모더레이터 팀이 여러분의 질문에 답변할 것입니다. +학습 효과를 높이기 위해 동료와 함께 프로젝트를 진행하고 토론에 참여하세요! [토론 게시판](https://github.com/microsoft/Web-Dev-For-Beginners/discussions)에서 토론이 활발히 이루어지며, 운영진이 질문에 답변합니다. -추가 학습 자료를 위해 [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)을 탐색하는 것을 적극 추천합니다. +추가 학습을 위해 [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)에서 보조 자료를 탐색하는 것도 적극 권장합니다. ### 📋 환경 설정 -이 커리큘럼은 바로 사용할 수 있는 개발 환경을 제공합니다! 시작할 때 [Codespace](https://github.com/features/codespaces/) (_브라우저 기반, 설치 불필요 환경_)에서 실행하거나, 로컬 컴퓨터에서 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)와 같은 텍스트 에디터를 사용하여 실행할 수 있습니다. +이 커리큘럼은 바로 사용할 수 있는 개발 환경을 제공합니다! 시작할 때 [Codespace](https://github.com/features/codespaces/) (_브라우저 기반, 별도 설치 불필요한 환경_)에서 실행하거나, 로컬 컴퓨터에 텍스트 편집기(예: [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon))를 설치하여 실행할 수 있습니다. -#### 리포지토리 생성하기 -작업물을 쉽게 저장하려면 이 리포지토리의 자신의 복사본을 만드는 것이 좋습니다. 상단의 **Use this template** 버튼을 클릭하면 GitHub 계정에 커리큘럼 복사본이 포함된 새 리포지토리가 생성됩니다. +#### 저장소 생성하기 +작업을 편리하게 저장하려면 본인의 복사본 저장소를 만드는 것을 권장합니다. 페이지 상단의 **Use this template** 버튼을 클릭하면 커리큘럼 사본이 본인의 GitHub 계정에 새 저장소로 생성됩니다. -다음 단계에 따라 진행하세요: -1. **리포지토리 포크하기**: 이 페이지 우측 상단의 "Fork" 버튼을 클릭하세요. -2. **리포지토리 클론하기**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +다음 단계를 수행하세요: +1. **저장소 포크하기**: 이 페이지 우측 상단의 "Fork" 버튼을 클릭하세요. +2. **저장소 클론하기**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Codespace에서 커리큘럼 실행하기 -생성한 리포지토리 복사본에서 **Code** 버튼을 클릭하고 **Open with Codespaces**를 선택하세요. 그러면 새 Codespace가 생성됩니다. +생성한 본인 저장소에서 **Code** 버튼을 클릭하고 **Open with Codespaces**를 선택하세요. 새 Codespace가 생성되어 작업할 수 있습니다. ![Codespace](../../translated_images/ko/createcodespace.0238bbf4d7a8d955.webp) #### 로컬 컴퓨터에서 커리큘럼 실행하기 -로컬에서 이 커리큘럼을 실행하려면 텍스트 에디터, 브라우저, 명령줄 도구가 필요합니다. 첫 번째 수업인 [프로그래밍 언어 및 도구 소개](../../1-getting-started-lessons/1-intro-to-programming-languages)에서는 각 도구에 대해 다양한 옵션을 안내하여 적합한 도구를 선택할 수 있습니다. +로컬 컴퓨터에서 이 커리큘럼을 실행하려면 텍스트 편집기, 브라우저, 명령줄 도구가 필요합니다. 첫 번째 레슨 [프로그램 언어 및 도구 소개](../../1-getting-started-lessons/1-intro-to-programming-languages)에서는 각 도구의 다양한 옵션을 안내해 자신에게 적합한 것을 선택할 수 있습니다. -우리의 추천은 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)를 에디터로 사용하는 것입니다. Visual Studio Code에는 내장 [터미널](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)도 포함되어 있습니다. Visual Studio Code는 [여기](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)에서 다운로드 할 수 있습니다. +편집기로는 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)를 추천합니다. 이 편집기에는 내장된 [터미널](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)도 포함되어 있습니다. Visual Studio Code는 [여기](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)에서 다운로드할 수 있습니다. -1. 자신의 리포지토리를 컴퓨터에 클론하세요. **Code** 버튼을 클릭하여 URL을 복사하면 됩니다: +1. 저장소를 컴퓨터에 클론하세요. **Code** 버튼을 클릭하고 URL을 복사하면 됩니다: [CodeSpace](./images/createcodespace.png) -그런 다음, [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)을 열고, 방금 복사한 URL로 ``을 대체하여 다음 명령어를 실행하세요: +그런 다음 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 내에서 [터미널](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)을 열고, 방금 복사한 URL로 ``를 바꿔서 다음 명령어를 실행하세요: ```bash git clone ``` - -2. Visual Studio Code에서 폴더를 엽니다. **파일** > **폴더 열기**를 클릭하여 방금 복제한 폴더를 선택할 수 있습니다. + +2. Visual Studio Code에서 폴더를 엽니다. **파일** > **폴더 열기**를 클릭한 후 방금 복제한 폴더를 선택하여 열 수 있습니다. -> 추천 Visual Studio Code 확장 기능: +> 추천하는 Visual Studio Code 확장 프로그램: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code 내에서 HTML 페이지 미리보기용 -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - 더 빠르게 코드를 작성할 수 있도록 도움 +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - 코드를 더 빠르게 작성하도록 도와줌 -## 📂 각 강의에는 다음이 포함됩니다: +## 📂 각 수업에는 다음이 포함됩니다: - 선택적 스케치노트 -- 선택적 보충 비디오 -- 강의 전 워밍업 퀴즈 -- 서면 강의 -- 프로젝트 기반 강의의 경우, 프로젝트 구축 방법에 대한 단계별 가이드 -- 지식 확인 +- 선택적 보조 비디오 +- 수업 전 워밍업 퀴즈 +- 글로 된 수업 내용 +- 프로젝트 기반 수업의 경우, 프로젝트를 만드는 단계별 가이드 +- 지식 점검 - 도전 과제 -- 보충 읽기 자료 +- 보조 읽기 자료 - 과제 -- [강의 후 퀴즈](https://ff-quizzes.netlify.app/web/) +- [수업 후 퀴즈](https://ff-quizzes.netlify.app/web/) -> **퀴즈에 관한 참고 사항**: 모든 퀴즈는 Quiz-app 폴더에 포함되어 있으며, 총 48개의 퀴즈가 각 3문항씩 있습니다. 퀴즈는 [여기](https://ff-quizzes.netlify.app/web/)서 사용할 수 있으며, 퀴즈 앱은 로컬에서 실행하거나 Azure에 배포할 수 있습니다; `quiz-app` 폴더 내 지침을 따르세요. +> **퀴즈에 대한 안내**: 모든 퀴즈는 Quiz-app 폴더에 들어 있으며, 각 3문항으로 총 48개 퀴즈가 있습니다. [여기](https://ff-quizzes.netlify.app/web/)에서 확인할 수 있고 퀴즈 앱은 로컬에서 실행하거나 Azure에 배포할 수 있습니다; `quiz-app` 폴더 내 지침을 따라서 진행하세요. -## 🗃️ 강의 목록 +## 🗃️ 수업 목록 -| | 프로젝트 이름 | 가르치는 개념 | 학습 목표 | 연결된 강의 | 저자 | -| :-: | :------------------------------------------------------: | :------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | 시작하기 | 프로그래밍 소개 및 도구 소개 | 대부분 프로그래밍 언어의 기본 원리와 전문 개발자를 지원하는 소프트웨어에 대해 학습 | [프로그래밍 언어 및 도구 소개](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | 시작하기 | GitHub 기초, 팀 작업 포함 | 프로젝트에서 GitHub 사용법 및 코드베이스 협업 방법 학습 | [GitHub 소개](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | 시작하기 | 접근성 | 웹 접근성 기초 학습 | [접근성 기초](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS 기본 | JavaScript 데이터 타입 | JavaScript 데이터 타입 기본 학습 | [데이터 타입](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS 기본 | 함수와 메서드 | 애플리케이션의 논리 흐름 관리를 위한 함수 및 메서드 학습 | [함수와 메서드](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | JS 기본 | JS로 조건 만들기 | 조건문을 사용하여 코드 내 조건을 만드는 방법 학습 | [조건 만들기](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS 기본 | 배열과 반복문 | JavaScript에서 배열과 반복문을 사용하여 데이터 다루기 | [배열과 반복문](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [테라리움](./3-terrarium/solution/README.md) | HTML 실습 | 온라인 테라리움의 HTML 작성, 레이아웃 구축에 중점 | [HTML 소개](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [테라리움](./3-terrarium/solution/README.md) | CSS 실습 | 온라인 테라리움 스타일링을 위한 CSS 구축, 기본 CSS 및 반응형 페이지 작성 집중 | [CSS 소개](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [테라리움](./3-terrarium/solution/README.md) | JavaScript 클로저, DOM 조작 | 드래그 앤 드롭 인터페이스 작동을 위한 JavaScript 구축, 클로저와 DOM 조작 중심 | [JavaScript 클로저 및 DOM 조작](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [타자 게임](./4-typing-game/solution/README.md) | 타자 게임 만들기 | 키보드 이벤트를 사용하여 JavaScript 앱의 로직을 구동하는 방법 학습 | [이벤트 기반 프로그래밍](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | 브라우저 작동 원리 | 브라우저 작동 원리, 역사 및 브라우저 확장의 첫 요소 스캐폴딩 학습 | [브라우저 정보](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | 폼 구축, API 호출 및 로컬 스토리지 내 변수 저장 | API 호출을 위한 브라우저 확장 JavaScript 요소 구축, 로컬 스토리지 변수 사용 | [API, 폼 및 로컬 스토리지](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | 브라우저의 백그라운드 프로세스, 웹 성능 | 확장 아이콘 관리를 위한 백그라운드 프로세스 사용 및 웹 성능과 최적화 학습 | [백그라운드 작업 및 성능](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [우주 게임](./6-space-game/solution/README.md) | JavaScript를 활용한 고급 게임 개발 | 상속(클래스 및 합성), 퍼블리시/서브스크라이브 패턴 학습, 게임 구축 준비 | [고급 게임 개발 소개](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [우주 게임](./6-space-game/solution/README.md) | 캔버스 그리기 | 화면에 요소를 그리기 위한 캔버스 API 학습 | [캔버스 그리기](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [우주 게임](./6-space-game/solution/README.md) | 화면 요소 이동 | 데카르트 좌표와 캔버스 API를 사용한 요소 움직임 학습 | [요소 이동](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [우주 게임](./6-space-game/solution/README.md) | 충돌 감지 | 키 입력을 활용한 요소 간 충돌 및 반응 구현, 게임 성능 유지를 위한 쿨다운 기능 제공 | [충돌 감지](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [우주 게임](./6-space-game/solution/README.md) | 점수 계산 | 게임 상태와 성과에 기반한 수학 계산 수행 | [점수 계산](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [우주 게임](./6-space-game/solution/README.md) | 게임 종료 및 재시작 | 게임 종료 및 재시작, 자산 정리 및 변수 값 초기화 학습 | [종료 조건](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [은행 앱](./7-bank-project/solution/README.md) | 웹 앱에서 HTML 템플릿 및 라우팅 | 멀티페이지 웹사이트 구조를 라우팅과 HTML 템플릿으로 스캐폴드하는 방법 학습 | [HTML 템플릿 및 라우팅](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [은행 앱](./7-bank-project/solution/README.md) | 로그인 및 등록 폼 만들기 | 폼 작성 및 검증 루틴 처리 방법 학습 | [폼](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [은행 앱](./7-bank-project/solution/README.md) | 데이터 가져오기 및 사용 | 앱 내 데이터 흐름, 데이터 조회, 저장, 폐기 방법 | [데이터](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [은행 앱](./7-bank-project/solution/README.md) | 상태 관리 개념 | 앱의 상태 유지 방법과 프로그래밍 방식으로 상태 관리하는 법 학습 | [상태 관리](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [브라우저/VScode 코드](../../8-code-editor) | Visual Studio Code 사용법 | 코드 편집기 사용 방법 학습 | [VScode 코드 편집기 사용법](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI 어시스턴트](./9-chat-project/README.md) | AI 작업 | 자신만의 AI 어시스턴트 구축법 학습 | [AI 어시스턴트 프로젝트](./9-chat-project/README.md) | Chris | +| | 프로젝트 이름 | 가르치는 개념 | 학습 목표 | 연결된 수업 | 저자 | +| :-: | :------------------------------------------------------: | :------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-------------------: | +| 01 | 시작하기 | 프로그래밍 소개 및 작업 도구 | 대부분 프로그래밍 언어의 기본 개념과 전문 개발자가 업무를 수행할 때 사용하는 소프트웨어에 대해 배우기 | [프로그래밍 언어와 작업 도구 소개](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | 시작하기 | GitHub 기본, 팀 작업 포함 | 프로젝트에서 GitHub 사용법과 코드 베이스에서 팀 협업하는 방법 | [GitHub 소개](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | 시작하기 | 접근성 | 웹 접근성 기본 사항 학습 | [접근성 기본](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS 기초 | JavaScript 데이터 타입 | JavaScript 데이터 타입 기초 | [데이터 타입](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS 기초 | 함수와 메서드 | 애플리케이션의 로직 흐름을 관리하는 함수와 메서드를 배우기 | [함수와 메서드](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS 기초 | JS로 의사 결정 만들기 | 조건문을 사용하는 의사 결정 방법을 배우기 | [의사 결정 만들기](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS 기초 | 배열과 반복문 | JavaScript에서 배열과 반복문을 사용하여 데이터 다루기 | [배열과 반복문](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [테라리움](./3-terrarium/solution/README.md) | HTML 실습 | 온라인 테라리움을 만들기 위한 HTML 작성, 레이아웃 구성에 중점 | [HTML 소개](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [테라리움](./3-terrarium/solution/README.md) | CSS 실습 | 온라인 테라리움을 스타일링하는 CSS 작성, 반응형 페이지 만들기 기초 포함 | [CSS 소개](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [테라리움](./3-terrarium/solution/README.md) | JavaScript 클로저, DOM 조작 | 테라리움을 드래그 앤 드롭 인터페이스로 기능 구현, 클로저와 DOM 조작에 중점 | [JavaScript 클로저, DOM 조작](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [타이핑 게임](./4-typing-game/solution/README.md) | 타이핑 게임 만들기 | 키보드 이벤트를 이용해 JavaScript 앱의 로직을 운용하는 방법 | [이벤트 기반 프로그래밍](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | 브라우저 작동 원리 | 브라우저 작동 방식, 역사, 첫 브라우저 확장 요소의 템플릿 만드는 방법 학습 | [브라우저 소개](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | API 호출 및 로컬 저장소 변수 저장 | API를 호출하는 브라우저 확장기의 JavaScript 요소 작성법 학습 | [API, 폼, 로컬 저장소](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | 브라우저 백그라운드 프로세스와 웹 성능 | 확장 프로그램 아이콘 관리를 위한 백그라운드 프로세스 활용법, 웹 성능 최적화에 관한 내용 | [백그라운드 작업과 성능](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [우주 게임](./6-space-game/solution/README.md) | JavaScript를 활용한 고급 게임 개발 | 클래스와 컴포지션을 이용한 상속, Pub/Sub 패턴 학습, 게임 만드는 준비 | [고급 게임 개발 소개](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [우주 게임](./6-space-game/solution/README.md) | 캔버스에 그리기 | 화면에 요소를 그리는 데 사용하는 Canvas API 이해 | [캔버스 그리기](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [우주 게임](./6-space-game/solution/README.md) | 화면상에서 요소 움직이기 | 데카르트 좌표와 Canvas API를 활용해서 요소에 움직임을 부여하는 방법 | [요소 움직이기](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [우주 게임](./6-space-game/solution/README.md) | 충돌 감지 | 키 입력을 이용해 요소 간 충돌과 반응 처리, 게임 성능 유지를 위한 쿨다운 기능 제공 | [충돌 감지](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [우주 게임](./6-space-game/solution/README.md) | 점수 집계 | 게임 상태와 성능에 기반한 수학 계산 수행 | [점수 집계](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [우주 게임](./6-space-game/solution/README.md) | 게임 종료 및 재시작 | 게임 종료와 재시작, 자산 정리 및 변수 값 초기화 학습 | [종료 조건](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [뱅킹 앱](./7-bank-project/solution/README.md) | 웹 앱의 HTML 템플릿 및 라우팅 | 멀티페이지 웹사이트 구조의 기본 틀을 라우팅과 HTML 템플릿으로 만드는 방법 | [HTML 템플릿과 라우팅](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [뱅킹 앱](./7-bank-project/solution/README.md) | 로그인 및 회원가입 폼 만들기 | 폼 만들기와 유효성 검사 처리에 관한 학습 | [폼](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [뱅킹 앱](./7-bank-project/solution/README.md) | 데이터 가져오기 및 사용 방법 | 앱 내외부에서 데이터 흐름 이해, 데이터 가져오기, 저장 및 폐기 방법 | [데이터](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [뱅킹 앱](./7-bank-project/solution/README.md) | 상태 관리 개념 | 앱 상태 유지 및 프로그래밍 방식으로 관리하는 방법 | [상태 관리](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [브라우저/VS코드 코드](../../8-code-editor) | VS코드 사용법 | 코드 편집기 사용법 배우기| [VS코드 코드 편집기 사용](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI 어시스턴트](./9-chat-project/README.md) | AI 활용 | 나만의 AI 어시스턴트 만드는 법 배우기 | [AI 어시스턴트 프로젝트](./9-chat-project/README.md) | Chris | -## 🏫 교육 철학 +## 🏫 교수법 -본 커리큘럼은 두 가지 핵심 교육 원칙을 바탕으로 설계되었습니다: -* 프로젝트 기반 학습 -* 빈번한 퀴즈 +본 커리큘럼은 두 가지 주요 교육 원칙을 중심으로 설계되었습니다: +* 프로젝트 기반 학습 +* 빈번한 퀴즈 -프로그램은 JavaScript, HTML, CSS의 기초뿐 아니라 오늘날 웹 개발자가 사용하는 최신 도구와 기법을 가르칩니다. 학생들은 타자 게임, 가상 테라리움, 친환경 브라우저 확장, 스페이스 인베이더 스타일 게임, 비즈니스용 은행 앱 구축을 통해 실습 경험을 쌓게 됩니다. 시리즈가 끝날 즈음, 학생들은 웹 개발에 대한 탄탄한 이해를 갖출 것입니다. +이 프로그램은 JavaScript, HTML, CSS의 기본과 최신 웹 개발 도구 및 기술을 가르칩니다. 학생들은 타이핑 게임, 가상 테라리움, 친환경 브라우저 확장, 스페이스 인베이더 스타일 게임, 그리고 기업용 뱅킹 앱을 직접 개발하며 실습 경험을 쌓게 됩니다. 시리즈가 끝날 때쯤 학생들은 웹 개발에 대한 탄탄한 이해를 갖추게 됩니다. -> 🎓 이 커리큘럼의 첫 몇 강의를 Microsoft Learn의 [학습 경로](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)로도 수강할 수 있습니다! -프로젝트에 내용이 맞춰지도록 하여 학생의 참여도를 높이고 개념의 기억을 강화합니다. 또한 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)” 영상 시리즈를 함께 제공하며, 이 시리즈 중 일부 저자가 본 커리큘럼에 기여했습니다. -추가로, 수업 전의 저강도 퀴즈는 학생이 학습 주제에 집중하는 데 도움을 주며, 수업 후 퀴즈는 추가 학습 기억을 보장합니다. 이 커리큘럼은 유연하고 재미있게 설계되어 전체 또는 일부만 수강할 수 있습니다. 프로젝트들은 작게 시작해 12주 과정 종료 시점에 점점 복잡해집니다. +또한 수업 전 저위험 퀴즈를 통해 학생의 학습 의도를 설정하고 수업 후 두 번째 퀴즈로 개념 기억을 강화합니다. 커리큘럼은 유연하고 재미있게 설계되어 전체 또는 일부만 선택해도 좋습니다. 프로젝트는 작게 시작해 12주 사이클이 끝날 때쯤 점점 복잡해집니다. -JavaScript 프레임워크 대신 웹 개발자로서 필요한 기본 기술에 집중하도록 의도적으로 피하고 있지만, 이 커리큘럼을 완료한 후 좋은 다음 단계는 또 다른 동영상 모음인 “[초보자를 위한 Node.js 시리즈](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)”를 배우는 것입니다. +JavaScript 프레임워크는 의도적으로 도입하지 않았으며, 웹 개발자가 되기 전에 기본기를 탄탄히 다지는 데 집중했습니다. 이 커리큘럼을 마친 후에는 영상 시리즈 “[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)”를 통해 Node.js를 배우는 것이 좋은 다음 단계가 될 것입니다. -> 우리의 [행동강령](CODE_OF_CONDUCT.md)과 [기여 가이드](CONTRIBUTING.md)를 방문해 주세요. 여러분의 건설적인 피드백을 환영합니다! +> [행동 강령](CODE_OF_CONDUCT.md)과 [기여 안내](CONTRIBUTING.md)를 방문해 주세요. 여러분의 건설적인 피드백을 환영합니다! ## 🧭 오프라인 접근 -[Docsify](https://docsify.js.org/#/)를 사용해 이 문서를 오프라인에서 실행할 수 있습니다. 이 저장소를 포크하고, 로컬 컴퓨터에 [Docsify를 설치](https://docsify.js.org/#/quickstart)한 뒤, 저장소 루트 폴더에서 `docsify serve`를 입력하세요. 웹사이트는 로컬호스트의 3000번 포트(`localhost:3000`)에서 서비스됩니다. +[Docsify](https://docsify.js.org/#/)를 사용하여 이 문서를 오프라인에서 실행할 수 있습니다. 이 리포를 포크한 뒤, 로컬 컴퓨터에 [Docsify 설치](https://docsify.js.org/#/quickstart)를 진행하고, 이 리포의 루트 폴더에서 `docsify serve` 명령을 입력하세요. 웹사이트가 로컬호스트 포트 3000에서 제공됩니다: `localhost:3000`. ## 📘 PDF -모든 강의 PDF는 [여기](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)에서 찾을 수 있습니다. +모든 수업의 PDF 파일은 [여기](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)에서 확인할 수 있습니다. ## 🎒 기타 강좌 @@ -212,7 +213,7 @@ JavaScript 프레임워크 대신 웹 개발자로서 필요한 기본 기술에 ### LangChain [![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) - +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- ### Azure / Edge / MCP / Agents @@ -242,7 +243,7 @@ JavaScript 프레임워크 대신 웹 개발자로서 필요한 기본 기술에 --- -### 코파일럿 시리즈 +### Copilot 시리즈 [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) @@ -250,21 +251,21 @@ JavaScript 프레임워크 대신 웹 개발자로서 필요한 기본 기술에 ## 도움 받기 -AI 앱 개발 중에 어려움을 겪거나 질문이 있으면 MCP에 대해 배우는 다른 학습자 및 경험 많은 개발자들과 토론에 참여하세요. 질문이 환영받고 지식이 자유롭게 공유되는 지원 커뮤니티입니다. +AI 앱 개발 중에 막히거나 질문이 있으면 MCP에 대해 배우는 다른 학습자 및 경험 많은 개발자들과 토론에 참여하세요. 질문이 환영받고 지식이 자유롭게 공유되는 지원 커뮤니티입니다. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -제품 피드백이나 개발 중 오류가 있으면 다음을 방문하세요: +제품 피드백이나 빌드 중 오류가 있으면 다음을 방문하세요: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## 라이선스 -이 저장소는 MIT 라이선스 하에 라이선스되어 있습니다. 자세한 내용은 [LICENSE](../../LICENSE) 파일을 참조하세요. +이 저장소는 MIT 라이선스 하에 있습니다. 자세한 내용은 [LICENSE](../../LICENSE) 파일을 참조하세요. --- **면책 조항**: -이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 최선을 다하고 있으나, 자동 번역본에는 오류나 부정확성이 포함될 수 있음을 알려드립니다. 원문은 해당 언어의 공식 문서가 권위 있는 출처임을 인정해 주시기 바랍니다. 중요한 정보의 경우 전문적인 인간 번역을 권장합니다. 본 번역 사용으로 인한 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다. +이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 노력하고 있으나, 자동 번역에는 오류나 부정확한 부분이 있을 수 있음을 유의해 주시기 바랍니다. 원래 문서의 원어본이 권위 있는 자료로 간주되어야 합니다. 중요한 정보에 대해서는 전문적인 인간 번역을 권장합니다. 본 번역의 사용으로 인한 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다. \ No newline at end of file