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

مقدمة إلى TypeScript: من أين تبدأ في عام 2025

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

في هذه المقالة، سنشرح من أين تبدأ تعلم TypeScript في عام 2025: سنقوم بإعداد البيئة، ونكتب أول كود، ونتعرف على الأنواع الأساسية والواجهات. ستتعرف على سبب اختيار الشركات الكبرى (Google, Microsoft, Airbnb) لـ TypeScript وكيف يمكنه تبسيط حياتك كمطور.

لماذا TypeScript مهم في عام 2025؟

TypeScript هي لغة مكتوبة بشكل صارم (strictly typed) يتم تجميعها إلى JavaScript نقي. ميزتها الرئيسية هي static typing، التي تتيح:

• اكتشاف الأخطاء في مرحلة التجميع، وليس أثناء تنفيذ الكود في المتصفح.
• تحسين قابلية قراءة الكود: تعمل الأنواع كتوثيق.
• تبسيط إعادة الهيكلة (refactoring): IDE (مثل VS Code) يرشدك إلى جميع الأماكن التي تحتاج إلى تغيير الكود.
• زيادة الموثوقية في المشاريع الكبيرة والتطوير الجماعي.

وفقًا لاستطلاعات Stack Overflow 2024-2025، يدخل TypeScript ضمن أفضل 5 لغات محبوبة وذات رواتب عالية. إذا كنت تخطط لمهنة كمطور frontend أو backend (خاصة مع Node.js)، فإن معرفة TypeScript هي نقطة إلزامية في السيرة الذاتية.

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

بدء العمل مع TypeScript سهل جدًا. ستحتاج إلى Node.js (الإصدار 18 أو أعلى) وأي محرر كود (نوصي بـ Visual Studio Code مع الإضافة الرسمية لـ TypeScript).

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

افتح الطرفية (Terminal) ونفّذ الأمر:

npm install -g typescript

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

tsc --version

يجب أن ترى إصدار TypeScript (على سبيل المثال، 5.5.0).

الخطوة 2: إنشاء أول ملف TypeScript

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

const greeting: string = "مرحبًا، TypeScript!";const year: number = 2025;

function logMessage(message: string, year: number): void {    console.log(`${message} — العام ${year}.`);}

logMessage(greeting, year);

الخطوة 3: التجميع إلى JavaScript

قم بتشغيل المترجم (compiler):

tsc index.ts

بعد ذلك، سيظهر في المجلد ملف index.js يحتوي على كود JavaScript نقي، جاهز للتشغيل في المتصفح أو Node.js.

نصيحة: للمشاريع الحقيقية، استخدم tsconfig.json — ملف إعدادات يحدد معلمات التجميع. يمكن إنشاؤه بالأمر:

tsc --init

أساسيات الأنواع في TypeScript

القوة الرئيسية لـ TypeScript هي نظام الأنواع. دعنا نستعرض الأنواع الأساسية التي ستستخدمها يوميًا.

1. الأنواع البدائية (Primitive Types)

يدعم TypeScript جميع الأنواع البدائية في JavaScript، ولكنه يضيف إليها تعليقات توضيحية (annotations):

let name: string = "آنا";let age: number = 30;let isStudent: boolean = false;let notDefined: undefined = undefined;let empty: null = null;

2. المصفوفات (Arrays) والتوبلات (Tuples)

يمكن تعريف المصفوفات بطريقتين:

let fruits: string[] = ["تفاح", "موز", "برتقال"];let numbers: Array<number> = [1, 2, 3];

التوبلات (tuples) هي مصفوفات ذات طول ثابت وأنواع معروفة:

let user: [string, number] = ["آنا", 30];