Angular Complete Course: From Zero to Advanced Web Development

Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

احترف تطوير تطبيقات الويب الحديثة باستخدام Angular خطوة بخطوة. في هذا الكورس ستتعلم كل شيء بدءًا من إعداد بيئة العمل، إنشاء Components ديناميكية، Data Binding، استخدام Directives، التحكم في DOM، Routing، وحتى المفاهيم المتقدمة مثل Content Projection، Services، HTTP Requests، وLazy Loading.

تم تصميم هذا الكورس بطريقة عملية مع أمثلة ومشاريع حقيقية لتساعدك على تطبيق المفاهيم مباشرة، وجعلك قادرًا على بناء تطبيقات Single Page Applications (SPA) احترافية.

الكورس مناسب للمبتدئين والمحترفين الراغبين في تعزيز مهاراتهم في Angular، ويغطي كل ما تحتاجه لتصبح مطور Angular محترف قادر على بناء تطبيقات ويب ديناميكية ومتقدمة.

Show More

What Will You Learn?

  • إعداد بيئة عمل Angular بشكل احترافي
  • إنشاء أول مشروع Angular وتشغيله محليًا
  • فهم بنية ملفات المشروع الأساسية
  • إنشاء Components ديناميكية وقابلة لإعادة الاستخدام
  • استخدام One-Way و Two-Way Data Binding
  • التحكم في عرض العناصر باستخدام Structural Directives
  • تطبيق Stying ديناميكي باستخدام Attribute Directives (ngStyle, ngClass)
  • التواصل بين Components باستخدام @Input و @Output
  • التحكم في DOM باستخدام Template Reference Variable و ViewChild
  • استخدام ng-template, ng-container, و ng-content لبناء Templates متقدمة
  • تطبيق Angular Routing مع Route Parameters و Lazy Loading
  • بناء Forms ديناميكية والتعامل مع الأحداث والبيانات
  • استدعاء APIs باستخدام HTTP Client
  • تحسين الأداء باستخدام Lazy Loading وتنظيم المشروع
  • تنفيذ مشاريع عملية لتثبيت المفاهيم بشكل كامل

Course Content

How to Download it with the creation of the first project?

  • Download Angular and create the first project
    17:25
  • Explanation of Project Files
    08:32
  • Create component in Angular
    14:21

Data Binding

Angular Directives
في هذا القسم سنتعرف على Angular Directives، وهي الأدوات الأساسية التي تسمح لنا بتغيير سلوك أو مظهر عناصر الـ DOM بشكل ديناميكي. ستتعلم كيف تتحكم في العرض، التكرار، والستايل للعناصر داخل تطبيق Angular. 🔹 What You Will Learn in This Section: Structural Directives (ngIf, ngSwitchCase, ngFor) التحكم في ظهور واختفاء العناصر (ngIf, ngSwitchCase) تكرار العناصر بشكل ديناميكي (ngFor) Attribute Directives (ngStyle, ngClass) تعديل الستايل مباشرة على العناصر (ngStyle) تطبيق أصناف CSS ديناميكيًا (ngClass) 🎯 Why This Section Is Important Directives تجعل تطبيقك ديناميكي وقابل للتفاعل تمكنك من إعادة استخدام الكود بطريقة منظمة تساعد على تحسين تجربة المستخدم من خلال التحكم في العرض والستايل بشكل ذكي 🚀 By the End of This Section ستتمكن من استخدام Structural & Attribute Directives بثقة فهم كيفية دمج Directives داخل المكونات المختلفة تجهيز نفسك لبناء تطبيقات Angular قوية وقابلة للتوسع

Component Interaction

Angular Routing

Angular Advanced Templates

Student Ratings & Reviews

No Review Yet
No Review Yet