TypeScript من الصفر في 2025: دليل شامل للمبتدئين

مقدمة في TypeScript: لماذا هو مهم في عام 2025

في عام 2025، أصبح TypeScript ليس مجرد أداة عصرية، بل معيارًا إلزاميًا لتطوير الويب الاحترافي. إذا كنت تبدأ للتو رحلتك في البرمجة أو ترغب في الانتقال من JavaScript إلى لغة أكثر صرامة وقابلية للتنبؤ، فإن TypeScript هو الخيار الأمثل. فهو يضيف كتابة ثابتة (Static Typing) إلى الكود الخاص بك، مما يساعد في اكتشاف الأخطاء في مرحلة الكتابة، وليس أثناء التنفيذ.

في هذه المقالة، سنشرح من أين تبدأ دراسة TypeScript في عام 2025. ستتعلم كيفية إعداد البيئة، وكتابة أول كود، واستيعاب المفاهيم الأساسية. المقالة موجهة للمبتدئين تمامًا، لذا لا توجد مصطلحات معقدة - فقط الممارسة والشروحات الواضحة.

ما هو TypeScript وما فائدته؟

TypeScript هو امتداد (Superset) لـ JavaScript، تم تطويره بواسطة Microsoft. يتم تجميعه (ترجمته) إلى JavaScript عادي، والذي يعمل في أي متصفح أو على Node.js. الميزة الرئيسية هي الكتابة الثابتة (Strict Typing). أنت تحدد نوع البيانات التي يجب أن تكون: أرقام، نصوص، كائنات، إلخ.

مزايا TypeScript في عام 2025:

\n
• أخطاء أقل - يتم اكتشاف أخطاء الأنواع في مرحلة التجميع؛
\n
• قراءة محسّنة - يصبح الكود موثقًا ذاتيًا؛
\n
• دعم المعايير الحديثة - يمكنك استخدام أحدث إمكانيات ES2025+؛
\n
• التكامل مع الأطر (Frameworks) - React، Angular، Vue و Next.js تعمل بشكل ممتاز مع TypeScript؛
\n
• الشعبية - أظهرت أكثر من 70% من استطلاعات المطورين في 2024-2025 أن TypeScript يُستخدم في المشاريع التجارية.
\n

تثبيت وإعداد TypeScript في عام 2025

بدء العمل مع TypeScript سهل جدًا. ستحتاج إلى Node.js (الإصدار 18 أو أعلى) وأي محرر نصوص، مثل VS Code.

الخطوة 1: تثبيت Node.js

قم بتنزيل الإصدار LTS من الموقع الرسمي nodejs.org. بعد التثبيت، تحقق من الإصدار في الطرفية (Terminal):

node --version\nnpm --version

الخطوة 2: تثبيت TypeScript بشكل عام (Globally)

افتح الطرفية ونفذ الأمر:

npm install -g typescript

تحقق من التثبيت:

tsc --version

الخطوة 3: إنشاء أول مشروع

أنشئ مجلدًا للمشروع وقم بتهيئته:

mkdir my-first-ts\ncd my-first-ts\nnpm init -y

الآن، أنشئ ملفًا باسم index.ts واكتب أول كود:

let message: string = "مرحبًا، TypeScript!";\nconsole.log(message);

الخطوة 4: التجميع والتشغيل

قم بتجميع TypeScript إلى JavaScript:

tsc index.ts

سيظهر ملف index.js. قم بتشغيله:

node index.js

تم! لقد كتبت ونفذت أول برنامج لك بلغة TypeScript.

أساسيات TypeScript: الأنواع، الواجهات والدوال

الآن بعد إعداد البيئة، سنشرح المفاهيم الأساسية التي ستفيد كل مبتدئ.

1. الأنواع الأساسية

يقدم TypeScript عدة أنواع بدائية:

let isDone: boolean = false;\nlet age: number = 25;\nlet userName: string = "إيفان";\nlet items: number[] = [1, 2, 3];\nlet tuple: [string, number] = ["id", 123];

2. الواجهات (Interfaces)

تصف الواجهات هيكل الكائن. وهي واحدة من أقوى أدوات TypeScript:

interface User {\n    id: number;\n    name: string;\n    email?: string; // حقل اختياري\n}\n\nconst user: User = {\n    id: 1,\n    name: "آنا"\n};

3. أنواع الدوال

يمكن أيضًا كتابة الدوال بأنواع:

function add(a: number, b: number): number {\n    return a + b;\n}\n\nconst result = add(5, 10); // 15

4. أنواع الاتحاد (Union Types)

تسمح للمتغير بأن