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

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

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

TypeScript هي إضافة فوق JavaScript ذات كتابة صارمة، تم تطويرها بواسطة شركة Microsoft. يضيف إلى الكود كتابة ثابتة (static typing)، وواجهات (interfaces)، وأدوية (generics)، والعديد من الإمكانيات الحديثة الأخرى التي تجعل التطوير أكثر أمانًا وقابلية للتنبؤ.

لماذا تتعلم TypeScript تحديدًا في عام 2025؟

أصبح TypeScript المعيار الفعلي للمشاريع الكبيرة. عمالقة مثل Google وMicrosoft وAirbnb والعديد غيرهم يستخدمونه بنشاط في منتجاتهم. إليك عدة أسباب تجعل البدء الآن هو الوقت المناسب:

• استقرار النظام البيئي — TypeScript الإصدار 5.x هو أداة ناضجة وموثوقة تمامًا.
• الطلب المرتفع في السوق — وظائف مطوري TypeScript من بين الأعلى أجرًا.
• دعم ممتاز للأدوات — VS Code وWebStorm وESLint وPrettier تعمل مع TypeScript "خارج الصندوق".
• سهولة الدخول التدريجي — إذا كنت تعرف JavaScript، فأنت تعرف بالفعل 80% من TypeScript.

الخطوة 1: التثبيت وإعداد البيئة

للعمل مع TypeScript، ستحتاج إلى Node.js (الإصدار 18 أو أعلى). قم بتثبيته من الموقع الرسمي nodejs.org. بعد التثبيت، تحقق من الإصدار في الطرفية (terminal):

node -vnpm -v

الآن قم بتثبيت TypeScript بشكل عام (globally) عبر npm:

npm install -g typescript

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

tsc -v

يجب أن ترى رقم الإصدار، على سبيل المثال Version 5.5.0. تهانينا، بيئتك جاهزة!

الخطوة 2: أول برنامج في TypeScript

أنشئ مجلدًا للمشروع وملفًا باسم hello.ts:

mkdir my-first-tscd my-first-tstouch hello.ts

افتح الملف في المحرر واكتب:

function greet(name: string): string {    return `مرحبًا، ${name}! أهلاً بك في عالم TypeScript 2025.`;}

const userName: string = "أليكسي";console.log(greet(userName));

لاحظ تعليقات الأنواع : string — هذا هو الفرق الرئيسي عن JavaScript. الآن لنقم بتجميع الكود إلى JavaScript:

tsc hello.ts

سيظهر في المجلد ملف hello.js. قم بتشغيله:

node hello.js

سترى: مرحبًا، أليكسي! أهلاً بك في عالم TypeScript 2025.

الخطوة 3: أساسيات الكتابة — أنواع البيانات والواجهات

يقدم TypeScript نظام أنواع غني. دعنا نلقي نظرة على الأنواع الأساسية:

// الأنواع البدائيةlet isReady: boolean = true;let count: number = 42;let message: string = "TypeScript";

// المصفوفاتlet numbers: number[] = [1, 2, 3];let names: Array<string> = ["آنا", "إيفان"];

// Tuple (الصف)let pair: [string, number] = ["العمر", 30];

// Enum (التعداد)enum Direction {    North,    East,    South,    West}let dir: Direction = Direction.North;

الواجهات (Interfaces) هي أداة قوية لوصف هيكل الكائنات:

interface User {    id: number;    name: string;    email: string;    isActive?: boolean; // خاصية اختيارية}

function createUser(user: User): void {    console.log(`تم إنشاء المستخدم: ${user.name} (${user.email})`);}

const newUser: User = {    id: 1,    name: "ماريا",    email: "maria@example.com"};

createUser(newUser);