رئيس مجلس الإدارة ورئيس التحرير أحمد حمدي
الرئيسية‹ الكورسات ‹برمجة وتطوير المواقع

كورس Mastering Angular 17 | From Basics to Advanced | Learn Angular 17 in Arabic

👤 GeekCode 🎬 107 درس ⏱️ 22 ساعة 9 دقيقة 📶 مبتدئ 🇺🇸 English
Learn Angular 17 in Arabic | #0 Introduction to An
EG-24 ACADEMY
EG24
EG-24ACADEMY
— أكاديمية مصر 24 —
CERTIFICATE
OF COMPLETION
THISCERTIFICATE IS PROUDLY PRESENTED TO
اسمك هنا
FOR SUCCESSFULLY COMPLETING THE COURSE
كورس Mastering Angular 17 | From Basics to Advanced | Learn Angular 17 in Arabic
ISSUED ON
25 أغسطس 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
🔒

شاهد 50% من الكورس واحصل على شهادتك المجانية

🎓 1 طالب أتموا هذا الكورس
✅ تتبع تقدمك في الكورس
🏆 شهادة مجانية عند الإتمام
📊 إحصائياتك محفوظة دائماً
🔖 استكمل من حيث توقفت

إنشاء حساب مجاني يأخذ ثوانٍ فقط

📋 محتوى الكورس 107 درس · 22 ساعة 9 دقيقة
  • 1 Learn Angular 17 in Arabic | #0 Introduction to Angular: What You Need to Know Before You Start 4:45
  • 2 Learn Angular 17 in Arabic | #1 Understanding Component Based Architecture in Angular 8:55
  • 3 Learn Angular 17 in Arabic | #2 Overview of Files and Folders in an Angular Project 9:20
  • 4 Learn Angular 17 in Arabic | #3 Understanding Angular CLI Commands:ng serve with open and hmr 5:39
  • 5 Learn Angular 17 in Arabic | #4 Creating Angular Components: Manually VS Using the CLI 18:19
  • 6 Learn Angular 17 in Arabic | #5 One Way Data Binding: Interpolation,Attribute and Property Binding 12:37
  • 7 Learn Angular 17 in Arabic | #6 Understanding the Difference Between Data Interpolation and Property 13:56
  • 8 Learn Angular 17 in Arabic | #7 Angular Binding Techniques: Style Binding and Class Binding 9:23
  • 9 Learn Angular 17 in Arabic | #8 Mastering Event Binding in Angular 10:48
  • 10 Learn Angular 17 in Arabic | #9 Understanding Two Way Data Binding in Angular Using ngModel 3:49
  • 11 Learn Angular 17 in Arabic | #10 Mastering Standalone Components in Angular 16 & 17 7:54
  • 12 Learn Angular 17 in Arabic | #11 Understanding Angular Directives: ngClass vs ngStyle 12:29
  • 13 Learn Angular 17 in Arabic | #12 Mastering Angular Directives: ngIf & ngSwitch 6:50
  • 14 Learn Angular 17 in Arabic | #13 Mastering the ngFor Directive in Angular: Build Dynamic Lists 22:43
  • 15 Learn Angular 17 in Arabic | #14 Angular Structural Directives: ngTemplate vs ngContainer Explained 9:29
  • 16 Learn Angular 17 in Arabic | #15 Angular Control Flow: Mastering @if & @switch 5:56
  • 17 Learn Angular 17 in Arabic | #16 Angular 17 New Syntax: Mastering @for for Dynamic Lists 10:10
  • 18 Learn Angular 17 in Arabic | #17 Angular TrackBy: Understanding the Old Syntax & New Syntax 16:51
  • 19 Learn Angular 17 in Arabic | #18 Passing Data Between Parent & Child Components with @Input 8:29
  • 20 Learn Angular 17 in Arabic | #19 Master Angular: Passing Alias, Required and Transforms with @Input 11:08
  • 21 Learn Angular 17 in Arabic | #20 Master Angular: Transfer Data from Child to Parent with @Output 12:49
  • 22 Learn Angular 17 in Arabic | #21 Master Angular: Content Projection with ngContent 12:57
  • 23 Learn Angular 17 in Arabic | #22 Master Angular: Accessing Child Elements with @ViewChild Decorator 6:28
  • 24 Learn Angular 17 in Arabic | #23 Master Angular: Access Child Components with @ViewChild Decorator 15:27
  • 25 Learn Angular 17 in Arabic | #24 Master Angular: Access Multiple Child Elements with @ViewChildren 3:41
  • 26 Learn Angular 17 in Arabic | #25 Master Angular: Access Multiple Child Components with @ViewChildren 9:11
  • 27 Learn Angular 17 in Arabic | #26 Master Angular: Understanding main.ts and main.server.ts Files 4:12
  • 28 Learn Angular 17 in Arabic | #27 Master Angular: @ContentChild for Content Projecting 16:22
  • 29 Learn Angular 17 in Arabic | #28 Master Angular: @ContentChildren Access Multiple Content Projected 9:56
  • 30 Learn Angular 17 in Arabic | #29 Master Angular: Introduction to Component Lifecycle Hooks 7:16
  • 31 Learn Angular 17 in Arabic | #30 Master Angular: ngOnInit, ngOnChanges, and ngDoCheck Hooks 11:18
  • 32 Learn Angular 17 in Arabic | #31 Master Angular: Understanding AfterContentInit , AfterViewChecked 16:48
  • 33 Learn Angular 17 in Arabic | #32 Master Angular: Best Practices for Implementing Lifecycle Interface 4:48
  • 34 Learn Angular 17 in Arabic | #33 Master Angular: Introduction to Routing (Part 01) 16:39
  • 35 Learn Angular 17 in Arabic | #34 Master Angular: Wildcard Routes, Titles, and Configuring (Part 02) 11:48
  • 36 Learn Angular 17 in Arabic | #35 Master Angular: RouterLinkActive & RouterLink with Navbar (Part 03) 13:33
  • 37 Learn Angular 17 in Arabic | #36 Master Angular: Understanding Nested Routes 18:41
  • 38 Learn Angular 17 in Arabic | #37 Master Angular: Lazy Loading with LoadComponent and LoadChildren 9:08
  • 39 Learn Angular 17 in Arabic | #38 Master Angular: Enabling Client-Side Hydration (Part 01) 9:43
  • 40 Learn Angular 17 in Arabic | #39 Master Angular: Enabling Client-Side Hydration (Part 02) 11:36
  • 41 Learn Angular 17 in Arabic | #40 Master Angular: ViewEncapsulation - Emulated vs None (Part 01) 21:47
  • 42 Learn Angular 17 in Arabic | #41 Master Angular: ViewEncapsulation with ShadowDom (Part 02) 6:32
  • 43 Learn Angular 17 in Arabic | #42 Master Angular: Exploring Built-In Pipes in Angular (Part 01) 16:35
  • 44 Learn Angular 17 in Arabic | #43 Master Angular: Creating and Using Custom Pipes (Part 02) 12:56
  • 45 Learn Angular 17 in Arabic | #44 Master Angular: Advanced Example of Creating Custom Pipes (Part 03) 18:39
  • 46 Learn Angular 17 in Arabic | #45 Master Angular: Understanding Impure and Pure Pipes (Part 04) 14:26
  • 47 Learn Angular 17 in Arabic | #46 Master Angular:Introduction to Creating and Using Custom @Directive 11:14
  • 48 Learn Angular 17 in Arabic | #47 Master Angular: Build a Custom @Directive with @HostListener 15:29
  • 49 Learn Angular 17 in Arabic | #48 Master Angular: Dynamic Custom @Directive With Inputs Property 11:48
  • 50 Learn Angular 17 in Arabic | #49 Master Angular: Dynamic Custom Directive with @Input and @Output 10:32
  • 51 Learn Angular 17 in Arabic | #50 Master Angular: Custom Directive with @HostBinding 11:25
  • 52 Learn Angular 17 in Arabic | #51 Master Angular: Exploring Options for Custom @Directive | exportAs 14:07
  • 53 Learn Angular 17 in Arabic | #52 Master Angular: Lazy Loading with @Defer (Part 01) 11:48
  • 54 Learn Angular 17 in Arabic | #53 Master Angular: Lazy Loading with @Defer (Part 02) 7:44
  • 55 Learn Angular 17 in Arabic | #54 Master Angular: Forms Intro | Reactive form vs Template-Driven Form 17:01
  • 56 Learn Angular 17 in Arabic | #55 Master Angular: Deep into Template-Driven Form | Advanced Example 16:58
  • 57 Learn Angular 17 in Arabic | #56 Master Angular: Reactive Form with Built-in Validation (part 01) 13:00
  • 58 Learn Angular 17 in Arabic | #57 Master Angular: FormGroup, FormControl, FormControlName (Part 02) 18:07
  • 59 Learn Angular 17 in Arabic | #58 Master Angular: Understanding setValue, patchValue, valueChanges 16:11
  • 60 Learn Angular 17 in Arabic | #59 Master Angular: Understanding FormGroupName (Part 04) 15:09
  • 61 Learn Angular 17 in Arabic | #60 Master Angular: New Syntax to Create FormControl & FormGroup 10:33
  • 62 Learn Angular 17 in Arabic | #61 Master Angular: New Syntax with FormBuilder 9:25
  • 63 Learn Angular 17 in Arabic | #62 Master Angular: Creating Custom Validation for FormControl 9:31
  • 64 Learn Angular 17 in Arabic | #63 Master Angular: Creating Custom Validation for FormGroup 7:29
  • 65 Learn Angular 17 in Arabic | #64 Master Angular: Validation Functions with Parameter (Part 09) 6:41
  • 66 Learn Angular 17 in Arabic | #65 Master Angular: Introduction to Dependency Injection 6:21
  • 67 Learn Angular 17 in Arabic | #66 Master Angular: Services with Dependency Injection and Providers 11:33
  • 68 Learn Angular 17 in Arabic | #67 Master Angular: Injector, @Injectable, and ProvideIn {root ,any..} 10:39
  • 69 Learn Angular 17 in Arabic | #68 Master Angular: Shared Module with Reusable Code 4:06
  • 70 Learn Angular 17 in Arabic | #69 Master Angular: Just-in-time (JIT) and Ahead-of-Time (AOT) Compiler 12:15
  • 71 Learn Angular 17 in Arabic | #70 Master Angular: HttpClient Get Method API Integration (Part 01) 16:15
  • 72 Learn Angular 17 in Arabic | #71 Master Angular: HttpClient POST, PUT, PATCH, DELETE (Part 02) 13:28
  • 73 Learn Angular 17 in Arabic | #72 Master Angular: Essential Extensions and Notions Docs for Angular 4:50
  • 74 Learn Angular 17 in Arabic | #73 Master Angular: E-Commerce (1): Install Required Libraries PrimeNG 5:47
  • 75 Learn Angular 17 in Arabic | #74 Master Angular: E-Commerce (2): API Overview & Layout Routing 6:10
  • 76 Learn Angular 17 in Arabic | #75 Master Angular: E-Commerce (3): Create Layout Routing (Auth & User) 14:53
  • 77 Learn Angular 17 in Arabic | #76 Master Angular: E-Commerce (4): Create Navbar Using PrimeNG 8:58
  • 78 Learn Angular 17 in Arabic | #77 Master Angular: E-Commerce (5): Create Register Form Using PrimeNG 17:34
  • 79 Learn Angular 17 in Arabic | #78 Master Angular: E-Commerce (6): Add Notification to Register Form 20:29
  • 80 Learn Angular 17 in Arabic | #79 Master Angular: E-Commerce (7): Integrate Registration Form API 22:23
  • 81 Learn Angular 17 in Arabic | #80 Master Angular: E-Commerce (8): Add Loading Screen Use NGX Spinner 11:25
  • 82 Learn Angular 17 in Arabic | #81 Master Angular: E-Commerce (9): Create a Login Form Using PrimeNG 14:42
  • 83 Learn Angular 17 in Arabic | #82 Master Angular: E-Commerce (10): Creating a Shared Module for Forms 10:09
  • 84 Learn Angular 17 in Arabic | #83 Master Angular: E-Commerce (11): Add Route Guards | canActivateFn 15:38
  • 85 Learn Angular 17 in Arabic | #84 Master Angular: E-Commerce (12): Route & State Parameters in Guard 10:05
  • 86 Learn Angular 17 in Arabic | #85 Master Angular: E-Commerce (13): Navigate, NavigateByUrl & URLTree 7:15
  • 87 Learn Angular 17 in Arabic | #86 Master Angular: E-Commerce (14): canDeactivate, canMatch, etc.. 10:55
  • 88 Learn Angular 17 in Arabic | #87 Master Angular: E-Commerce (15): Start User Layout 11:58
  • 89 Learn Angular 17 in Arabic | #88 Master Angular: E-Commerce(16): Create a Blank Navbar Using PrimeNG 19:03
  • 90 Learn Angular 17 in Arabic | #89 Master Angular: E-Commerce (17): Get Username Using BehaviorSubject 17:52
  • 91 Learn Angular 17 in Arabic | #90 Master Angular: E-Commerce(18): Create Card & Integrate with Logout 31:04
  • 92 Learn Angular 17 in Arabic | #91 Master Angular: E-Commerce (19): Improve Card & Make It Reusable P1 5:18
  • 93 Learn Angular 17 in Arabic | #92 Master Angular: E-Commerce (20): Improve Card & Make It Reusable P2 9:38
  • 94 Learn Angular 17 in Arabic | #93 Master Angular: E-Commerce (21): Integrate With Product API 17:29
  • 95 Learn Angular 17 in Arabic | #94 Master Angular: E-Commerce (22): Finalize Card Component UI 9:17
  • 96 Learn Angular 17 in Arabic | #95 Master Angular: E-Commerce (23): Get Cart Count Using Cart API | P1 6:06
  • 97 Learn Angular 17 in Arabic | #96 Master Angular: E-Commerce (24): Add To Cart Using Cart API (P2) 14:25
  • 98 Learn Angular 17 in Arabic | #97 Master Angular: E-Commerce (25): Store Cart Data in Local Storage 10:45
  • 99 Learn Angular 17 in Arabic | #98 Master Angular: E-Commerce (26): Toaster Notifications with PrimeNG 13:46
  • 100 Learn Angular 17 in Arabic | #99 Master Angular: E-Commerce (27): Interceptors: Modern vs Legacy 19:06
  • 101 Learn Angular 17 in Arabic | #100 Master Angular: E-Commerce (28): Fetch Products & Search Pipe 20:54
  • 102 Learn Angular 17 in Arabic | #101 Master Angular: E-Commerce (29): Fetch All Categories & Specific 30:37
  • 103 Learn Angular 17 in Arabic | #102 Master Angular: E-Commerce (30): Get Product Details 24:10
  • 104 Learn Angular 17 in Arabic | #103 Master Angular: E-Commerce (31): Deep Dive into Resolver vs Guards 9:39
  • 105 Learn Angular 17 in Arabic | #104 Master Angular: E-Commerce (32): Manage Cart Products from Service 25:25
  • 106 Learn Angular 17 in Arabic | #105 Master Angular: E-Commerce (33): Show Cart with PrimeNG DataView 16:28
  • 107 Learn Angular 17 in Arabic | #106 Master Angular: E-Commerce (34): Final Thoughts & Next Steps 3:54
▶ يُشغَّل الآن
Learn Angular 17 in Arabic | #0 Introduction to Angular: What You Need to Know Before You Start

📘 نظرة عامة على الكورس

يُقدّم هذا الكورس المجاني شرحاً شاملاً لـ Mastering Angular 17 | From Basics to Advanced | Learn Angular 17 in Arabic في مجال برمجة وتطوير المواقع، ويستهدف المبتدئين الراغبين في بناء مهاراتهم العملية واحترافية في 2026. يُقدّمه GeekCode باللغة العربية بأسلوب مبسّط ومنظّم.

يضم الكورس 107 درساً بمدة إجمالية 22 ساعة 9 دقيقة، تأخذك من الصفر حتى الاحتراف خطوةً بخطوة.

لماذا تتعلم Mastering Angular 17 | From Basics to Advanced | Learn Angular 17 in Arabic؟

  • الذكاء الاصطناعي من أسرع المجالات نمواً في سوق العمل، مع زيادة الطلب على المتخصصين بنسبة 300% خلال السنوات الأخيرة.
  • مجاني بالكامل — ابدأ الآن دون أي رسوم
  • شهادة إتمام معتمدة — أضفها لـ CV وLinkedIn
  • تعلّم في أي وقت — بالسرعة التي تناسبك
  • مجالات الذكاء الاصطناعي: رؤية الحاسب، معالجة اللغة الطبيعية، الروبوتيات، الألعاب، التنبؤ والتوصية.

مسار التعلم في هذا الكورس

يسير الكورس وفق مسار منطقي متدرّج: الرياضيات والإحصاء → Python → ML → Deep Learning → Specialization

المتطلبات السابقة

Python + رياضيات (إحصاء وجبر خطي) — يمكن لأي شخص البدء في هذا الكورس.

الأدوات والبرامج المستخدمة

  • Python
  • TensorFlow
  • PyTorch
  • Scikit-learn
  • Jupyter
  • Keras
  • Hugging Face

متطلبات الجهاز

  • RAM 16GB فأكثر
  • GPU (NVIDIA RTX مُوصى)
  • SSD سريع
  • تخزين 500GB+

الوظائف المتاحة بعد إتمام الكورس

  • AI Engineer
  • ML Engineer
  • Data Scientist
  • AI Researcher
  • NLP Engineer

متوسط رواتب Mastering Angular 17 | From Basics to Advanced | Learn Angular 17 in Arabic 2026

  • مصر: 12,000-40,000 ج
  • السعودية: 18,000-50,000 ر
  • أمريكا: $120,000-$200,000

كم من الوقت تحتاج لإتقان Mastering Angular 17 | From Basics to Advanced | Learn Angular 17 in Arabic؟

  • أساسيات ML: 40-60 ساعة
  • Deep Learning: 60-100 ساعة
  • تخصص كامل: 200-400 ساعة

الشهادات المعتمدة في مجال برمجة وتطوير المواقع

  • Google ML Engineer
  • AWS ML Specialty
  • Coursera ML Specialization (Andrew Ng)
  • Deep Learning Specialization

مشاريع عملية ستتمكن من بناؤها

  • Image Classifier
  • Chatbot
  • Recommendation System
  • Object Detection
  • Sentiment Analysis

ماذا بعد هذا الكورس؟

بعد إتمام الكورس، يُوصى بالتعمق في: LLMs، Computer Vision، NLP، MLOps، Generative AI.

الأقسام الجامعية ذات الصلة

يُناسب هذا الكورس طلاب: كلية حاسبات ومعلومات، كلية هندسة (ذكاء اصطناعي)، جامعة القاهرة، جامعة عين شمس.

سجّل في كورس Mastering Angular 17 | From Basics to Advanced | Learn Angular 17 in Arabic الآن، ابدأ رحلتك نحو الاحتراف في برمجة وتطوير المواقع مجاناً. تذكّر: أفضل وقت للتعلم هو الآن.

G
المدرّس / القناة
GeekCode
🎬
عدد الدروس
107 درس
⏱️
المدة الإجمالية
22 ساعة 9 دقيقة
📶
المستوى
مبتدئ
🌍
اللغة
English
🎓
الشهادة
مجانية عند الإكمال
✅
المتطلبات
لا توجد متطلبات مسبقة
📂
التصنيف
برمجة وتطوير المواقع

🎯 ماذا ستتعلم في هذا الكورس

✓
Learn Angular 17 in Arabic | #0 Introduction to Angular: What You Need to Know Before You Start
✓
Learn Angular 17 in Arabic | #1 Understanding Component Based Architecture in Angular
✓
Learn Angular 17 in Arabic | #2 Overview of Files and Folders in an Angular Project
✓
Learn Angular 17 in Arabic | #3 Understanding Angular CLI Commands:ng serve with open and hmr
✓
Learn Angular 17 in Arabic | #4 Creating Angular Components: Manually VS Using the CLI
✓
Learn Angular 17 in Arabic | #5 One Way Data Binding: Interpolation,Attribute and Property Binding
✓
Learn Angular 17 in Arabic | #6 Understanding the Difference Between Data Interpolation and Property
✓
Learn Angular 17 in Arabic | #7 Angular Binding Techniques: Style Binding and Class Binding
✓
+ 99 موضوع آخر...

💼 الوظائف التي يؤهلك لها الكورس

💼
مطور ويب
بناء مواقع احترافية
💰 8000-25000 ج.م
💼
فريلانسر
العمل الحر من المنزل
💰 يتفاوت

❓ أسئلة شائعة عن الكورس

كم عدد دروس الكورس؟ +
يحتوي الكورس على 107 درس بإجمالي مدة 22 ساعة 9 دقيقة.
هل الكورس مجاني بالكامل؟ +
نعم، الكورس مجاني تماماً ومتاح بالكامل على منصة مصر 24 بدون أي رسوم.
هل الكورس مناسب للمبتدئين؟ +
الكورس موجّه لمستوى مبتدئ، وهو مناسب تماماً للمبتدئين من الصفر.
ما لغة الشرح في الكورس؟ +
الكورس مشروح باللغة الإنجليزية بأسلوب واضح ومبسّط.
هل يمكن تعلم الكورس بدون خبرة سابقة؟ +
نعم بالتأكيد. هذا الكورس مصمم للمبتدئين من الصفر.
كم يستغرق إتمام هذا الكورس؟ +
المدة الإجمالية 22 ساعة 9 دقيقة. يُنصح بتخصيص ساعة يومياً.
هل أحصل على شهادة عند الإتمام؟ +
نعم، تحصل على شهادة إتمام مجانية من مصر 24 بعد مشاهدة جميع الدروس.
من يقدم هذا الكورس؟ +
الكورس مقدم من GeekCode.

كورسات مشابهة في برمجة وتطوير المواقع

كورس برامج ومعلوميات

كورس برامج ومعلوميات

👤 محمد فتحي الهلالي🎬 200 درس
كورس "تايب سكريبت التأهيلية لبناء الباك اند بشكل احترافيNodeJS/TypeScript"

كورس "تايب سكريبت التأهيلية لبناء الباك اند بشكل احترافيNodeJS/TypeScript"

👤 Dima khatib🎬 52 درس
دورة احتراف التدفقات النقدية (Cash Flow)

دورة احتراف التدفقات النقدية (Cash Flow)

👤 PMO PREMIUM🎬 4 درس
كورس مستوى مبتدئ 3: ابدأ متجرك بسهولة من خلال (ايزي اوردرز)

كورس مستوى مبتدئ 3: ابدأ متجرك بسهولة من خلال (ايزي اوردرز)

👤 Taager🎬 14 درس
✕
🎓 أكاديمية مصر 24
EG24
EG-24 ACADEMY
EG24
EG-24ACADEMY
— أكاديمية مصر 24 —
CERTIFICATE
OF COMPLETION
THISCERTIFICATE IS PROUDLY PRESENTED TO
اسمك هنا
FOR SUCCESSFULLY COMPLETING THE COURSE
اسم الكورس هنا
ISSUED ON
25 أغسطس 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
أقرب طريق لحلمك — سواء مشروعك الجديد أو وظيفة أحلامك — يبدأ من هنا، بكورسات مجانية 100% للأبد.