TypeScript • المستوى الأول • الدرس 1
العودة لفهرس المسارمقدمة في TypeScript والأنواع الأساسية (Basic Types)
أهداف الدرس العلمية
- فهم الفرق بين JavaScript الديناميكية و TypeScript الصارمة المعتمدة على الأنواع.
- تعريف المتغيرات باستخدام الأنواع الأساسية:
string,number, وboolean. - فهم آلية الفحص المسبق للأنواع (Static Type Checking) لمنع أخطاء وقت التشغيل.
- كتابة واستكشاف أول كود TypeScript وتتبعه بداخل المحرر التفاعلي.
1. ما هي لغة TypeScript؟
هي لغة برمجية مكملة ومبنية فوق JavaScript وتُعد مجموعة فائقة منها (Superset of JavaScript). تضيف TypeScript نظام فحص الأنواع الساكن (Static Type System)، مما يمنحك التلميحات الذكية واكتشاف الأخطاء البرمجية مبكراً أثناء كتابة الكود بدلاً من اكتشافها بشكل فجائي بعد النشر.
typescript
// ❌ في JavaScript العادية (قد تحدث أخطاء غير متوقعة)
let age = 25;
age = "خمسة وعشرون"; // مسموح في JS لكن قد يسبب مشكلة في الحسابات لاحقاً!
// ✅ في TypeScript الصارمة
let age: number = 25;
age = "خمسة وعشرون"; // ⛔ خطأ فوري: Type 'string' is not assignable to type 'number'.2. الأنواع الأساسية المدمجة (Primitive Types)
🔤 string
لتخزين النصوص والكلمات المقطوعة بعلامات تنصيص فردية أو مزدوجة.
🔢 number
لتخزين كافة الأرقام سواء كانت صحيحة (Integers) أو عشرية (Floats).
⚡ boolean
لتخزين القيمة المنطقية الثنائية إما true أو false.
التطبيق العملي المباشر
تحدي الدرس الأول: إضافة واستخدام أنواع صريحة جديدة
قم بالتعديل على الكود بداخل المحرر أدناه لتحقيق المتطلبات التالية:
- قم بإنشاء متغير جديد باسم
userScoreبنوع رقمي صريحnumberوقيمة إسناد مثل95. - قم بإنشاء متغير نصوص صريح باسم
userCityبنوعstringوتعيين اسم مدينتك له. - اطبع قيمة المتغيرين الجديدين في الكونسول باستعمال
console.log. - اضغط على زر "تشغيل الكود" لملاحظة النتائج والتحقق من القواعد.
⏳ جارٍ تحميل المحرر التفاعلي...