جاري التحميل...
جاري التحميل...
ما هو TypeScript ولماذا نستخدمه؟
TypeScript هو لغة برمجة مبنية فوق JavaScript، طورها Microsoft في عام 2012. هو ببساطة JavaScript + نظام الأنواع.
💡 تشبيه بسيط:
JavaScript مثل سيارة بدون لوحة معلومات — تسير لكنك لا تعرف سرعتك أو مستوى الوقود. TypeScript يضيف لوحة المعلومات! يخبرك أين المشكلة قبل أن ينهار.
مهم: لا يعمل TypeScript مباشرة في المتصفح أو Node.js. يتم تجميعه إلى JavaScript عادي عبر tsc (مترجم TypeScript). المخرج النهائي هو JavaScript خالص — لا قيود وقت التشغيل!
TypeScript هو مجموعة فرعية من JavaScript — كل ملف JavaScript صالح هو أيضاً ملف TypeScript صالح. الفرق الرئيسي هو أن TypeScript يضيف تعليقات نوع اختيارية.
💡 الفرق الرئيسي:
TypeScript = JavaScript + أنواع. يمكنك تبني TypeScript تدريجياً في مشاريع JavaScript الحالية.
لنكتب أول كود TypeScript لك. ابدأ بإعلان متغير بسيط مع تعليق نوع.
let message: string = 'Hello TypeScript';
let count: number = 42;
let isActive: boolean = true;ما هو TypeScript؟
كيف يعمل TypeScript في المتصفح؟
ما هي الفائدة الرئيسية لـ TypeScript؟
ثبّت TypeScript، أنشئ tsconfig.json، اكتب ملف .ts بسيطاً بمتغيرات بأنواع مختلفة، وقم بتجميعه إلى JavaScript.
الحل:
function greet(name: string, age: number): string {
return `مرحباً ${name}، عمرك ${age} سنة`;
}
// ✅ استخدام صحيح:
console.log(greet("أحمد", 25));
// "مرحباً أحمد، عمرك 25 سنة"
// ❌ أخطاء نوعية:
// greet(123, "أحمد"); // ❌ name يجب أن يكون string
// greet("أحمد", "25"); // ❌ age يجب أن يكون number
// greet("أحمد"); // ❌ missing parameter ageالمفاهيم الأساسية:
الأوامر الأساسية:
ما هو TypeScript؟
الإجابة:
لغة برمجة تُضيف typing إلى JavaScript وتتحول إلى JavaScript عادي.
لماذا نستخدم TypeScript؟
الإجابة:
يكتشف الأخطاء مبكراً، يحسن IDE support، وي Documentation أفضل.
ابدأ بـ strict mode
أضف strict: true في tsconfig.json للحصول على أفضل حماية