0Pricing
Angular Academy icon

Angular Academy

HTMLFrontendWebBeginner

تعلم Angular لبناء تطبيقات ويب قابلة للتوسع وحديثة مع Angular Academy.

🤖 مدعوم بالذكاء الاصطناعي📚 38 دورة👥 100,000+ متعلم⭐ تقييم 4.9
نظرة عامة على الدورة

Angular: الإطار العمل خلف تطبيقات الويب على مستوى الإنتاج

Angular هو إطار العمل الموجّه من Google، والذي يعتمد على TypeScript بشكل أساسي، ويُستخدم لبناء تطبيقات صفحة واحدة كبيرة وسهلة الصيانة. نموذج المكونات الخاص به، ونظام Dependency Injection، والأدوات من الدرجة الأولى تجعله خيار الإطار العمل المفضل لفرق المؤسسات والمطورين الذين يريدون بنية منظمة على نطاق واسع. تغطي هذه المسار Angular الحديثة — الإصدار 19 مع المكونات المستقلة وSignals وصيغة التحكم الجديدة — وليس الأنماط الموروثة من الأدلة الأقدم.

ما ستتعلمه

ستبدأ بـ Angular CLI وهيكل المشروع وأساسيات Angular 19، ثم تنتقل إلى التفاعلية المبنية على Signals والمكونات المستقلة وحقن الاعتماديات. من هناك ستغطي النماذج المدفوعة بالقالب والنماذج التفاعلية وعوامل تشغيل RxJS ومعترضات HttpClient وخطافات دورة حياة المكونات وإسقاط المحتوى والرسوم المتحركة والتوجيه. تتناول الدورات اللاحقة إدارة الحالة باستخدام NgRx وNgRx SignalStore المبني على Signals والاختبار الوحدوي واختبار end-to-end والتدويل والتحكم في النماذج المخصصة. تختتم المسار باكتشاف Change Detection والأداء وServer-side rendering والمواقع الإلكترونية الدقيقة مع Module Federation وبناء مكتبات Angular القابلة لإعادة الاستخدام وأساسيات أمان Angular.

مسار التعلم

سبعة وثلاثون دورة تمتد من A1 إلى C1. تبني الدورات الثماني الأولى (A1–A2) الأساس: إعداد CLI والمكونات المستقلة والأنابيب وخطافات دورة الحياة والربط ثنائي الاتجاه. تطور دورات B1 و B2 المهارات التطبيقية — RxJS والتوجيه المتقدم والنماذج التفاعلية وتكوين التوجيهات والاختبار الشامل. تغطي المستوى C1 ما يميز Angular على مستوى الإنتاج عن Angular في البرامج التعليمية: Change Detection والأداء وNgRx SignalStore وServer-Side Rendering مع Angular SSR والمواقع الإلكترونية الدقيقة مع Module Federation وبناء مكتبات Angular وأساسيات أمان Angular.

كيفية عمله

تُقسّم كل دورة إلى دروس قصيرة وعملية تكملها في محرر الأكواد المدمج مع ملاحظات فورية. يتوفر معلم ذكي كلما واجهت صعوبة، ويتم تعزيز كل مفهوم بتمارين تعمل مباشرة في المتصفح — لا توجد حاجة إلى إعداد محلي للبدء.

ابدأ التعلم →

كيف ستتعلم

🎯
دروس تفاعلية
تمارين برمجة عملية مع ردود فعل فورية
🤖
معلم الذكاء الاصطناعي
احصل على مساعدة فورية من معلمنا الذكي عندما تعلق
💻
محرر مدمج
اكتب وشغّل الأكواد مباشرة في متصفحك
🏆
الشهادة
احصل على شهادة عند إكمالك للدورة
المنهج الدراسي

38 دورة

كل الدورات في مسار تعلم Angular Academy.

01

مرحبًا بكم في Angular

A13 دروس

افهموا ماهية Angular، ولماذا أنشأتها Google وتواصل صيانتها، وكيف تغيّر طريقة بناء تطبيقات الويب الكبيرة والاحترافية

02

Angular CLI وبنية المشروع

A14 دروسPRO

أنشئوا هياكل مشاريع Angular وابنوها وأديروها بكفاءة باستخدام Angular CLI

03

تدفق التحكم المدمج

A14 دروسPRO

استخدموا صياغة تدفق التحكم الحديثة المعتمدة على الكتل في Angular للشروط والحلقات ضمن القوالب

04

أساسيات Angular 19

A13 دروسPRO

مقدمة إلى Angular 19، مع استكشاف ميزاته الأساسية وبنيته وإعداد بيئته.

05

أساسيات Angular Signals

A24 دروسPRO

أتقنوا البدائية التفاعلية signals في Angular لإدارة الحالة بكفاءة وعلى مستوى دقيق

06

استكشاف متعمق للمكوّنات المستقلة

A24 دروسPRO

أنشئوا تطبيقات Angular من دون NgModules باستخدام بنية المكوّنات المستقلة

07

أساسيات حقن الاعتماديات

A24 دروسPRO

وفّروا الخدمات واستهلكوها باستخدام نظام حقن الاعتماديات الهرمي في Angular

08

Pipes: المدمجة والمخصصة

A24 دروسPRO

حوّلوا البيانات المعروضة باستخدام pipes المدمجة وأنشئوا pipes مخصصة خاصة بكم

09

خطافات دورة حياة المكوّن

A24 دروسPRO

اربطوا منطقكم بإنشاء المكوّن وتغييره وتدميره باستخدام خطافات دورة الحياة في Angular

10

الربط ثنائي الاتجاه ومدخلات Model

A24 دروسPRO

زامنوا البيانات بين المكوّن الأب والابن باستخدام الربط ثنائي الاتجاه ومدخلات model المعتمدة على signals

11

تنسيق المكوّنات وتغليفها

A24 دروسPRO

نسّقوا المكوّنات باستخدام CSS محدود النطاق وأنماط تغليف العرض وتنسيق المضيف

12

مدخلات Signals والاستعلامات

B14 دروسPRO

استخدموا واجهات API الحديثة للمدخلات والمخرجات واستعلامات العرض المعتمدة على signals لإنشاء مكوّنات أكثر وضوحًا

13

Signals: القيم المحسوبة والتأثيرات

B14 دروسPRO

اشتقوا قيمًا تفاعلية باستخدام signals المحسوبة وشغّلوا التأثيرات الجانبية عبر واجهة API الخاصة بـ effect

14

أساسيات RxJS في Angular

B14 دروسPRO

افهموا observables والاشتراكات وsubjects بوصفها أساس التفاعلية في Angular

15

إسقاط المحتوى والقوالب

B14 دروسPRO

أنشئوا مكوّنات مرنة وقابلة لإعادة الاستخدام باستخدام إسقاط المحتوى وng-content ومراجع القوالب

16

رسوم Angular المتحركة

B14 دروسPRO

أضفوا الحيوية إلى الواجهات باستخدام نظام الرسوم المتحركة التصريحي في Angular

17

المكوّنات والتوجيهات المتقدمة

B13 دروسPRO

استكشف التفاعلات المتقدمة بين المكوّنات والتوجيهات وأفضل الممارسات.

18

التوجيه والتنقّل في Angular

B13 دروسPRO

تعلّم التوجيه وحراس التنقّل ومحللات المسارات في Angular.

19

التعامل مع النماذج

B13 دروسPRO

تغطية تفصيلية للتعامل مع النماذج في Angular.

20

مشغّلات RxJS بعمق

B24 دروسPRO

ركّبوا تدفقات بيانات قوية باستخدام مشغّلات التعيين والتصفية والدمج ومعالجة الأخطاء

21

موجّه Angular المتقدم

B24 دروسPRO

تجاوزوا التوجيه الأساسي باستخدام المحللات وبيانات المسارات والمعلمات والحراس الوظيفيين

22

معترضات HttpClient

B24 دروسPRO

ركّزوا الاهتمامات المشتركة في HTTP باستخدام المعترضات الوظيفية والمعتمدة على الفئات

23

النماذج التفاعلية المتقدمة

B24 دروسPRO

أنشئوا نماذج تفاعلية ديناميكية ومحددة الأنواع باستخدام FormArray وعناصر التحكم المخصصة والتحقق غير المتزامن

24

واجهة API لتركيب التوجيهات

B24 دروسPRO

ركّبوا سلوكًا قابلًا لإعادة الاستخدام عبر تطبيق توجيهات متعددة على مكوّنات المضيف

25

إدارة الحالة باستخدام NgRx

B23 دروسPRO

استخدم NgRx لإدارة حالة التطبيق بكفاءة.

26

إدارة الحالة المعتمدة على Signals

B24 دروسPRO

صمّموا حالة التطبيق باستخدام signals والخدمات والأنماط التفاعلية من دون مكتبات خارجية

27

عناصر التحكم المخصصة في النماذج

B24 دروسPRO

ادمجوا الأدوات المخصصة مع نماذج Angular عبر تطبيق ControlValueAccessor

28

اختبار الوحدات والمكوّنات في Angular

B24 دروسPRO

اختبروا المكوّنات والخدمات وpipes باستخدام TestBed وأدوات الاختبار في Angular

29

اختبار Angular من البداية إلى النهاية

B24 دروسPRO

تحققوا من تدفقات المستخدم الحقيقية باختبارات من البداية إلى النهاية باستخدام Playwright وCypress

30

التدويل (i18n)

B24 دروسPRO

وطّنوا تطبيقات Angular باستخدام نظام i18n المدمج واستراتيجيات الترجمة وقت التشغيل

31

تكامل HTTP وواجهات API

B23 دروسPRO

أتقن اتصالات HTTP وتكامل واجهات API في Angular.

32

اكتشاف التغييرات والأداء

C14 دروسPRO

حسّنوا العرض باستخدام اكتشاف التغييرات OnPush والوضع غير المعتمد على المناطق واستراتيجيات trackBy

33

NgRx SignalStore

C14 دروسPRO

أديروا الحالات المعقدة باستخدام NgRx SignalStore الحديث المعتمد على signals

34

العرض من جانب الخادم باستخدام Angular SSR

C14 دروسPRO

اعرضوا Angular على الخادم لتسريع الرسم الأول وتحسين SEO

35

الترطيب والأداء

C14 دروسPRO

سرّعوا تطبيقات SSR باستخدام الترطيب الكامل والتدريجي لتقليل العمل على العميل

36

الواجهات الأمامية المصغّرة باستخدام Module Federation

C14 دروسPRO

ركّبوا تطبيقات Angular الكبيرة من واجهات أمامية مصغّرة يمكن نشرها بصورة مستقلة

37

بناء مكتبات Angular

C14 دروسPRO

احزموا مكتبات Angular القابلة لإعادة الاستخدام وانشروها باستخدام Angular Package Format

38

أساسيات الأمان في Angular

C13 دروسPRO

أمّن تطبيقات Angular باستخدام التقنيات الأساسية.

الأسئلة الشائعة

الأسئلة الشائعة

هل دورة Angular Academy مجانية؟

نعم. يمكنك البدء في دورة Angular Academy مجانًا وإكمال دروسها التفاعلية بلا تكلفة. اشتراك PRO اختياري يفتح لك أدوات ذكاء اصطناعي متقدمة وشهادة قابلة للمشاركة.

هل أحتاج إلى خبرة سابقة لتعلم HTML؟

لا. تبدأ الدورة بالأساسيات وتنتقل تدريجيًا إلى مواضيع أكثر تقدمًا، لذا يمكنك البدء حتى بدون خبرة سابقة في HTML.

كيف ستتعلم HTML على CoddyKit؟

تتعلم من خلال العمل. دروس تفاعلية قصيرة تجمع بين شرح واضح وتمرين برمجة عملي يعمل في الوقت الفعلي، ومعلم ذكاء اصطناعي يعمل 24/7 يقدم مساعدة مخصصة عندما تعلق.

هل أحصل على شهادة عند إكمال Angular Academy؟

نعم. متعلمو PRO يمكنهم الخضوع لامتحان والحصول على شهادة إكمال قابلة للمشاركة برمز تحقق لدورة Angular Academy.

هل يمكنني تعلم HTML على هاتفي؟

نعم. CoddyKit متاح على الويب وكتطبيقات iOS و Android أصلية، لذا يمكنك تعلم HTML على أي جهاز وسيتم مزامنة تقدمك عبرها جميعًا.

ابدأ Angular Academy الآن

انضم إلى آلاف المتعلمين الذين يتقنون البرمجة مع دروس مدعومة بالذكاء الاصطناعي.

ابدأ مجاناً →استعرض جميع الدورات