بعد از این درس چه کاری میتوانی انجام بدهی؟
- خطا را به نمونه کوچک تبدیل کنی
- انتظار و نتیجه واقعی را مقایسه کنی
- کد را برای نفر بعدی خوانا نگه داری
HTML را ساده بفهم
HTML مثل اسکلت و برچسبهای یک فروشگاه است؛ مشخص میکند هر بخش عنوان، توضیح، تصویر یا دکمه است.
چند تغییر همزمان انجام نده؛ در غیر این صورت نمیفهمی کدام تغییر علت واقعی اصلاح بوده است.
چرا مهم است؟ گامهای ثابت برای دیدن دوباره خطا.
اولین تمرین تو: یک جزء لازم نمونه را حذف کن تا بررسی شکست بخورد؛ پیام را بخوان، فقط همان بخش را اصلاح و یک سناریوی بازگشت ثبت کن.
از یک مثال کوچک شروع کن
خطایابی از حدس شروع نمیشود؛ از بازتولید شروع میشود. ورودی ثابت، گامهای مشخص و نتیجه واقعی را ثبت کن، مسئله را کوچک کن و پس از اصلاح یک آزمون بساز تا همان باگ برنگردد. برای کارایی نیز ابتدا اندازه بگیر.
۱. بازتولید ثابت
کوچکترین ورودی و گام مشاهده خطا را ثبت کن.
۲. انتظار را مقایسه کن
اولین نقطه اختلاف را پیدا کن.
۳. آزمون بازگشت بساز
اصلاح را با یک تست قابل تکرار محافظت کن.
چند تغییر همزمان انجام نده؛ در غیر این صورت نمیفهمی کدام تغییر علت واقعی اصلاح بوده است.
سه قطعهای که باید بفهمی
بازتولید
گامهای ثابت برای دیدن دوباره خطا.
آزمون
ورودی مشخص و خروجی مورد انتظار.
لاگ
اطلاعات لازم برای علتیابی، بدون داده حساس.
صفحه معرفی محصولی که کاربر و موتور جستوجو هر دو ساختارش را درست بفهمند.
در این درس، بخشی واقعی از پروژه «صفحه معرفی یک محصول واقعی» را میسازیم. قبل از کد یا پرامپت، ورودی، قانون و خروجی مورد انتظار را روی کاغذ مشخص میکنیم.
قطعهها را به ترتیب درست بچین
روی هر قطعه بزن تا وارد پاسخ شود؛ برای برگرداندن دوباره روی آن بزن. با دکمههای جابهجایی هم میتوانی بدون کشیدن و رهاکردن ترتیب را اصلاح کنی.
اجرا و پیشنمایش
این نمونه واقعاً داخل محیط جدا و امن مرورگر اجرا میشود؛ مقدار را تغییر بده و نتیجه را مستقیم ببین.
یک بخش را تغییر بده و دکمه بررسی را بزن.
راهنماییها مرحلهای هستند؛ اول خودت پیام خطا را بخوان.
یک جزء لازم نمونه را حذف کن تا بررسی شکست بخورد؛ پیام را بخوان، فقط همان بخش را اصلاح و یک سناریوی بازگشت ثبت کن.
این سه اشتباه را انجام نده
تغییر چند بخش همزمان
پنهانکردن خطا بهجای حل آن
تستکردن فقط مسیر موفق
با 5 سؤال مطمئن شو که مفهوم را گرفتهای
بهترین روش استفاده از نمونه این درس چیست؟
اولین قدم خطایابی چیست؟
چرا آزمون بازگشت مینویسیم؟
کدام روش نشان میدهد این درس را واقعاً فهمیدهای؟
کدام رفتار احتمال خطا را در همین موضوع بیشتر میکند؟
فهمیدی، تغییر دادی، نتیجه را توضیح دادی؟
فقط در این صورت درس را کامل کن و سراغ مرحله بعد برو.