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