TypeScript

1. 1

   مرحباً يا TypeScript

   هذا برنامج JavaScript صغير ومعطوب تماماً، ومع ذلك ستشغّله JavaScript براحة بال:

   What TypeScript isTsc compile stepRunning a .ts fileThe play button
   20 دقيقة
2. 2

   أساسيات الأنواع (Type)

   تستطيع الآن تشغيل ملف .ts. لنتعرّف إذًا على لبنات البناء الأولى: الأنواع الأولية التي يأتي بها TypeScript، ومعها المخرجان (any وunknown) اللذان ستقرأ...

   Primitive typesStringNumberBooleanNullUndefined+3
   25 دقيقة
3. 3

   المصفوفات والـ Tuples

   القيمة الواحدة نادراً ما تكفي. عندك قائمة درجات حرارة، وقائمة أسماء، وقائمة أسعار. وما إن تصير عندك قائمة حتى يفتح صنف جديد من الأخطاء بابه: القائمة...

   Array typesReadonly arraysTuple typesFixed-length tuplesNamed tuple elements
   25 دقيقة
4. 4

   أنواع الكائنات (Type) والـ Interfaces

   الأنواع البدائية والمصفوفات تقطع بك شوطاً طويلاً، لكن لأغلب البيانات الحقيقية شكلاً: للمستخدم اسم وعمر، وللطلب طريقة ومسار، وللنتيجة حالة ومتن. وتتيح...

   Object literal typesInterface keywordRequired vs optional propertiesStructural typingExcess property checks
   25 دقيقة
5. 5

   الدوال

   الدوالّ هي المكان الذي تسكنه أكثر الأخطاء البرمجية، وهي المكان الذي تؤتي فيه الأنواع أكبر ثمرة. وتوقيع الدالّة (أي بارامتراتها ونوع القيمة التي...

   Parameter typesReturn typesVoid returnDefault parametersRest parametersFunction type expressions+1
   25 دقيقة
6. 6

   Union و Literal Types

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

   Union typesString literal typesNumeric literal typesLiteral narrowing with as constUnion of object shapes
   25 دقيقة
7. 7

   تضييق الأنواع (Type Narrowing)

   النوع الاتحادي (union) يقول: «هذه القيمة واحدة من عدة أنواع». والتضييق هو العملية التي يعرف بها المترجِم أيها بالضبط، اعتمادًا على الفحوص التي تكتبها...

   Typeof narrowingTruthiness narrowingEquality narrowingIn operator narrowingInstanceof narrowingDiscriminated unions+1
   30 دقيقة
8. 8

   Type Aliases مقابل Interfaces

   كنت تكتب أشكال الكائنات في مكانها مباشرة، ولم تكن هناك مشكلة لأن الأشكال كانت صغيرة. وهذا الآن توقيع دالة من قاعدة كود حقيقية:

   Type aliasesInterface declarationsExtending interfacesIntersection typesDeclaration mergingWhen to pick which
   20 دقيقة
9. 9

   Optional و Readonly و Nullable

   أكثر أخطاء وقت التشغيل شيوعاً في JavaScript يبدو هكذا:

   Optional propertiesReadonly propertiesNon-null assertion operatorOptional chainingNullish coalescingStrictNullChecks
   25 دقيقة
10. 10

    Enums

    بعض القيم تأتي من قائمة قصيرة ثابتة. الطلب إمّا قيد الانتظار أو مشحون أو مُسلَّم. سطر السجل إمّا تصحيح أو معلومة أو تحذير أو خطأ. الاتجاه إمّا أعلى...

    Numeric enumsString enumsConst enumsEnums vs string literal unionsReverse mapping caveats
    20 دقيقة
11. 11

    Generics

    تحتاج دالة تأخذ مصفوفة وتعيد أول عنصر فيها. سهلة:

    Generic functionsGeneric interfacesType parametersType inference for genericsBounded generics with extendsDefault type parameters
    30 دقيقة
12. 12

    الـ Classes

    هذا حساب بنكي مكتوب ككائن عادي:

    Class declarationsConstructorsInstance propertiesAccess modifiers (public, private, protected)Readonly fieldsParameter properties+1
    25 دقيقة
13. 13

    الوراثة والـ Abstract Classes

    كتبتَ ثلاثة أصناف لنظام مدفوعات: CardPayment وBankTransfer وVoucher. الثلاثة كلها لها amount وcurrency وcreatedAt. الثلاثة كلها لها دالة describe()...

    Extends keywordSuper callsMethod overrideAbstract classesAbstract methodsImplements with interface
    25 دقيقة
14. 14

    الـ Modules

    كل ملف TypeScript وحدة برمجية (module) قائمة بذاتها. فما إن يحتوي الملف على import أو export حتى تكفّ أسماؤه في المستوى الأعلى عن كونها عامة وتصير...

    ES module syntaxNamed exportsDefault exportType-only importsRe-exportsModule resolution basics
    25 دقيقة
15. 15

    Utility Types

    يأتي TypeScript ومعه مكتبة صغيرة من الأنواع العامة تأخذ نوعاً مدخلاً وتُرجع نوعاً محوَّلاً. أسماؤها متواضعة (Partial و Pick و Omit و Record وغيرها)...

    Partial<T>Required<T>Readonly<T>Pick<T, K>Omit<T, K>Record<K, V>+2
    30 دقيقة
16. 16

    Mapped و Conditional Types

    الأنواع المساعدة التي استعملتها للتو (Partial و Pick و Record و ReturnType) كلها مبنية من ميزتين في اللغة: الأنواع المُعيَّنة (mapped types) لتحويل...

    Keyof operatorMapped types syntaxKey remapping with asConditional typesInfer keywordDistributive conditional types
    30 دقيقة
17. 17

    ملفات التصريح (Declaration Files) والمكتبات

    تثبّت مكتبة، وتستوردها، فإذا بمحررك يعرض لك الإكمال التلقائي وتلميحات المعاملات وبنية كل قيمة مُعادة بدقة. ثم تثبّت مكتبة أخرى، وتستوردها بالطريقة...

    .d.ts filesDefinitelyTyped (@types packages)Ambient declarationsDeclare moduleTypeRoots and types option
    25 دقيقة
18. 18

    tsconfig والمترجم (Compiler)

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

    Tsconfig.jsonStrict modeTarget and libModule and moduleResolutionOutDir and rootDirIncremental and watch+1
    30 دقيقة

كل درس واختبار ورد من المدرس يظهر بلغتك. المدرس الذكي يرد بنفس اللغة التي تكتب بها.

See how hiring teams interview engineers on TypeScript, in production-like environments.