تعلّم TypeScript
دورة TypeScript مجانية وتفاعلية مبنية فوق JavaScript. تكتب TS في كل درس - تعليقات الأنواع، والواجهات، والـ generics، وأنواع الاتحاد، وتضييق النوع - مع تلميحات بالذكاء الاصطناعي عندما تتعثّر وشهادة عند الانتهاء. وهي جزء من رحلة JavaScript الأوسع، لذا فإن سياق JS الذي يجعل TypeScript مفهومًا موجود هناك مباشرةً.
257,728+ من الـ codders مسجلون
- مناسب للمبتدئين
مساعدة برمجية بالذكاء الاصطناعي
دروس تفاعلية عملية
تعليق صوتي في كل درس
اختبارات لقياس معرفتك
شهادة إتمام مجانية
المنهج
هذا القسم جزء من رحلة JavaScript. المنهج الكامل يحتوي على أقسام أكثر - اضغط على أي معاينة أدناه لعرضها في صفحة الرحلة.
- قسم 1Fundamentals77 درسًا
- قسم 2Logic & Flow65 درسًا
قسم 3
Introduction To TypeScript
ابدأ القسمابدأتوسيعطيIntroduction to typescript after learned about javascriptالبداية مع TS
5 درسًا232- 01ما هي TypeScript؟اختبار
- 02لماذا نستخدم TypeScript؟اختبار
- 03أول كود TypeScript لكتحدياختبار
- 04عملية الـ Compilation والأخطاءاختبار
- 05ملخص: مقدمة في TSتحدي
الأنواع الأساسية
7 درسًا748- 01الأنواع الأساسية: str, num, booleanتحدياختبار
- 02النوع 'any': مخرج الهروبتحدياختبار
- 03النوع 'unknown'تحدياختبار
- 04التعامل مع 'null' و 'undef'تحدياختبار
- 05استنتاج الأنواع في التطبيق العمليتحدياختبار
- 06توضيحات الأنواع الصريحةتحدياختبار
- 07مراجعة: تدريب على الأنواع الأساسيةتحدي
هياكل البيانات: المصفوفات و Tuple
9 درسًا862- 01المصفوفات محددة النوع (Typed Arrays)تحدياختبار
- 02معدل 'readonly' للمصفوفاتتحدياختبار
- 03ما هو الـ Tuple؟اختبار
- 04تعريف والوصول إلى الـ Tuplesتحدياختبار
- 05تفكيك الـ Tuples (Destructuring)تحدياختبار
- 06الـ Tuples للقراءة فقط (Readonly)تحدياختبار
- 07المصفوفات محددة النوع متعددة الأبعادتحدياختبار
- 08استخدام Spread Operator مع المصفوفاتتحدياختبار
- 09ملخص: المصفوفات و Tuplesتحدي
التعامل مع الدوال
8 درسًا855- 01تحديد أنواع المعاملات وقيم الإرجاعتحدياختبار
- 02تحديد أنواع Arrow Functionsتحدياختبار
- 03نوع الإرجاع 'void'تحدياختبار
- 04المعاملات الاختيارية باستخدام '?'تحدياختبار
- 05القيم الافتراضية للمعاملاتتحدياختبار
- 06تحديد أنواع Rest Parametersتحدياختبار
- 07تعريف أنواع الدوالتحدياختبار
- 08ملخص: بناء دوال محددة الأنواعتحدي
الأنواع: الأسماء المستعارة، الاتحادات والتقاطعات
7 درسًا751- 01الأسماء المستعارة للأنواع الأساسية (Primitives)تحدياختبار
- 02أنواع الاتحاد ('|')تحدياختبار
- 03التعامل مع أنواع الاتحادتحدياختبار
- 04الأنواع الحرفية (Literal Types)تحدياختبار
- 05أنواع التقاطع ('&')تحدياختبار
- 06دمج الأسماء المستعارة للأنواعتحدياختبار
- 07ملخص: تركيبات الأنواع المتقدمةتحدي
تحديد أنواع الكائنات والواجهات
8 درسًا757- 01توصيف أنواع الكائنات المضمنة (Inline)تحدياختبار
- 02الأسماء المستعارة للأنواع (Type Aliases) للكائناتتحدياختبار
- 03مقدمة عن الواجهات (Interfaces)تحدياختبار
- 04الواجهات (Interfaces) مقابل الأسماء المستعارة للأنواع (Type Aliases)اختبار
- 05الخصائص الاختيارية وخصائص القراءة فقط (Readonly)تحدياختبار
- 06توسيع الواجهات والأنواعتحدياختبار
- 07إضافة الدوال (Methods) إلى الواجهاتتحدياختبار
- 08ملخص: تحديد هياكل الكائناتتحدي
مشروع: قائمة مهام بسيطة
مشروع6 درسًا18- 01مشروع: تعريف الـ Struct للمهمةتحدياختبار
- 02دالة لإضافة مهمةمشروع
- 03دالة لتغيير حالة المهمةمشروع
- 04دالة: عرض المهام حسب الحالةمشروع
- 05دالة: طباعة ملخص المهاممشروع
- 06تجميع كل الأجزاء معاًمشروع
Enums
6 درسًا638- 01ما هو الـ Numeric Enum؟تحدياختبار
- 02استخدام الـ Numeric Enumsتحدياختبار
- 03ما هو الـ String Enum؟تحدياختبار
- 04استخدام الـ String Enumsتحدياختبار
- 05الـ Heterogeneous Enumsتحدياختبار
- 06ملخص: استخدام الـ Enumsتحدي
Generics: نظرة أولى
6 درسًا537- 01المشكلة التي تحلها الـ Genericsاختبار
- 02إنشاء دالة Generic Identityتحدياختبار
- 03استخدام دالة Genericتحدياختبار
- 04مصفوفات الـ Genericتحدياختبار
- 05واجهات الـ Genericتحدياختبار
- 06ملخص: تدريب على الدوال العامةتحدي
مشروع: إدارة المخزون
مشروع5 درسًا18- 01مشروع: عنصر مخزون عامتحدياختبار
- 02دالة: إضافة عناصر إلى المخزونمشروع
- 03دالة للبحث عن عنصر بواسطة IDمشروع
- 04إنشاء نوع مخزون محددمشروع
- 05دالة للحصول على تفاصيل العنصرمشروع
مواضيع متقدمة
6 درسًا642- 01تأكيدات النوعتحدياختبار
- 02حراس النوع: in و instanceofتحدياختبار
- 03النوع 'never'تحدياختبار
- 04الأنواع القابلة للقيمة Null ('strictNull')تحدياختبار
- 05تواقيع الفهرسة للكائناتتحدياختبار
- 06ملخص: ضبط الأنواع بدقةتحدي
- قسم 4Object Oriented Programming56 درسًا
لماذا تتعلّم TypeScript مع Coddy
- اكتب TypeScript في متصفحك. لا حاجة لتثبيت
tsc، ولا إعداد محرّر، ولا ملفtsconfig.jsonللتعامل معه. يجلس المحرّر والمخرجات جنبًا إلى جنب لترى ما يفعله كل نوع فورًا. - TypeScript الحديثة: تعليقات الأنواع، والواجهات، والـ generics، وأنواع الاتحاد والتقاطع، وتضييق النوع، والأنواع المساعدة، وكيف تُضيف TS طبقتها فوق JavaScript العادية دون تغيير ما يُنفَّذ وقت التشغيل.
- تساعدك تلميحات الذكاء الاصطناعي على قراءة أخطاء TypeScript - تلك المعروفة بطولها - دون أن تُفسد عليك الحلّ، لتبني النموذج الذهني الذي يجعل كتابة كود TS مستقبلًا أسهل.
- شهادة TypeScript مجانية عند إنهائك القسم. مؤشّر موثوق على قدرتك على قراءة وكتابة TS اصطلاحية، لا مجرّد JavaScript مرشوشة بالأنواع.
أسئلة شائعة حول تعلّم TypeScript
ما هو TypeScript؟
TypeScript مجموعة فائقة (superset) من JavaScript تُضيف كتابة أنواع ساكنة اختيارية. كل JavaScript صحيحة هي TypeScript صحيحة، لكن TS تتيح لك إضافة تعليقات الأنواع للمتغيرات ومعاملات الدوال والقيم المُعادة - ثم يلتقط المُترجِم الأخطاء قبل تشغيل كودك. ووقت التشغيل، تُترجَم TypeScript إلى JavaScript عادية.
هل تعلّم TypeScript صعب؟
إن كنت متمكّنًا من JavaScript، فإن أساسيات TypeScript سريعة الاستيعاب - تُضيف
: string أو : number إلى بضعة متغيرات وتكون قد بدأت كتابة TS بالفعل. أما الأجزاء الأصعب (الـ generics، والأنواع الشرطية، والأنواع المُسقَطة، وتضييق النوع) فتستغرق وقتًا أطول، وتقدّمها هذه الدورة عبر خطوات صغيرة مع أمثلة عملية.هل أحتاج إلى معرفة JavaScript قبل TypeScript؟
نعم. TypeScript هي JavaScript مع أنواع فوقها، لذا فإن اللغة التي تتعلّمها فعليًا هي JS. وهذا هو سبب كون قسم TypeScript جزءًا من رحلة JavaScript - يمكنك أخذ أقسام JS أولًا، أو القفز مباشرةً إلى TS إن كنت متمكّنًا بالفعل من JavaScript الحديثة.
ما الفرق بين TypeScript وJavaScript؟
JavaScript مكتوبة الأنواع ديناميكيًا - يمكن للمتغير أن يحمل نصًا اليوم ورقمًا غدًا، ولا تكتشف ذلك إلا وقت التشغيل. تُضيف TypeScript طبقة أنواع ساكنة تعمل وقت البناء، فتلتقط عدم تطابق الأنواع قبل شحن الكود. ويظلّ المخرَج المُترجَم JavaScript عادية، فيعمل في كل مكان تعمل فيه JS.
هل يمكنني تعلّم TypeScript عبر الإنترنت مجانًا؟
نعم. قسم TypeScript التفاعلي مجاني - دروس كاملة، وتمارين برمجية، واختبارات، وشهادة. يعمل المحرّر في متصفحك ومُترجِم TS مدمج فيه، لذا لا حاجة لتثبيت
tsc أو Node أو أي أدوات للبدء بكتابة TypeScript.هل أحصل على شهادة بعد دورة TypeScript؟
نعم. إنهاؤك قسم TypeScript يمنحك شهادة إتمام مجانية يمكنك مشاركتها على LinkedIn أو إدراجها في سيرتك الذاتية. مؤشّر قابل للتحقّق على أنك أنجزت مادة TypeScript منظَّمة وعملية، لا مجرّد مشاهدة دروس تعليمية.