TypeScript من الصفر في 2025: دليل عملي

مقدمة: لماذا نتعلم TypeScript في عام 2025؟

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

في هذه المقالة، سنستعرض الجوانب العملية: كيفية إعداد البيئة، وإتقان الأنواع الأساسية، والتعرف على الواجهات والأدوية (Generics). سترى أن TypeScript لا يعقد التطوير، بل على العكس — يوفر ساعات من التصحيح.

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

الخطوة الأولى — تثبيت مترجم TypeScript. في عام 2025، الطريقة الأكثر ملاءمة هي استخدام Node.js ومدير الحزم npm (أو yarn). تأكد من تثبيت Node.js الإصدار 20+.

# تثبيت TypeScript بشكل عامnpm install -g typescript

# التحقق من الإصدارtsc --version

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

mkdir my-first-tscd my-first-tsnpm init -y

بعد ذلك، سننشئ ملف الإعدادات tsconfig.json. هذا هو قلب أي مشروع TypeScript، حيث تحدد إعدادات الترجمة.

tsc --init

بعد تنفيذ الأمر، سيظهر ملف يحتوي على العديد من الخيارات. في البداية، يكفي ترك الإعدادات الافتراضية. الشيء المهم — تأكد من تفعيل المعامل strict: true (وهو مفعل افتراضيًا). هذا سيجبرك على كتابة كود بجودة أعلى.

هيكل المشروع في عام 2025 غالبًا ما يتضمن مجلدات src (الملفات المصدرية) و dist (الملفات المترجمة). قم بإنشائها:

mkdir src dist

وأضف إلى tsconfig.json:

{  "compilerOptions": {    "outDir": "./dist",    "rootDir": "./src",    "strict": true,    "target": "ES2022",    "module": "ESNext"  },  "include": ["src/**/*"]}

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

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

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

قم بترجمته باستخدام الأمر tsc. في مجلد dist سيظهر index.js. قم بتشغيله عبر Node.js: node dist/index.js. سترى رسالة الترحيب. تهانينا، لقد كتبت أول برنامج لك بلغة TypeScript!

2. أساسيات الأنواع: الكتابة الثابتة عمليًا

الميزة الرئيسية لـ TypeScript هي نظام الأنواع. في عام 2025، أصبح أكثر مرونة. دعنا نستعرض الأنواع الأساسية التي ستستخدمها يوميًا.

الأنواع البدائية

تشمل string و number و boolean و null و undefined و symbol و bigint. يقوم TypeScript تلقائيًا باستنتاج النوع إذا كان واضحًا:

let age: number = 25;        // تحديد صريحlet name = "ماريا";          // TypeScript سيستنتج stringlet isActive = true;         // سيستنتج boolean

المصفوفات والتوابل (Tuples)

المصفوفات في TypeScript يمكن أن تكون من نوع واحد أو من أنواع مختلفة (توابل).

// مصفوفة أرقامlet scores: number[] = [10, 20, 30];

// كتابة بديلةlet scores2: Array<number> = [10, 20, 30];

// تابل (طول وأنواع ثابتة)let person: [string, number] = ["إيفان", 30];

النوع any و unknown

تجنب any — فهو يعطل التحقق من الأنواع. بدلاً منه، استخدم unknown إذا كان النوع غير معروف:

                
                

                    

                        المدونات                    
                    

                                                    
                                

                                    

                                        
                                    
                                    
برمجة الشبكات بلغة C++: من المقابس إلى البرمجة غير المتزامنة
                                
                            
                                            
                

                
                

                    

                        توصيات الكتب                    
                    

                                                    
                                

                                    

                                        
                                    
                                    
الشبكات العصبية الالتفافية
                                
                            
                                                    
                                

                                    

                                        
                                    
                                    
اختبار تطبيقات Java: من اختبارات الوحدة إلى الفحوصات التكاملية
                                
                            
                                                    
                                

                                    

                                        
                                    
                                    
تطوير الويب باستخدام Kotlin: من الأساسيات إلى النشر
                                
                            
                                                    
                                

                                    

                                        
                                    
                                    
C++ Without Fear: بلا خوف
                                
                            
                                            
                
            
    

  
اقرأ أيضًا
  

                
                  
                 المصادقة الآمنة في C++: كيفية عدم تسريب كلمات المرور
      
                
                  
                 Android 9 HTTP و HTTPS: كيفية تكوين جميع الشبكات في 2025
      
                
                  
                 عميل HTTP بلغة Java: إجراء الطلبات بشكل صحيح من الألف إلى الياء
      
                
                  
                 C++ للتعلم الآلي: الإمكانيات والقيود للمبتدئين
      
                
                  
                 أفضل 10 أطر عمل Kotlin لتطوير الويب: المستوى المتقدم