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