</>مدرسه زیب‌موجیاد بگیر، تمرین کن، بساز
مدرسهHTMLدرس 4
درس 4 از 8 · ۳۰ دقیقه

شرط، تکرار و حالت‌های مرزی

ساختار صفحه‌های وب را از اولین تگ تا یک صفحه کامل و دسترس‌پذیر یاد بگیر.

۰امتیاز شما
نقشه این درس

بعد از این درس چه کاری می‌توانی انجام بدهی؟

  • قانون واقعی را به شرط تبدیل کنی
  • تکرار را بدون کپی‌کاری انجام بدهی
  • حالت خالی و مرزی را آزمایش کنی
به زبان زندگی واقعی

HTML را ساده بفهم

HTML مثل اسکلت و برچسب‌های یک فروشگاه است؛ مشخص می‌کند هر بخش عنوان، توضیح، تصویر یا دکمه است.

نکته مهم برای شروع HTML

اگر شرط چند سطح تو‌در‌تو شد، guard clause یا تابع نام‌دار می‌تواند قصد را روشن‌تر کند.

چرا مهم است؟ انتخاب مسیر بر اساس یک گزاره روشن.

اولین تمرین تو: برای پروژه «صفحه معرفی یک محصول واقعی» یک قانون سه‌حالته بنویس و ورودی کمتر، برابر و بیشتر از مرز را بررسی کن.

توضیح ساده و قدم‌به‌قدم

از یک مثال کوچک شروع کن

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

1

۱. قانون را جمله کن

ورودی، مرز و خروجی هر مسیر را بنویس.

2

۲. شاخه‌ها را پیاده کن

حالت خاص را پیش از حالت عمومی قرار بده.

3

۳. جدول مرزی بساز

کمتر، برابر و بیشتر از مرز را امتحان کن.

نکته مهم

اگر شرط چند سطح تو‌در‌تو شد، guard clause یا تابع نام‌دار می‌تواند قصد را روشن‌تر کند.

مفهوم‌های اصلی

سه قطعه‌ای که باید بفهمی

شرط

انتخاب مسیر بر اساس یک گزاره روشن.

تکرار

اجرای یک الگو روی چند داده.

حالت مرزی

مقدار صفر، خالی و دقیقاً برابر مرز.

سناریوی واقعی

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

در این درس، بخشی واقعی از پروژه «صفحه معرفی یک محصول واقعی» را می‌سازیم. قبل از کد یا پرامپت، ورودی، قانون و خروجی مورد انتظار را روی کاغذ مشخص می‌کنیم.

ورودی روشنیک تغییر کوچکنتیجه قابل سنجش
بازی ساختن کد

قطعه‌ها را به ترتیب درست بچین

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

مرحله ۲ از ۳ · مرتب‌کردن کد
بانک قطعه‌هاقطعه مناسب را انتخاب کن
ترتیب پاسخ تواز بالا به پایین اجرا می‌شود

    هنوز پاسخی بررسی نشده است.

    کارگاه تعاملی

    اجرا و پیش‌نمایش

    این نمونه واقعاً داخل محیط جدا و امن مرورگر اجرا می‌شود؛ مقدار را تغییر بده و نتیجه را مستقیم ببین.

    html-decisions
    خروجیآماده
    یک بخش را تغییر بده و دکمه بررسی را بزن.
    بعد از هر تغییر، نتیجه را دوباره بررسی کن.
    تمرین هدایت‌شده

    برای پروژه «صفحه معرفی یک محصول واقعی» یک قانون سه‌حالته بنویس و ورودی کمتر، برابر و بیشتر از مرز را بررسی کن.

    دام‌های رایج

    این سه اشتباه را انجام نده

    1

    اشتباه انتساب و مقایسه

    2

    پوشش‌ندادن مقدار مرزی

    3

    شرط‌های تو‌در‌توی بدون نام

    سنجش چندمرحله‌ای

    با 5 سؤال مطمئن شو که مفهوم را گرفته‌ای

    سؤال 1 از 5

    بهترین روش استفاده از نمونه این درس چیست؟

    سؤال 2 از 5

    چرا مقدار دقیق مرز را تست می‌کنیم؟

    سؤال 3 از 5

    شرط خوب چه ویژگی‌ای دارد؟

    سؤال 4 از 5

    کدام روش نشان می‌دهد این درس را واقعاً فهمیده‌ای؟

    سؤال 5 از 5

    کدام رفتار احتمال خطا را در همین موضوع بیشتر می‌کند؟

    پایان درس 4

    فهمیدی، تغییر دادی، نتیجه را توضیح دادی؟

    فقط در این صورت درس را کامل کن و سراغ مرحله بعد برو.