متاحة مجانًا للقراءة · ثلاثة مستويات

Angular: المكوّنات التفاعلية وحدود التطبيق الموثوقة

مقرر نظري متكامل من المكوّن المستقل والإشارات إلى التوجيه والنماذج وHTTP ودورة الحياة والاختبار والمعمارية وسلامة الإصدار.

عدد الدروس: 18العربية والإنجليزيةتاريخ مراجعة المحتوى
ابدأ التعلّم

في هذه الدورة

تشرح ثمانية عشر درسًا مفصلًا Angular بحسابات محلية أصلية وأمثلة إطار سياقية وتشخيص وتمارين محلولة. يفصل المقرر فحص TypeScript وصياغة القالب وتنفيذ Angular وتفاعل المتصفح وأدلة النشر.

أساس التحقق المثبت Angular 20.3.0 وTypeScript 5.9.3 وRxJS 7.8.2 وNode.js 22.23.3. تستخدم البرامج المحلية حزمًا رسمية معزولة دون خدمات حقيقية. تُوسم مقاطع التطبيق والمتصفح والتوجيه وHTTP وSSR والاستضافة غير قابلة للتشغيل مع ملاحظات متوقعة صريحة.

ما الذي ستتعلمه؟

  • تصميم مكوّنات مستقلة بمدخلات ومخرجات وإشارات ونماذج صريحة.
  • تنسيق المسار وHTTP بالفحص والنطاق والتنظيف.
  • اختبار السلوك والإتاحة بطبقة التحقق المناسبة.
  • مراجعة الأداء والأمان وSSR وافتراضات الإصدار دون تضخيم الضمانات.

مسارك التعليمي

ثلاثة مستويات

الأساسي

بناء نموذج مكوّن بروابط وإشارات وهوية وتركيب ونماذج واضحة.

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

المتوسط

تنسيق الحقن والمسار وHTTP والتيارات ودورة الحياة والاختبارات المعزولة.

  1. حقن الاعتماديات ونطاق الخدمة
  2. التنقل وبيانات المسار
  3. HTTP والتحقق التنفيذي
  4. التكامل بين RxJS والإشارات
  5. دورة الحياة وتنظيف الموارد
  6. اختبار المكوّنات والإتاحة
استكشف هذا المستوى

المتقدم

تصميم ملكية الميزة والعرض المقاس والتأجيل والحدود الآمنة والإصدارات المتوافقة.

  1. حالة الميزة ومعمارية التطبيق
  2. أداء العرض وOnPush
  3. التحميل المؤجل وحدود المسارات
  4. الأمان وحدود الثقة
  5. العرض بالخادم وحدود التهيئة في العميل
  6. البناء والنشر واستراتيجية التحديث
استكشف هذا المستوى

لمن هذه الدورة؟

  • المطورون بإلمام أساسي بـTypeScript وHTML والمتصفح.
  • المتعلمون ذاتيًا لبناء عقود مكوّن وحالة وخدمة موثوقة.

قبل أن تبدأ

  • دوال TypeScript وكائناتها واتحاداتها ووعودها ودلالة HTML.
  • أدوات محلية متوافقة؛ وتحتاج تجارب الإطار والمتصفح إعداد التطبيق المعلن.

حلول تقنية مرتبطة

حل NG8002 لربط نموذج مستقلحدّد مالك القالب واستورد توجيه الربط بدل إخفاء خطأ الخاصية بمخطط واسع.حل NG0203 خارج سياق الحقنحدّد موضع inject والتقط الاعتمادية بسياق مدعوم وافصل عمر الحاقن من توقيت الرد غير المتزامن.إصلاح العرض القديم بعد تعديل كائن الإشارةميّز تعديل القيمة من إشعار الإشارة واستبدل الحالة باتساق وافحص الاشتقاق قبل لوم OnPush أو كشف يدوي.