هذا الكورس الشامل مخصص لتعلم Angular 17 من الصفر، وهو إطار عمل قوي ومتطور لبناء تطبيقات الويب الديناميكية باستخدام TypeScript. يهدف الكورس إلى تمكين المبتدئين من فهم الأساسيات والمفاهيم المتقدمة في Angular 17، بدءًا من إعداد البيئة التطويرية ووصولاً إلى تنفيذ مشاريع حقيقية. خلال الرحلة التعليمية، ستتعلم كيفية بناء تطبيقات تفاعلية وسريعة، مع التركيز على أفضل الممارسات والأدوات الحديثة التي تقدمها Angular.

يبدأ الكورس بتعريفك على بيئة التطوير وكيفية إعدادها بشكل صحيح، بما في ذلك تثبيت Node.js و Angular CLI. ثم ينتقل إلى شرح هيكل المشروع في Angular 17، مما يساعدك على فهم كيفية تنظيم الملفات والمجلدات بشكل فعال. ستتعلم أيضًا كيفية دعم Bootstrap في تطبيقاتك لتحسين التصميم والتجربة البصرية، مما يجعل التطبيقات جذابة وسهلة الاستخدام.

بعد ذلك، يتعمق الكورس في المفاهيم الأساسية مثل العناصر المخصصة في HTML وربط البيانات بين النموذج والعرض، مما يسمح بإنشاء واجهات مستخدم تفاعلية. ستستكشف الميزات الأساسية لـ Angular ولماذا يُعتبر خيارًا ممتازًا لتطوير الويب، مع أمثلة عملية تعزز الفهم. يشمل ذلك مشاركة البيانات بين المكونات باستخدام ال decorators مثل @Input و @Output، مما يسهل التواصل بين الأجزاء المختلفة للتطبيق.

يتناول الكورس أيضًا التوجيهات الهيكلية وبناء الجملة الجديد للتحكم في التدفق في Angular 17، مثل @for و @if و @switch، والتي حلت محل التوجيهات القديمة مثل *ngFor و *ngIf. ستتعلم كيفية استخدام هذه البنى لتحسين الكفاءة والأداء، مع فهم خيارات التتبع والإدارة في الحلقات. بالإضافة إلى ذلك، يغطي الكورس الأنابيب المدمجة لتحويل البيانات وعرضها بطريقة منسقة، مما يعزز تجربة المستخدم.

جزء مهم من الكورس مخصص لدورة حياة المكونات، حيث ستتعلم الخطافات المختلفة مثل OnChanges و OnInit و OnDestroy، والتي تساعد في إدارة الحالة وتجنب تسرب الذاكرة. ثم ينتقل إلى التوجيه في Angular، بما في ذلك المعلمات المطلوبة والاختيارية، والاستعلامات، والطرق المتداخلة، مما يمكنك من بناء تطبيقات متعددة الصفحات بسلاسة.

لاحقًا، يغطي الكورس حقن التبعية والخدمات، وكيفية التواصل مع خدمات الخلفية باستخدام HTTP Client، بما في ذلك معالجة الأخطاء والاعتراضات. ستتعلم أيضًا بناء النماذج باستخدام كل من النهج القائم على القالب والنهج التفاعلي، مع التركيز على التحقق من الصحة وعرض رسائل الخطأ. يشمل ذلك استخدام ngx-translate للترجمة الدولية، مما يجعل تطبيقاتك قابلة للتكيف مع لغات متعددة.

في الأجزاء المتقدمة، ستتعلم كيفية إنشاء أنابيب وتوجيهات مخصصة، واستخدام حراس التوجيه لتأمين التطبيق ومنع الوصول غير المصرح به. يتم تغطية عمليات CRUD الكاملة (القراءة، الإنشاء، التحديث، الحذف) مع تحسينات للأداء مثل تقليل طلبات API. أخيرًا، يختتم الكورس بأفضل الممارسات،包括 كيفية ترقية التطبيقات وبناءها، مما يضمن لك الخبرة اللازمة للبدء في مشاريع حقيقية.

أهم النقاط التي يتناولها هذا الكورس:
- إعداد بيئة التطوير وفهم هيكل مشروع Angular 17.
- تعلم ربط البيانات والمشاركة بين المكونات باستخدام @Input و @Output.
- إتقان التوجيهات الهيكلية وبناء الجملة الجديد للتحكم في التدفق مثل @for و @if.
- استخدام الأنابيب المدمجة وفهم دورة حياة المكونات عبر الخطافات.
- تنفيذ التوجيه في Angular مع المعلمات والاستعلامات والطرق المتداخلة.
- العمل مع الخدمات و HTTP Client للتواصل مع الخلفية.
- بناء النماذج والتحقق من الصحة باستخدام النهج القائم على القالب والتفاعلي.
- الترجمة الدولية باستخدام ngx-translate.
- إنشاء أنابيب وتوجيهات مخصصة وتحسين الأداء.
- تأمين التطبيق عبر حراس التوجيه وتنفيذ عمليات CRUD.