توسعه وب برای مبتدیان - یک برنامه درسی

اصول توسعه وب را با دوره جامع ۱۲ هفته‌ای ما توسط مدافعان ابری مایکروسافت بیاموزید. هر یک از ۲۴ درس به صورت پروژه‌های عملی مثل تراریوم‌ها، افزونه‌های مرورگر و بازی‌های فضایی به جاوااسکریپت، CSS و HTML می‌پردازد. با آزمون‌ها، بحث‌ها و تمرین‌های عملی درگیر شوید. مهارت‌های خود را ارتقا دهید و با روش آموزش پروژه‌محور موثر ما، دانش خود را بهینه کنید. امروز سفر برنامه‌نویسی خود را آغاز کنید! به جامعه دیسکورد Azure AI Foundry بپیوندید برای شروع استفاده از این منابع، مراحل زیر را دنبال کنید:

1. فورک کردن مخزن: کلیک کنید
2. کلون کردن مخزن: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git ۳. به دیسکورد Azure AI Foundry بپیوندید و با کارشناسان و توسعه‌دهندگان هم‌سطح ملاقات کنید

🌐 پشتیبانی چندزبانه

پشتیبانی شده توسط GitHub Action (خودکار و همیشه به‌روز)

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Khmer | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

اگر مایل به حمایت از زبان‌های ترجمه بیشتری هستید، زبان‌های پشتیبانی شده در اینجا لیست شده‌اند

🧑‍🎓 آیا دانشجو هستید؟

به صفحه Student Hub مراجعه کنید، جایی که منابع مبتدی، بسته‌های دانشجویی و حتی راه‌هایی برای دریافت کوپن رایگان گواهی دریافت خواهید کرد. این صفحه‌ای است که می‌خواهید آن را نشانک (Bookmark) کنید و هر از گاهی چک کنید چون محتوای آن ماهانه به‌روزرسانی می‌شود.

📣 اطلاعیه - چالش‌های جدید حالت GitHub Copilot Agent برای تکمیل!

چالش جدید اضافه شده، دنبال "GitHub Copilot Agent Challenge 🚀" در اکثر فصل‌ها باشید. این یک چالش جدید برای شما است تا با استفاده از GitHub Copilot و حالت Agent کامل کنید. اگر قبلاً از حالت Agent استفاده نکرده‌اید، این حالت قادر است نه تنها متن تولید کند بلکه فایل‌ها را ایجاد و ویرایش کند، فرمان‌ها را اجرا کرده و بیشتر.

📣 اطلاعیه - پروژه جدید برای ساخت با استفاده از هوش مصنوعی مولد

پروژه دستیار هوش مصنوعی جدید به تازگی اضافه شده است، آن را بررسی کنید پروژه

📣 اطلاعیه - برنامه درسی جدید درباره هوش مصنوعی مولد برای جاوااسکریپت به تازگی منتشر شده است

برنامه درسی هوش مصنوعی مولد ما را از دست ندهید! برای شروع به https://aka.ms/genai-js-course مراجعه کنید!

• درس‌هایی که از مبانی تا RAG را پوشش می‌دهند.
• تعامل با شخصیت‌های تاریخی با استفاده از GenAI و اپلیکیشن همراه ما.
• روایت سرگرم‌کننده و جذاب، شما در حال سفر در زمان هستید! هر درس شامل یک تکلیف برای کامل کردن، یک آزمون دانش و چالشی برای راهنمایی شما در یادگیری موضوعاتی مانند:
• درخواست‌دهی و مهندسی درخواست
• تولید اپلیکیشن‌های متنی و تصویری
• اپلیکیشن‌های جستجو برای شروع به https://aka.ms/genai-js-course مراجعه کنید!

🌱 شروع به کار

دانش‌آموزان، برای هر درس، با یک آزمون پیش‌نمایش درس شروع کنید و ادامه دهید با خواندن مطالب درس، انجام فعالیت‌های مختلف و درک خود را با آزمون پس از درس بسنجید. برای بهبود تجربه یادگیری خود، با همسالان خود ارتباط برقرار کنید و روی پروژه‌ها با هم کار کنید! در انجمن بحث گفتگو encouraged است و تیم مدیران ما در دسترسند تا به سوالات شما پاسخ دهند. برای ادامه تحصیل، ما اکیداً توصیه می‌کنیم با Microsoft Learn برای مطالعات بیشتر آشنا شوید.

📋 راه‌اندازی محیط توسعه شما

این برنامه درسی محیط توسعه‌ای آماده دارد! هنگام شروع می‌توانید انتخاب کنید دوره را در یک Codespace (محیط مبتنی بر مرورگر بدون نیاز به نصب) اجرا کنید یا به صورت محلی روی کامپیوتر خود با استفاده از یک ویرایشگر متن مانند Visual Studio Code آن را اجرا کنید.

ایجاد مخزن خود

برای ذخیره راحت کار خود، پیشنهاد می‌شود یک نسخه کپی از این مخزن بسازید. این کار را می‌توانید با کلیک روی دکمه Use this template در بالای صفحه انجام دهید. این یک مخزن جدید در حساب GitHub شما با کپی برنامه درسی ایجاد می‌کند. مراحل زیر را دنبال کنید: ۱. فورک کردن مخزن: روی دکمه "Fork" در گوشه بالا-راست این صفحه کلیک کنید. ۲. کلون کردن مخزن: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

اجرای برنامه درسی در Codespace

در نسخه کپی شده مخزن، دکمه Code را کلیک کنید و Open with Codespaces را انتخاب کنید. این یک Codespace جدید برای شما ایجاد خواهد کرد.

اجرای برنامه درسی به صورت محلی روی کامپیوتر شما

برای اجرای این برنامه درسی به صورت محلی، به یک ویرایشگر متن، مرورگر و ابزار خط فرمان نیاز دارید. اولین درس ما، مقدمه‌ای بر زبان‌ها و ابزارهای برنامه‌نویسی، گزینه‌های مختلف برای هر کدام از این ابزارها را به شما معرفی می‌کند تا بهترین‌ها را انتخاب کنید. توصیه ما استفاده از Visual Studio Code به عنوان ویرایشگر است که دارای ترمینال داخلی نیز می‌باشد. می‌توانید Visual Studio Code را از اینجا دانلود کنید.

1. کد مخزن خود را روی کامپیوترتان کلون کنید. می‌توانید این کار را با کلیک روی دکمه Code و کپی کردن URL انجام دهید: CodeSpace سپس، در Visual Studio Code داخل Terminal باز کرده و دستور زیر را اجرا کنید، به جای آدرسی که تازه کپی کرده‌اید را جایگزین کنید:

git clone <your-repository-url>

2. پوشه را در Visual Studio Code باز کنید. می‌توانید این کار را با کلیک روی File > Open Folder و انتخاب پوشه‌ای که تازه کلون کرده‌اید انجام دهید.

📂 هر درس شامل:

• یادداشت تصویری اختیاری
• ویدیوی تکمیلی اختیاری
• آزمون پیش‌گرم‌کننده پیش از درس
• درس نوشتاری
• برای درس‌های مبتنی بر پروژه، راهنماهای گام‌به‌گام برای ساخت پروژه
• چک‌های دانش
• چالش
• خواندن تکمیلی
• تمرین
• آزمون پس از درس

🗃️ دروس

🏫 روش تدریس

برنامه درسی ما با دو اصل کلیدی آموزشی طراحی شده است:

• یادگیری مبتنی بر پروژه
• آزمون‌های مکرر این برنامه مبانی جاوااسکریپت، HTML و CSS را آموزش می‌دهد، به‌علاوه جدیدترین ابزارها و تکنیک‌هایی که توسعه‌دهندگان وب امروزی استفاده می‌کنند. دانشجویان فرصت خواهند داشت تا تجربه عملی با ساخت بازی تایپینگ، تراریوم مجازی، افزونه مرورگر سازگار با محیط زیست، بازی سبک مهاجم فضایی و اپ بانکداری برای کسب‌وکارها کسب کنند. تا پایان این سری، دانشجویان درک محکمی از توسعه وب به دست خواهند آورد. با اطمینان از اینکه محتوا با پروژه‌ها هماهنگ است، فرآیند برای دانش‌آموزان جذاب‌تر شده و حفظ مفاهیم تقویت خواهد شد. همچنین چند درس شروع‌کننده در مبانی جاوااسکریپت نوشتیم تا مفاهیم را معرفی کنیم، همراه با ویدیویی از مجموعه "سری شروع‌کنندگان به: جاوااسکریپت" که برخی نویسندگان آن به این برنامه درسی کمک کرده‌اند. علاوه بر این، آزمونی با ریسک کم پیش از کلاس قصد دانش‌آموز را برای یادگیری موضوع تنظیم می‌کند، در حالی که آزمون دوم پس از کلاس حفظ بیشتر را تضمین می‌کند. این برنامه درسی به گونه‌ای طراحی شده که انعطاف‌پذیر و سرگرم‌کننده باشد و می‌توان آن را کامل یا جزیی دنبال کرد. پروژه‌ها با پروژه‌های کوچک شروع شده و تا پایان دوره ۱۲ هفته‌ای به تدریج پیچیده‌تر می‌شوند. در حالی که عمداً از معرفی چارچوب‌های جاوااسکریپت پرهیز کرده‌ایم تا روی مهارت‌های پایه‌ای لازم قبل از پذیرش چارچوب تمرکز کنیم، گام بعدی خوب برای تکمیل این برنامه یادگیری Node.js از طریق مجموعه دیگری از ویدیوهاست: "سری شروع‌کنندگان به: Node.js".

🧭 دسترسی آفلاین

شما می‌توانید این مستندات را به صورت آفلاین با استفاده از Docsify اجرا کنید. این مخزن را فورک کنید، Docsify را نصب کنید روی دستگاه محلی خود، سپس در پوشه ریشه این مخزن دستور docsify serve را تایپ کنید. وبسایت روی پورت ۳۰۰۰ در لوکال‌هاست شما سرو خواهد شد: localhost:3000.

📘 PDF

یک فایل PDF از تمام درس‌ها را می‌توانید اینجا پیدا کنید.

🎒 دوره‌های دیگر

تیم ما دوره‌های دیگری هم تولید می‌کند! مشاهده کنید:

LangChain

Azure / Edge / MCP / Agents

سری آموزش هوش مصنوعی مولد

-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA) -C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC) -E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)

آموزش‌های اصلی

سری آموزش کوپایلوت

دریافت کمک

اگر گیر کردید یا هر سوالی درباره ساخت اپلیکیشن‌های هوش مصنوعی دارید. به همراه دیگر یادگیرندگان و توسعه‌دهندگان با تجربه در بحث‌های مربوط به MCP شرکت کنید. این یک جامعه حمایت‌کننده است که در آن سوالات پذیرفته می‌شود و دانش به‌طور آزادانه به اشتراک گذاشته می‌شود. اگر بازخورد محصول یا اشکالی هنگام ساخت دارید به اینجا مراجعه کنید:

مجوز

این مخزن تحت مجوز MIT است. برای اطلاعات بیشتر به فایل LICENSE مراجعه کنید.

سلب مسئولیت: این سند با استفاده از سرویس ترجمه هوش مصنوعی Co-op Translator ترجمه شده است. با اینکه ما برای دقت تلاش می‌کنیم، لطفاً توجه داشته باشید که ترجمه‌های خودکار ممکن است شامل خطاها یا نواقص باشند. سند اصلی به زبان مادری خود باید به عنوان منبع معتبر در نظر گرفته شود. برای اطلاعات حیاتی، ترجمه حرفه‌ای انسانی توصیه می‌شود. ما مسئول هیچ گونه سوءتفاهم یا برداشت نادرست ناشی از استفاده از این ترجمه نیستیم.