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