35 KiB

Raw Permalink Blame History Unescape Escape

برای شروع استفاده از این منابع، مراحل زیر را دنبال کنید:

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

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

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

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

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

اگر می‌خواهید زبان‌های ترجمه اضافی پشتیبانی شوند، لیست زبان‌های موجود اینجا قرار دارد.

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

به صفحه مرکز دانشجویی مراجعه کنید، جایی که منابع مبتدی، بسته‌های دانشجویی و حتی راه‌هایی برای دریافت یک گواهی رایگان را پیدا خواهید کرد. این صفحه‌ای است که باید نشانک‌گذاری کنید و هر از گاهی بررسی کنید، زیرا محتوای آن ماهانه تغییر می‌کند.

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

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

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

برنامه آموزشی جدید هوش مصنوعی تولیدی ما را از دست ندهید!

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

درس‌هایی که همه چیز را از اصول اولیه تا RAG پوشش می‌دهند.
تعامل با شخصیت‌های تاریخی با استفاده از GenAI و برنامه همراه ما.
روایت سرگرم‌کننده و جذاب، شما در حال سفر در زمان خواهید بود!

هر درس شامل یک تکلیف برای تکمیل، یک بررسی دانش و یک چالش است که شما را در یادگیری موضوعاتی مانند:

مهندسی درخواست‌ها
تولید برنامه‌های متنی و تصویری
برنامه‌های جستجو

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

🌱 شروع به کار

معلمان، ما برخی پیشنهادات در مورد نحوه استفاده از این برنامه آموزشی را گنجانده‌ایم. ما مشتاقانه منتظر بازخورد شما هستیم در انجمن بحث ما!

یادگیرندگان، برای هر درس، با یک آزمون پیش‌سخنرانی شروع کنید و با خواندن مطالب سخنرانی، انجام فعالیت‌های مختلف و بررسی درک خود با آزمون پس‌سخنرانی ادامه دهید.

برای بهبود تجربه یادگیری خود، با همتایان خود ارتباط برقرار کنید تا روی پروژه‌ها با هم کار کنید! بحث‌ها در انجمن بحث ما تشویق می‌شوند، جایی که تیم ما از مدیران برای پاسخ به سوالات شما در دسترس خواهد بود.

برای ادامه تحصیل خود، ما به شدت توصیه می‌کنیم 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 جدید برای شما ایجاد می‌کند تا در آن کار کنید.

!Codespace./images/createcodespace.png)

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

برای اجرای این برنامه آموزشی به صورت محلی روی کامپیوتر خود، به یک ویرایشگر متن، یک مرورگر و یک ابزار خط فرمان نیاز دارید. درس اول ما، مقدمه‌ای بر زبان‌های برنامه‌نویسی و ابزارهای مورد استفاده، شما را با گزینه‌های مختلف برای هر یک از این ابزارها آشنا می‌کند تا بتوانید آنچه برای شما مناسب است را انتخاب کنید.

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

مخزن خود را به کامپیوتر خود کلون کنید. می‌توانید این کار را با کلیک بر روی دکمه Code و کپی کردن URL انجام دهید:

!CodeSpace

سپس، ترمینال را در Visual Studio Code باز کنید و دستور زیر را اجرا کنید، جایگزین <your-repository-url> با URL که به تازگی کپی کرده‌اید:
```
git clone <your-repository-url>
```
پوشه را در Visual Studio Code باز کنید. می‌توانید این کار را با کلیک بر روی File انجام دهید.

باز کردن پوشه و انتخاب پوشه‌ای که به‌تازگی کلون کرده‌اید. افزونه‌های پیشنهادی برای Visual Studio Code:

Live Server - برای پیش‌نمایش صفحات HTML در داخل Visual Studio Code

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

📂 هر درس شامل موارد زیر است:

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

نکته‌ای درباره آزمون‌ها: تمام آزمون‌ها در پوشه Quiz-app قرار دارند، مجموعاً ۴۸ آزمون با سه سؤال در هر آزمون. این آزمون‌ها اینجا در دسترس هستند. اپلیکیشن آزمون را می‌توان به صورت محلی اجرا کرد یا در Azure مستقر کرد؛ دستورالعمل‌ها را در پوشه quiz-app دنبال کنید.

🗃️ درس‌ها

	نام پروژه	مفاهیم آموزش داده شده	اهداف یادگیری	درس مرتبط	نویسنده
01	شروع کار	مقدمه‌ای بر برنامه‌نویسی و ابزارهای مورد استفاده	یادگیری اصول اولیه اکثر زبان‌های برنامه‌نویسی و نرم‌افزارهایی که به توسعه‌دهندگان حرفه‌ای کمک می‌کنند	مقدمه‌ای بر زبان‌های برنامه‌نویسی و ابزارهای مورد استفاده	Jasmine
02	شروع کار	اصول اولیه GitHub، شامل کار با تیم	نحوه استفاده از GitHub در پروژه، نحوه همکاری با دیگران بر روی کد پایه	مقدمه‌ای بر GitHub	Floor
03	شروع کار	دسترسی‌پذیری	یادگیری اصول اولیه دسترسی‌پذیری وب	اصول دسترسی‌پذیری	Christopher
04	اصول JS	انواع داده در جاوااسکریپت	اصول اولیه انواع داده در جاوااسکریپت	انواع داده	Jasmine
05	اصول JS	توابع و متدها	یادگیری درباره توابع و متدها برای مدیریت جریان منطقی اپلیکیشن	توابع و متدها	Jasmine and Christopher
06	اصول JS	تصمیم‌گیری با جاوااسکریپت	یادگیری نحوه ایجاد شرایط در کد با استفاده از روش‌های تصمیم‌گیری	تصمیم‌گیری	Jasmine
07	اصول JS	آرایه‌ها و حلقه‌ها	کار با داده‌ها با استفاده از آرایه‌ها و حلقه‌ها در جاوااسکریپت	آرایه‌ها و حلقه‌ها	Jasmine
08	تراریوم	HTML در عمل	ساخت HTML برای ایجاد یک تراریوم آنلاین، با تمرکز بر ساخت یک طرح‌بندی	مقدمه‌ای بر HTML	Jen
09	تراریوم	CSS در عمل	ساخت CSS برای استایل‌دهی به تراریوم آنلاین، با تمرکز بر اصول CSS شامل واکنش‌گرا کردن صفحه	مقدمه‌ای بر CSS	Jen
10	تراریوم	Closureهای جاوااسکریپت، دستکاری DOM	ساخت جاوااسکریپت برای عملکرد تراریوم به عنوان یک رابط کشیدن و رها کردن، با تمرکز بر Closureها و دستکاری DOM	Closureهای جاوااسکریپت، دستکاری DOM	Jen
11	بازی تایپ	ساخت یک بازی تایپ	یادگیری نحوه استفاده از رویدادهای صفحه‌کلید برای هدایت منطق اپلیکیشن جاوااسکریپت	برنامه‌نویسی مبتنی بر رویداد	Christopher
12	افزونه مرورگر سبز	کار با مرورگرها	یادگیری نحوه عملکرد مرورگرها، تاریخچه آن‌ها، و نحوه ایجاد اولین عناصر یک افزونه مرورگر	درباره مرورگرها	Jen
13	افزونه مرورگر سبز	ساخت فرم، فراخوانی API و ذخیره متغیرها در حافظه محلی	ساخت عناصر جاوااسکریپت افزونه مرورگر برای فراخوانی API با استفاده از متغیرهای ذخیره‌شده در حافظه محلی	APIها، فرم‌ها، و حافظه محلی	Jen
14	افزونه مرورگر سبز	فرآیندهای پس‌زمینه در مرورگر، عملکرد وب	استفاده از فرآیندهای پس‌زمینه مرورگر برای مدیریت آیکون افزونه؛ یادگیری درباره عملکرد وب و برخی بهینه‌سازی‌ها	وظایف پس‌زمینه و عملکرد	Jen
15	بازی فضایی	توسعه بازی پیشرفته‌تر با جاوااسکریپت	یادگیری درباره وراثت با استفاده از کلاس‌ها و ترکیب و الگوی Pub/Sub، به عنوان مقدمه‌ای برای ساخت بازی	مقدمه‌ای بر توسعه بازی پیشرفته	Chris
16	بازی فضایی	رسم روی Canvas	یادگیری درباره API Canvas، که برای رسم عناصر روی صفحه استفاده می‌شود	رسم روی Canvas	Chris
17	بازی فضایی	حرکت دادن عناصر روی صفحه	کشف نحوه حرکت دادن عناصر با استفاده از مختصات کارتزین و API Canvas	حرکت دادن عناصر	Chris
18	بازی فضایی	تشخیص برخورد	ایجاد برخورد و واکنش عناصر به یکدیگر با استفاده از کلیدهای فشرده‌شده و ارائه یک تابع خنک‌کننده برای اطمینان از عملکرد بازی	تشخیص برخورد	Chris
19	بازی فضایی	ثبت امتیاز	انجام محاسبات ریاضی بر اساس وضعیت و عملکرد بازی	ثبت امتیاز	Chris
20	بازی فضایی	پایان دادن و شروع مجدد بازی	یادگیری درباره پایان دادن و شروع مجدد بازی، شامل پاکسازی دارایی‌ها و بازنشانی مقادیر متغیرها	شرط پایان	Chris
21	اپلیکیشن بانکی	قالب‌های HTML و مسیرها در یک اپلیکیشن وب	یادگیری نحوه ایجاد ساختار معماری یک وب‌سایت چندصفحه‌ای با استفاده از مسیرها و قالب‌های HTML	قالب‌های HTML و مسیرها	Yohan
22	اپلیکیشن بانکی	ساخت فرم ورود و ثبت‌نام	یادگیری درباره ساخت فرم‌ها و مدیریت روال‌های اعتبارسنجی	فرم‌ها	Yohan
23	اپلیکیشن بانکی	روش‌های دریافت و استفاده از داده‌ها	نحوه جریان داده‌ها در داخل و خارج اپلیکیشن، نحوه دریافت، ذخیره‌سازی، و حذف آن	داده‌ها	Yohan
24	اپلیکیشن بانکی	مفاهیم مدیریت وضعیت	یادگیری نحوه حفظ وضعیت اپلیکیشن و نحوه مدیریت آن به صورت برنامه‌نویسی	مدیریت وضعیت	Yohan
25	ویرایشگر کد مرورگر/VScode	کار با VScode	یادگیری نحوه استفاده از یک ویرایشگر کد	استفاده از ویرایشگر کد VScode	Chris
26	دستیارهای هوش مصنوعی	کار با هوش مصنوعی	یادگیری نحوه ساخت دستیار هوش مصنوعی خود	پروژه دستیار هوش مصنوعی	Chris

🏫 اصول آموزشی

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

یادگیری مبتنی بر پروژه
آزمون‌های مکرر

این برنامه اصول اولیه جاوااسکریپت، HTML و CSS، و همچنین ابزارها و تکنیک‌های جدیدی که توسط توسعه‌دهندگان وب امروزی استفاده می‌شود را آموزش می‌دهد. دانش‌آموزان فرصت کسب تجربه عملی را با ساخت بازی تایپ، تراریوم مجازی، افزونه مرورگر سازگار با محیط زیست، بازی سبک مهاجم فضایی، و اپلیکیشن بانکی برای کسب‌وکارها خواهند داشت. تا پایان این دوره، دانش‌آموزان درک جامعی از توسعه وب کسب خواهند کرد.

🎓 شما می‌توانید چند درس اول این برنامه درسی را به عنوان مسیر یادگیری در Microsoft Learn بگذرانید!

با اطمینان از اینکه محتوا با پروژه‌ها هماهنگ است، فرآیند برای دانش‌آموزان جذاب‌تر می‌شود و حفظ مفاهیم تقویت خواهد شد. همچنین، ما چند درس مقدماتی در اصول جاوااسکریپت نوشتیم تا مفاهیم را معرفی کنیم، همراه با ویدئویی از مجموعه "سری مبتدیان: جاوااسکریپت" از مجموعه آموزش‌های ویدئویی، که برخی از نویسندگان آن در این برنامه درسی مشارکت داشتند.

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

در حالی که ما عمداً از معرفی فریم‌ورک‌های جاوااسکریپت اجتناب کردیم تا بر مهارت‌های پایه‌ای مورد نیاز به عنوان یک توسعه‌دهنده وب قبل از پذیرش یک فریم‌ورک تمرکز کنیم، یک گام بعدی خوب پس از تکمیل این برنامه درسی یادگیری درباره Node.js از طریق مجموعه دیگری از ویدئوها خواهد بود: "سری مبتدیان: Node.js".

به قوانین رفتاری و راهنمای مشارکت ما مراجعه کنید. ما از بازخورد سازنده شما استقبال می‌کنیم!

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

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

📘 PDF

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

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

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

مجوز

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

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

35 KiB Raw Permalink Blame History Unescape Escape