[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) [![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) [![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) [![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/) [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) [![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) # توسعه وب برای مبتدیان - یک برنامه درسی اصول توسعه وب را با دوره جامع ۱۲ هفته‌ای ما توسط مدافعان ابری مایکروسافت بیاموزید. هر یک از ۲۴ درس به صورت پروژه‌های عملی مثل تراریوم‌ها، افزونه‌های مرورگر و بازی‌های فضایی به جاوااسکریپت، CSS و HTML می‌پردازد. با آزمون‌ها، بحث‌ها و تمرین‌های عملی درگیر شوید. مهارت‌های خود را ارتقا دهید و با روش آموزش پروژه‌محور موثر ما، دانش خود را بهینه کنید. امروز سفر برنامه‌نویسی خود را آغاز کنید! به جامعه دیسکورد Azure AI Foundry بپیوندید [![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` ۳. [**به دیسکورد Azure AI Foundry بپیوندید و با کارشناسان و توسعه‌دهندگان هم‌سطح ملاقات کنید**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 پشتیبانی چندزبانه #### پشتیبانی شده توسط 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](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](./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 استفاده کنید: > > **بش / macOS / لینوکس:** > ```bash > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > ``` > > **CMD (ویندوز):** > ```cmd > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > > این همه چیز مورد نیاز برای اتمام دوره را با دانلود بسیار سریع‌تر به شما می‌دهد. **اگر مایل به حمایت از زبان‌های ترجمه بیشتری هستید، زبان‌های پشتیبانی شده در [اینجا](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) مراجعه کنید، جایی که منابع مبتدی، بسته‌های دانشجویی و حتی راه‌هایی برای دریافت کوپن رایگان گواهی دریافت خواهید کرد. این صفحه‌ای است که می‌خواهید آن را نشانک (Bookmark) کنید و هر از گاهی چک کنید چون محتوای آن ماهانه به‌روزرسانی می‌شود. ### 📣 اطلاعیه - چالش‌های جدید حالت GitHub Copilot Agent برای تکمیل! چالش جدید اضافه شده، دنبال "GitHub Copilot Agent Challenge 🚀" در اکثر فصل‌ها باشید. این یک چالش جدید برای شما است تا با استفاده از GitHub Copilot و حالت Agent کامل کنید. اگر قبلاً از حالت Agent استفاده نکرده‌اید، این حالت قادر است نه تنها متن تولید کند بلکه فایل‌ها را ایجاد و ویرایش کند، فرمان‌ها را اجرا کرده و بیشتر. ### 📣 اطلاعیه - _پروژه جدید برای ساخت با استفاده از هوش مصنوعی مولد_ پروژه دستیار هوش مصنوعی جدید به تازگی اضافه شده است، آن را بررسی کنید [پروژه](./9-chat-project/README.md) ### 📣 اطلاعیه - _برنامه درسی جدید_ درباره هوش مصنوعی مولد برای جاوااسکریپت به تازگی منتشر شده است برنامه درسی هوش مصنوعی مولد ما را از دست ندهید! برای شروع به [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) مراجعه کنید! ![پس‌زمینه](../../translated_images/fa/background.148a8d43afde5730.webp) - درس‌هایی که از مبانی تا RAG را پوشش می‌دهند. - تعامل با شخصیت‌های تاریخی با استفاده از GenAI و اپلیکیشن همراه ما. - روایت سرگرم‌کننده و جذاب، شما در حال سفر در زمان هستید! ![شخصیت](../../translated_images/fa/character.5c0dd8e067ffd693.webp) هر درس شامل یک تکلیف برای کامل کردن، یک آزمون دانش و چالشی برای راهنمایی شما در یادگیری موضوعاتی مانند: - درخواست‌دهی و مهندسی درخواست - تولید اپلیکیشن‌های متنی و تصویری - اپلیکیشن‌های جستجو برای شروع به [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) مراجعه کنید! ## 🌱 شروع به کار > **معلمان**، ما [برخی پیشنهادات](for-teachers.md) درباره نحوه استفاده از این برنامه درسی ارائه کرده‌ایم. منتظر بازخورد شما در [انجمن بحث ما](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) هستیم! **[دانش‌آموزان](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**، برای هر درس، با یک آزمون پیش‌نمایش درس شروع کنید و ادامه دهید با خواندن مطالب درس، انجام فعالیت‌های مختلف و درک خود را با آزمون پس از درس بسنجید. برای بهبود تجربه یادگیری خود، با همسالان خود ارتباط برقرار کنید و روی پروژه‌ها با هم کار کنید! در [انجمن بحث](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) گفتگو encouraged است و تیم مدیران ما در دسترسند تا به سوالات شما پاسخ دهند. برای ادامه تحصیل، ما اکیداً توصیه می‌کنیم با [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) آن را اجرا کنید. #### ایجاد مخزن خود برای ذخیره راحت کار خود، پیشنهاد می‌شود یک نسخه کپی از این مخزن بسازید. این کار را می‌توانید با کلیک روی دکمه **Use this template** در بالای صفحه انجام دهید. این یک مخزن جدید در حساب GitHub شما با کپی برنامه درسی ایجاد می‌کند. مراحل زیر را دنبال کنید: ۱. **فورک کردن مخزن:** روی دکمه "Fork" در گوشه بالا-راست این صفحه کلیک کنید. ۲. **کلون کردن مخزن:** `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### اجرای برنامه درسی در Codespace در نسخه کپی شده مخزن، دکمه **Code** را کلیک کنید و **Open with Codespaces** را انتخاب کنید. این یک Codespace جدید برای شما ایجاد خواهد کرد. ![Codespace](../../translated_images/fa/createcodespace.0238bbf4d7a8d955.webp) #### اجرای برنامه درسی به صورت محلی روی کامپیوتر شما برای اجرای این برنامه درسی به صورت محلی، به یک ویرایشگر متن، مرورگر و ابزار خط فرمان نیاز دارید. اولین درس ما، [مقدمه‌ای بر زبان‌ها و ابزارهای برنامه‌نویسی](../../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) دانلود کنید. 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) باز کرده و دستور زیر را اجرا کنید، به جای `` آدرسی که تازه کپی کرده‌اید را جایگزین کنید: ```bash git clone ``` 2. پوشه را در Visual Studio Code باز کنید. می‌توانید این کار را با کلیک روی **File** > **Open Folder** و انتخاب پوشه‌ای که تازه کلون کرده‌اید انجام دهید. > افزونه‌های پیشنهادی Visual Studio Code: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - برای پیش‌نمایش صفحات HTML در داخل Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - برای کمک به نوشتن سریع‌تر کد ## 📂 هر درس شامل: - یادداشت تصویری اختیاری - ویدیوی تکمیلی اختیاری - آزمون پیش‌گرم‌کننده پیش از درس - درس نوشتاری - برای درس‌های مبتنی بر پروژه، راهنماهای گام‌به‌گام برای ساخت پروژه - چک‌های دانش - چالش - خواندن تکمیلی - تمرین - [آزمون پس از درس](https://ff-quizzes.netlify.app/web/) > **نکته‌ای درباره آزمون‌ها**: همه آزمون‌ها در پوشه Quiz-app قرار دارند، مجموعاً ۴۸ آزمون هر کدام با سه سؤال. آن‌ها در [اینجا](https://ff-quizzes.netlify.app/web/) در دسترس هستند، اپ آزمون می‌تواند به صورت محلی اجرا یا به Azure منتشر شود؛ دستورالعمل‌ها در پوشه `quiz-app` آمده است. ## 🗃️ دروس | | نام پروژه | مفاهیم آموزش داده شده | اهداف یادگیری | درس مرتبط | نویسنده | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | 01 | شروع کار | مقدمه‌ای بر برنامه‌نویسی و ابزارها | یادگیری مبانی پایه‌ای که پشت اکثر زبان‌های برنامه‌نویسی است و درباره نرم‌افزاری که به توسعه‌دهندگان حرفه‌ای کمک می‌کند تا وظایفشان را انجام دهند | [مقدمه‌ای بر زبان‌های برنامه‌نویسی و ابزارها](./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 | مبانی جاوااسکریپت | انواع داده‌های جاوااسکریپت | مبانی انواع داده‌های جاوااسکریپت | [انواع داده](./2-js-basics/1-data-types/README.md) | Jasmine | | 05 | مبانی جاوااسکریپت | توابع و متدها | یادگیری درباره توابع و متدها برای مدیریت جریان منطق یک برنامه | [توابع و متدها](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | | 06 | مبانی جاوااسکریپت | تصمیم‌گیری با جاوااسکریپت | یادگیری نحوه ایجاد شرایط در کد با استفاده از روش‌های تصمیم‌گیری | [تصمیم‌گیری](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 07 | مبانی جاوااسکریپت | آرایه‌ها و حلقه‌ها | کار با داده‌ها با استفاده از آرایه‌ها و حلقه‌ها در جاوااسکریپت | [آرایه‌ها و حلقه‌ها](./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) | بسته‌های جاوااسکریپت، دستکاری 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) | توسعه بازی پیشرفته‌تر با جاوااسکریپت | یادگیری درباره وراثت با استفاده از کلاس‌ها و ترکیب و الگوی Pub/Sub، برای آماده‌سازی جهت ساخت بازی | [مقدمه‌ای بر توسعه بازی پیشرفته](./6-space-game/1-introduction/README.md) | Chris | | 16 | [بازی فضا](./6-space-game/solution/README.md) | نقاشی روی بوم | آشنایی با API بوم برای ترسیم عناصر روی صفحه | [نقاشی روی بوم](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 17 | [بازی فضا](./6-space-game/solution/README.md) | حرکت دادن عناصر روی صفحه | کشف نحوه حرکت گرفتن عناصر با استفاده از مختصات کارتزینی و API بوم | [حرکت دادن عناصر](./6-space-game/3-moving-elements-around/README.md) | Chris | | 18 | [بازی فضا](./6-space-game/solution/README.md) | تشخیص برخورد | ایجاد برخورد و واکنش عناصر نسبت به یکدیگر با استفاده از فشردن کلیدها و فراهم کردن تابع خنک‌سازی برای حفظ عملکرد بازی | [تشخیص برخورد](./6-space-game/4-collision-detection/README.md) | Chris | | 19 | [بازی فضا](./6-space-game/solution/README.md) | نگهداری امتیاز | انجام محاسبات ریاضی بر اساس وضعیت و عملکرد بازی | [نگهداری امتیاز](./6-space-game/5-keeping-score/README.md) | Chris | | 20 | [بازی فضا](./6-space-game/solution/README.md) | خاتمه و راه‌اندازی مجدد بازی | یادگیری درباره خاتمه و راه‌اندازی مجدد بازی، شامل پاک‌سازی منابع و بازنشانی مقدار متغیرها | [شرط پایان](./6-space-game/6-end-condition/README.md) | Chris | | 21 | [اپ بانکداری](./7-bank-project/solution/README.md) | قالب‌های HTML و مسیرها در اپ وب | یادگیری نحوه ایجاد اسکلت معماری وب‌سایت چند صفحه‌ای با استفاده از مسیر‌دهی و قالب‌های HTML | [قالب‌های HTML و مسیرها](./7-bank-project/1-template-route/README.md) | Yohan | | 22 | [اپ بانکداری](./7-bank-project/solution/README.md) | ساخت فرم ورود و ثبت‌نام | یادگیری ساخت فرم‌ها و مدیریت چک‌کردن اعتبار | [فرم‌ها](./7-bank-project/2-forms/README.md) | Yohan | | 23 | [اپ بانکداری](./7-bank-project/solution/README.md) | روش‌های دریافت و استفاده از داده‌ها | جریان داده‌ها در اپلیکیشن شما، نحوه دریافت، ذخیره و حذف آن | [داده](./7-bank-project/3-data/README.md) | Yohan | | 24 | [اپ بانکداری](./7-bank-project/solution/README.md) | مفاهیم مدیریت وضعیت | یادگیری نحوه حفظ وضعیت در اپلیکیشن و مدیریت آن به صورت برنامه‌نویسی | [مدیریت وضعیت](./7-bank-project/4-state-management/README.md) | Yohan | | 25 | [کد مرورگر/وی‌اس‌کد](../../8-code-editor) | کار با وی‌اس‌کد | یادگیری نحوه استفاده از ویرایشگر کد| [استفاده از ویرایشگر کد وی‌اس‌کد](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 26 | [دستیارهای هوش مصنوعی](./9-chat-project/README.md) | کار با هوش مصنوعی | یادگیری چگونگی ساخت دستیار هوش مصنوعی خودتان | [پروژه دستیار هوش مصنوعی](./9-chat-project/README.md) | Chris | ## 🏫 روش تدریس برنامه درسی ما با دو اصل کلیدی آموزشی طراحی شده است: * یادگیری مبتنی بر پروژه * آزمون‌های مکرر این برنامه مبانی جاوااسکریپت، HTML و CSS را آموزش می‌دهد، به‌علاوه جدیدترین ابزارها و تکنیک‌هایی که توسعه‌دهندگان وب امروزی استفاده می‌کنند. دانشجویان فرصت خواهند داشت تا تجربه عملی با ساخت بازی تایپینگ، تراریوم مجازی، افزونه مرورگر سازگار با محیط زیست، بازی سبک مهاجم فضایی و اپ بانکداری برای کسب‌وکارها کسب کنند. تا پایان این سری، دانشجویان درک محکمی از توسعه وب به دست خواهند آورد. > 🎓 می‌توانید چند درس اول این برنامه درسی را به عنوان یک [مسیر یادگیری](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) در Microsoft Learn بگذرانید! با اطمینان از اینکه محتوا با پروژه‌ها هماهنگ است، فرآیند برای دانش‌آموزان جذاب‌تر شده و حفظ مفاهیم تقویت خواهد شد. همچنین چند درس شروع‌کننده در مبانی جاوااسکریپت نوشتیم تا مفاهیم را معرفی کنیم، همراه با ویدیویی از مجموعه "[سری شروع‌کنندگان به: جاوااسکریپت](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)". > به راهنمای [کد رفتار](CODE_OF_CONDUCT.md) و [مشارکت](CONTRIBUTING.md) ما مراجعه کنید. ما از بازخورد سازنده شما استقبال می‌کنیم! ## 🧭 دسترسی آفلاین شما می‌توانید این مستندات را به صورت آفلاین با استفاده از [Docsify](https://docsify.js.org/#/) اجرا کنید. این مخزن را فورک کنید، [Docsify را نصب کنید](https://docsify.js.org/#/quickstart) روی دستگاه محلی خود، سپس در پوشه ریشه این مخزن دستور `docsify serve` را تایپ کنید. وبسایت روی پورت ۳۰۰۰ در لوکال‌هاست شما سرو خواهد شد: `localhost:3000`. ## 📘 PDF یک فایل PDF از تمام درس‌ها را می‌توانید [اینجا](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) پیدا کنید. ## 🎒 دوره‌های دیگر تیم ما دوره‌های دیگری هم تولید می‌کند! مشاهده کنید: ### 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 [![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) [![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) --- ### سری آموزش هوش مصنوعی مولد [![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) --- ### آموزش‌های اصلی [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![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) [![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) [![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) [![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) [![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) --- ### سری آموزش کوپایلوت [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot 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) ## دریافت کمک اگر گیر کردید یا هر سوالی درباره ساخت اپلیکیشن‌های هوش مصنوعی دارید. به همراه دیگر یادگیرندگان و توسعه‌دهندگان با تجربه در بحث‌های مربوط به 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) مراجعه کنید. --- **سلب مسئولیت**: این سند با استفاده از سرویس ترجمه هوش مصنوعی [Co-op Translator](https://github.com/Azure/co-op-translator) ترجمه شده است. با اینکه ما برای دقت تلاش می‌کنیم، لطفاً توجه داشته باشید که ترجمه‌های خودکار ممکن است شامل خطاها یا نواقص باشند. سند اصلی به زبان مادری خود باید به عنوان منبع معتبر در نظر گرفته شود. برای اطلاعات حیاتی، ترجمه حرفه‌ای انسانی توصیه می‌شود. ما مسئول هیچ گونه سوءتفاهم یا برداشت نادرست ناشی از استفاده از این ترجمه نیستیم.