</>مدرسه زیب‌موجیاد بگیر، تمرین کن، بساز
مدرسهTypeScriptدرس 19
درس 19 از 20 · ۴۵ دقیقه

کد را برای نفر بعدی آماده کن در TypeScript

نام‌های روشن، بخش‌های کوچک و اندازه‌گیری واقعی از بهینه‌سازی زودهنگام مهم‌ترند. ابتدا خوانایی و رفتار درست را تثبیت کن.

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

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

  • مفهوم «خوانایی» را با مثال ساده توضیح بدهی
  • نمونه این درس را مرحله‌به‌مرحله تغییر بدهی
  • یک حالت عادی و یک حالت مرزی را مقایسه کنی
  • نتیجه را بدون اصطلاح گنگ برای فرد دیگری توضیح بدهی
به زبان زندگی واقعی

TypeScript را ساده بفهم

TypeScript مثل فرم سفارش با خانه‌های مشخص است؛ پیش از ارسال می‌فهمیم هر مقدار باید چه شکلی باشد.

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

اصل مهم: در هر تمرین فقط یک مفهوم تازه را تغییر بده؛ چند تغییر هم‌زمان یادگیری و خطایابی را سخت می‌کند.

چرا مهم است؟ قصد کد بدون حدس قابل فهم است.

اولین تمرین تو: نمونه را بدون تغییر خروجی، با نام‌های روشن‌تر و دو تابع کوچک‌تر بازآرایی کن.

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

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

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

1

۱. مثال را با زبان خودت بگو

پیش از کد یا پرامپت، ورودی، کار و نتیجه را در سه جمله کوتاه بنویس.

2

۲. کوچک‌ترین نمونه را بساز

فقط یک مفهوم تازه اضافه کن تا رابطه علت و نتیجه گم نشود.

3

۳. یک حالت متفاوت را امتحان کن

مقدار عادی، مرزی یا نامعتبر را تغییر بده و تفاوت را توضیح بده.

نکته مهم

اصل مهم: در هر تمرین فقط یک مفهوم تازه را تغییر بده؛ چند تغییر هم‌زمان یادگیری و خطایابی را سخت می‌کند.

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

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

خوانایی

قصد کد بدون حدس قابل فهم است.

بازآرایی

ساختار بهتر بدون تغییر رفتار.

اندازه‌گیری

یافتن گلوگاه پیش از بهینه‌سازی.

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

صورت‌حسابی که اشتباه رشته و عدد را پیش از اجرا پیدا کند.

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

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

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

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

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

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

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

    بررسی ساختار تمرین

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

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

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

    دام‌های رایج

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

    1

    کپی نمونه بدون پیش‌بینی خروجی

    2

    افزودن چند مفهوم تازه در یک مرحله

    3

    نادیده‌گرفتن حالت خالی یا نامعتبر

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

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

    سؤال 1 از 5

    هدف اصلی این درس چیست؟

    سؤال 2 از 5

    خوانایی در این درس چه نقشی دارد؟

    سؤال 3 از 5

    بهترین ترتیب تمرین کدام است؟

    سؤال 4 از 5

    کدام حالت باید جدا آزمایش شود؟

    سؤال 5 از 5

    چه زمانی آماده درس بعدی هستی؟

    پایان درس 19

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

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