شرح المفهوم
"إعداد TypeScript وسير عمل التحويل البرمجي: سيناريو التصحيح" يعلم المفهوم من خلال مهمة تصحيح أخطاء عملية مرتبطة بسير عمل برمجي واقعي. ستحل مشكلة جديدة، وتقارن إصلاحات بديلة، وتوثق المفاضلات التي تلاحظها على طول الطريق. يركز الدرس على مهارة TypeScript للمبتدئين: سيناريو التصحيح في إعداد TypeScript وسير عمل التحويل البرمجي، مع تعزيز JavaScript قوية النوعية وسلامة وقت التحويل البرمجي. ستمارس أيضًا تحسين الكود بعقود أنواع دقيقة وحدود إعادة هيكلة آمنة لتبقى الإصلاحات موثوقة. Lesson fingerprint: typescript:TypeScript Beginner:TypeScript setup and compile workflow:beginner-typescript-setup-and-compile-workflow-3:3.
أين تضع الكود
- عرّف متغيرات اللون والموضع في الأعلى.
- أنشئ منطق رسم الأشكال أو وضعها في المنتصف.
- اعرض المخرجات (طباعة، لوحة، SVG، أو كتلة منسقة) في النهاية.
مرجع الأوامر
- حدد أين يظهر نمط التصحيح هذا في عمل TypeScript الواقعي.
- شغل الحل الأولي، ثم تحقق من نتيجة متوقعة واحدة ونتيجة حدية واحدة.
- اربط الكود في هذا الدرس بمهارة سيناريو التصحيح الأساسية.
- عدّل التنفيذ الأساسي وقارن المخرجات.
دليل خطوة بخطوة
- اختتم بقائمة تحقق قصيرة للدقة والوضوح.
- أعد هيكلة الكود بحيث تظل عقود الأنواع دقيقة وسهلة الصيانة.
- تحقق من السلوك بحالة طبيعية واحدة وحالة حدية واحدة.
- طبق تغييرًا واحدًا مركزًا على التنفيذ الأساسي وقارن النتيجة.
- قارن بين تطبيقين وبرر اختيارك النهائي.
تمارين تطبيقية
- أنشئ تقرير إخراج صغير يثبت صحة الحل.
- وسع الحل ليتناسب مع حالة سير عمل TypeScript واقعية.
- أضف سيناريو إضافيًا يبرز حالة حدية.
تحديات برمجية
- أضف استراتيجية للتعامل مع المدخلات غير الصالحة أو المفقودة.
- وسع الحل لمجموعة مدخلات أكبر وراجع السلوك.
مهام تمرين صغيرة
- أضف شرط حماية واحد لمنع فشل معروف.
- اكتب ملخصًا من سطر واحد لما يحله الكود.
- أنشئ نسخة مدمجة من الحل لوحدة الدرس 3.
خطأ شائع
Mixing x and y axes or using wrong coordinate origin causes shapes to appear in unexpected places.
تحدٍ مصغّر من الواقع
Draw one square, one triangle, and one circle, then move X marker 2 steps right and 1 step down.