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