البدء باستخدام TypeScript للمبتدئين

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

ما هو TypeScript؟

TypeScript هي لغة برمجة مفتوحة المصدر طورتها شركة Microsoft. وهي تعتمد على JavaScript من خلال إضافة أنواع ثابتة، والتي يمكن أن تساعد في تحديد الأخطاء في وقت التجميع بدلاً من وقت التشغيل. وهذا يجعل من الأسهل كتابة كود موثوق به وقابل للصيانة. يجب تجميع كود TypeScript إلى JavaScript قبل أن يمكن تشغيله في متصفح أو بيئة Node.js.

لماذا تستخدم TypeScript؟

• تحسين جودة الكود واكتشاف الأخطاء في وقت مبكر باستخدام الكتابة الثابتة
• أدوات أفضل وميزات الإكمال التلقائي في بيئات التطوير المتكاملة الحديثة
• تحسين قابلية القراءة والصيانة لقواعد البيانات الكبيرة
• يدعم أحدث ميزات JavaScript والمعايير المستقبلية

كيفية تثبيت TypeScript

قبل أن تتمكن من البدء في استخدام TypeScript، تحتاج إلى تثبيته على جهازك. ستحتاج إلى تثبيت Node.js وnpm (Node Package Manager). إذا لم تكن مثبتًا لديك، فقم بتنزيلهما من موقع الويب Node.js.

1. افتح المحطة الطرفية أو موجه الأوامر.
2. قم بتشغيل الأمر التالي لتثبيت TypeScript عالميًا:

npm install -g typescript

سيقوم هذا الأمر بتثبيت TypeScript عالميًا على نظامك، مما يجعله متاحًا من أي مجلد.

إنشاء برنامج TypeScript الأول الخاص بك

بمجرد تثبيت TypeScript، يمكنك إنشاء ملف TypeScript الأول. اتبع الخطوات التالية:

1. قم بإنشاء مجلد جديد لمشروعك وانتقل إليه باستخدام المحطة الطرفية:

mkdir my-first-typescript-app
cd my-first-typescript-app

2. قم بإنشاء ملف TypeScript جديد باسم app.ts:

echo "console.log('Hello, TypeScript!');" > app.ts

يؤدي هذا إلى إنشاء ملف TypeScript بسيط يسجل "Hello, TypeScript!" في وحدة التحكم.

تجميع TypeScript إلى JavaScript

لا يمكن تنفيذ كود TypeScript مباشرةً بواسطة المتصفحات أو Node.js؛ يجب أولاً تجميعه إلى JavaScript. يمكنك تجميع ملف TypeScript الخاص بك عن طريق تشغيل الأمر التالي في المحطة الطرفية الخاصة بك:

tsc app.ts

يقوم هذا الأمر بإنشاء ملف JavaScript باسم app.js في نفس الدليل. يمكنك الآن تشغيل ملف JavaScript المجمّع باستخدام Node.js:

node app.js

يجب أن ترى Hello, TypeScript! مطبوعًا على وحدة التحكم.

فهم الأنواع الأساسية في TypeScript

يقدم TypeScript عدة أنواع أساسية تساعدك في تحديد شكل وبنية بياناتك. فيما يلي بعض الأنواع الشائعة:

• الرقم: يمثل القيم الرقمية.
• String: تمثل قيم النص.
• Boolean: يمثل القيم الصحيحة أو الخاطئة.
• Array: يمثل مجموعة من القيم من نفس النوع.
• Tuple: يمثل مصفوفة تحتوي على عدد ثابت من العناصر من أنواع مختلفة.
• Enum: يمثل مجموعة من الثوابت المسماة.
• Any: يمثل نوعًا ديناميكيًا يمكنه الاحتفاظ بأي قيمة.

مثال: استخدام الأنواع في TypeScript

دعونا نلقي نظرة على مثال بسيط يوضح استخدام أنواع مختلفة في TypeScript:

let age: number = 30;
let name: string = "John Doe";
let isStudent: boolean = true;
let hobbies: string[] = ["Reading", "Gaming", "Traveling"];
let person: [string, number] = ["Jane", 25];

enum Color {
  Red,
  Green,
  Blue,
}

let favoriteColor: Color = Color.Green;

console.log(age, name, isStudent, hobbies, person, favoriteColor);

في هذا المثال، نقوم بتعريف المتغيرات بأنواع محددة مثل number وstring وboolean وarray وtuple وenum. سيضمن مُجمِّع TypeScript تعيين الأنواع الصحيحة للمتغيرات، مما يوفر طبقة من الأمان لا توفرها JavaScript العادية.

خاتمة

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