شرح المفهوم
"إعداد TypeScript وسير عمل الترجمة البرمجية: استراتيجية إعادة الهيكلة" تساعدك على تحسين الكود الموجود من خلال سير عمل TypeScript عملي. ستراجع وتعدّل وتنقّح حلاً صغيراً أثناء العمل مع JavaScript قوي النوعية وأمان وقت الترجمة. يركز الدرس على مهارة TypeScript للمبتدئين: استراتيجية إعادة الهيكلة في إعداد TypeScript وسير عمل الترجمة البرمجية. على طول الطريق، ستتدرب على الحفاظ على عقود الأنواع دقيقة، وإجراء التغييرات بأمان، وشرح المفاضلات وراء قراراتك. بصمة الدرس: typescript:TypeScript Beginner:TypeScript setup and compile workflow:beginner-typescript-setup-and-compile-workflow-4:4.
أين تضع الكود
- عرّف متغيرات اللون والموضع في الأعلى.
- أنشئ منطق رسم الأشكال أو وضعها في المنتصف.
- اعرض المخرجات (طباعة، canvas، SVG، أو كتلة منسقة) في النهاية.
مرجع الأوامر
- أعد هيكلة الحل مرة واحدة مع مراعاة عقود الأنواع الواضحة وحدود التغيير الآمنة.
- أنشئ مجموعة مدخلات صغيرة لاختبار وحدة الدرس 4.
- حدد أين يظهر هذا النمط في عمل التطوير الحقيقي.
- استخدم نقطة تحقق سريعة لتأكيد السلوك المتوقع.
دليل خطوة بخطوة
- أعد هيكلة الكود لتحسين قابليته للقراءة مع الحفاظ على الأنواع واضحة وآمنة للتحديث.
- قم بإجراء تغيير واحد مركز على التنفيذ الأساسي وقارن المخرجات.
- لخص المهارة المستهدفة في جملة واحدة واضحة.
- اختبر حالة طبيعية واحدة وحالة حدية واحدة لتأكيد السلوك.
- اختتم بقائمة تحقق قصيرة للدقة والوضوح.
تمارين تطبيقية
- أعد كتابة المنطق بأسلوب أنظف دون تغيير النتيجة.
- أضف تحققاً بسيطاً واشرح ثلاثة خيارات تصميمية.
- وسّع الحل ليتناسب مع سيناريو سير عمل TypeScript واقعي.
تحديات برمجية
- وسّع نطاق الحل للتعامل مع مجموعة أكبر من المدخلات وراجع كيف يتصرف.
- نفّذ نهجين مختلفين وقارن بين قابليتهما للصيانة والتعقيد.
مهام تمرين صغيرة
- أعد تسمية المتغيرات أو الدوال لجعل غرضها أوضح.
- قم بإجراء اختبار سريع واحد أو استخدم قائمة تحقق يدوية قصيرة.
- أضف تحسيناً واحداً ذا معنى وتحقق من النتيجة مرة أخرى.
خطأ شائع
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.