🚀 رحلتك تبدأ هنا: ما هي لغة TypeScript؟

إذا كنت قد سمعت عن هذه اللغة من قبل أو كنت مبرمج JavaScript وتريد نقل مهاراتك إلى المستوى التالي، فأنت في المكان الصحيح. 🌟

ببساطة، TypeScript هي لغة برمجة مفتوحة المصدر طورتها شركة مايكروسوفت. لكن، لكي نفهمها بشكل صحيح، يجب أن نعرف علاقتها بـ JavaScript.

تخيل أن JavaScript هي سيارة سريعة جداً ولكنها لا تملك "كتيب تعليمات" أو "نظام تحذير" يخبرك إذا كنت تسير في الطريق الخطأ. هنا يأتي دور TypeScript؛ فهي ليست لغة منفصلة تماماً، بل هي "SuperSet" من JavaScript.

ماذا يعني SuperSet؟ 🧐 يعني أن TypeScript تشمل كل شيء موجود في JavaScript وتضيف عليه ميزات إضافية قوية جداً، أهمها "نظام الأنواع" (Type System).

🛠️ لماذا نحتاج TypeScript؟ (المشكلة والحل)

قد تتساءل: "لماذا أتعلم لغة جديدة بينما يمكنني استخدام JavaScript؟" 🤔

في JavaScript، يمكنك تغيير نوع المتغير في أي وقت، وهذا يؤدي أحياناً إلى أخطاء كارثية تظهر فقط عندما يقوم المستخدم بتشغيل البرنامج (Runtime Errors).

لنأخذ مثالاً بسيطاً: تخيل أنك كتبت دالة لجمع رقمين، ولكن بالخطأ قام شخص ما بتمرير "نص" بدلاً من "رقم". في JavaScript، قد لا يخبرك المتصفح بوجود خطأ، بل سيقوم بدمج النصوص معاً، مما يؤدي لنتيجة خاطئة تماماً! 😱

هنا تتدخل TypeScript: تقوم TypeScript بفحص الكود أثناء الكتابة (Compile-time). إذا حاولت تمرير نص إلى دالة تتوقع رقماً، سيظهر لك خطأ فوراً بلون أحمر تحت الكود، مما يجعلك تصلح الخطأ قبل أن ترسل البرنامج للمستخدم.

✨ أهم مميزات TypeScript للمبتدئين

إليك أهم النقاط التي تجعل TypeScript الخيار المفضل للمشاريع الكبيرة:

  1. اكتشاف الأخطاء مبكراً 🔍: تكتشف الأخطاء الإملائية والمنطقية أثناء الكتابة وليس بعد تشغيل البرنامج.
  2. دعم ممتاز للمحررات (Intellisense) 💻: بفضل TypeScript، يوفر لك محرر الأكواد (مثل VS Code) اقتراحات دقيقة جداً لما يجب كتابته.
  3. سهولة الصيانة 🛠️: عندما تعود لكود كتبته منذ شهر، ستعرف بالضبط ما هو نوع البيانات المتوقع في كل جزء من البرنامج.
  4. التوافق التام 🔄: أي كود JavaScript صالح هو كود TypeScript صالح أيضاً.

💻 كيف تعمل TypeScript؟ (عملية التحويل)

من المهم جداً أن تعرف أن المتصفحات (مثل Chrome أو Firefox) لا تفهم لغة TypeScript مباشرة. هي تفهم JavaScript فقط.

لذلك، تمر TypeScript بعملية تسمى Transpilation (أو التحويل):

  1. تكتب الكود بصيغة .ts (ملف TypeScript).
  2. يقوم "مترجم TypeScript" (TypeScript Compiler) بتحويل هذا الكود إلى صيغة .js (ملف JavaScript).
  3. يتم تشغيل ملف الـ JavaScript في المتصفح.

مثال بسيط جداً لشكل الكود:

في JavaScript، نكتب هكذا:

// JavaScript
let username = "Ahmed";
username = 123; // لا يوجد مشكلة هنا، لكن قد يسبب خطأ لاحقاً في البرنامج

في TypeScript، نحدد النوع:

// TypeScript
let username: string = "Ahmed"; 
// username = 123; // هنا سيظهر خطأ فوراً لأن username يجب أن يكون نصاً (string) فقط

🏁 ملخص الدرس

في هذا الدرس التمهيدي، عرفنا أن TypeScript هي تطوير للغة JavaScript تهدف إلى جعل الكود أكثر أماناً وأقل عرضة للأخطاء عن طريق إضافة "الأنواع". تعلمنا أنها تعمل كمظلة فوق JavaScript وتتحول في النهاية إلى كود JS ليعمل في المتصفح.

⏭️ ماذا سنتعلم في الدرس القادم؟

الآن بعد أن عرفنا "لماذا" نستخدم TypeScript، حان الوقت لنبدأ العمل الفعلي! في الدرس القادم، سنتعلم "كيفية إعداد بيئة العمل وتثبيت TypeScript على جهازك"، لنبدأ في كتابة أول سطر برمجى لنا. انتظرنا! 🚀