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