الانتقال إلى المحتوى

دليل الدورات

تطبيقات React

بناء واجهات ذات حالة تدعم إمكانية الوصول باستخدام React وTypeScript فعليين.

كتابة JSX وTSX فعليين وتشغيلهما باستخدام إصدار ثابت من React 19 في بيئة Koda المعزولة (sandbox) دون اتصال. بناء مكونات ذات أنواع محددة، والجمع بين الخصائص وchildren، وإدارة الحالة والنماذج المتحكم بها، وفهم التأثيرات والبيانات القديمة، والتوجيه بسجل المتصفح، والتحقق من السلوك بفحوص DOM. تتوّج المشاريع الثلاثة القابلة للتشغيل بعميل لوحة مهام يدعم إمكانية الوصول، مع قواعد تراعي الملكية ووضع مستقل لملف الأعمال.

المنهج

  1. القسم 1

    المكونات والخصائص

    وصف الواجهة بمكونات ذات أنواع محددة، وتركيب المكونات، ومفاتيح ثابتة، وعناصر دلالية تدعم إمكانية الوصول.

    1. أول مكوّن حقيقي
    2. وصف الواجهة باستخدام JSX
    3. أنواع الخصائص عقود
    4. تركيب المكونات باستخدام children
    5. القوائم والمفاتيح والدلالات
  2. القسم 2

    الحالة والأحداث والنماذج

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

    1. الحالة لقطة ثابتة
    2. الأحداث تعبّر عن القصد
    3. النماذج المتحكم بها
    4. اشتقاق القيم دون تكرارها
  3. القسم 3

    التأثيرات والبيانات والتعافي

    مزامنة الأنظمة الخارجية وإظهار جميع حالات البيانات ومنع النتائج القديمة من الحلول محل الجديدة.

    1. مزامنة ما خارج React بالتأثيرات
    2. التبعيات والتنظيف
    3. لكل حالة بيانات واجهة
    4. إيقاف الاستجابات القديمة
    5. التعافي من أخطاء العرض
  4. القسم 4

    التوجيه والاختبار والتسليم

    بناء تخطيطات قابلة للتنقل، واختبار السلوك الظاهر، واتخاذ قرارات مدروسة بشأن الحزمة.

    1. التوجيه بسجل المتصفح
    2. التخطيطات المشتركة والصفحات المفقودة
    3. اختبار السلوك الظاهر
    4. قرارات الحزم والتسليم
    5. حدود الخادم والعميل والبث
    6. Actions والواجهة المتفائلة

مسارات التعلّم

فكرتك على أرض الواقع. البداية في 60 ثانية.

تجربة مجانية لمدة 7 أيام في كل خطة للأعضاء الجدد لأول مرة · الإلغاء في أي وقت

البدء

العودة إلى الدورات