التطبيق و WEB تطوير
برمجة الزاوي 15
طول 5 يوما
إصدار 15
لماذا دراسة هذه الدورة
توفر هذه الدورة التدريبية المكثفة والشاملة Angular 15 للحاضرين المهارات التي يمكنهم استخدامها على الفور في عملهم. ستتعلم أساسيات تطوير Angular 15 مثل تطبيقات المتصفح ذات الصفحة الواحدة والاستجابة webالمواقع، وتطبيقات الهاتف المحمول الهجينة.
هذه الدورة عبارة عن مزيج من التعلم النظري والمختبرات العملية التي تتضمن مقدمة إلى Angular، تليها TypeScript، والمكونات، والخلايا المباشرة، والخدمات، وHTTPClient، والاختبار، وتصحيح الأخطاء.
ملحوظة: يمكننا أيضًا تقديم التدريب على الإصدارات الأخرى من Angular. يرجى الاتصال بنا لإجراء استفسار أو تسجيل اهتمامك.
الزاوي في عمل LUMIFY
ما الذي سوف تتعلمه
عند إكمال هذه الدورة بنجاح، سيكون لديك المعرفة اللازمة لما يلي:
- تطوير تطبيقات Angular ذات صفحة واحدة باستخدام Typescript
- قم بإعداد بيئة تطوير Angular كاملة
- قم بإنشاء المكونات والخلايا المباشرة والخدمات والأنابيب والنماذج وأدوات التحقق المخصصة
- تعامل مع مهام استرجاع بيانات الشبكة المتقدمة باستخدام Observables
- تستهلك البيانات من REST web الخدمات باستخدام Angular HTTP Client
- تعامل مع أيونات توصيل بيانات الدفع باستخدام Webبروتوكول المقبس
- العمل مع Angular Pipes لتنسيق البيانات
- استخدم ميزات Angular Component Router المتقدمة
- اختبار وتصحيح تطبيقات Angular باستخدام الأدوات المضمنة
- العمل مع Angular CLI
لقد كان معلمي رائعًا في قدرته على وضع السيناريوهات في حالات العالم الحقيقي المتعلقة بوضعي المحدد.
لقد شعرت بالترحيب منذ لحظة وصولي وكانت القدرة على الجلوس كمجموعة خارج الفصل الدراسي لمناقشة مواقفنا وأهدافنا ذات قيمة كبيرة.
لقد تعلمت الكثير وشعرت أنه من المهم تحقيق أهدافي من خلال حضور هذه الدورة.
عمل رائع من فريق عمل Lumify.أماندا نيكول
مدير خدمات دعم تكنولوجيا المعلومات - HEALTH WORLD LIMITED
موضوعات الدورة
- تقديم الزاوي
• ما هو الزاوي؟
• الميزات المركزية للإطار الزاوي
• حالات الاستخدام المناسبة
• اللبنات الأساسية للتطبيق الزاوي
• البنية الأساسية للتطبيق الزاوي
• تثبيت واستخدام الزاوي
• تشريح التطبيق الزاوي
• تشغيل التطبيق
• بناء ونشر التطبيق
• Angular لتطبيقات الجوال الأصلية - مقدمة إلى TypeScript
• لغات البرمجة المستخدمة مع Angular
• بناء جملة TypeScript
• برمجة المحررين
• نظام النوع – تعريف المتغيرات
• نظام النوع – تعريف المصفوفات
• الأنواع البدائية الأساسية
• اكتب في وظيفة الأيونات
• نوع الاستدلال
• تعريف الفئات
• أساليب الطبقة
• التحكم في الرؤية
• منشئو الطبقة
• منشئو الفئة – النموذج البديل
• الحقول غير مهيأة
• واجهات
• العمل مع وحدات ES6
• فار مقابل السماح
• وظائف السهم
• تركيب جملة مدمج لوظيفة السهم
• سلاسل القالب
• الأدوية العامة في الصف
• الأدوية العامة في الوظيفة - عناصر
• ما هو المكون؟
• السابقينampالمكون
• إنشاء مكون باستخدام Angular CLI
• فئة المكون
• @Component Decorator
• تسجيل أحد المكونات في الوحدة النمطية الخاصة به
• قالب المكون
• السابقampلو: قالب HelloComponent
• السابقample: فئة HelloComponent
• استخدام أحد المكونات
• تشغيل التطبيق
• التسلسل الهرمي للمكونات
• المكون الجذري للتطبيق
• التمهيد File
• خطافات دورة حياة المكونات
• السابقampخطافات دورة الحياة
• أنماط CSS - قوالب المكونات
• قوالب
• موقع القالب
• بناء جملة الشارب {{ }}.
• ضبط خصائص عنصر DOM
• إعداد النص الأساسي للعنصر
• ربط الحدث
• معالج الحدث التعبير
• منع المعالجة الافتراضية
• توجيهات السمة
• تطبيق الأنماط عن طريق تغيير فئات CSS
• السابقampلو: ngClass
• تطبيق الأنماط مباشرة
• التوجيهات الهيكلية
• نموذج التنفيذ المشروط
• السابقampلو: نجإذا
• التكرار باستخدام ngFor
• ngFor المتغيرات المحلية
• التعامل مع المجموعة
• السابقampلو – حذف عنصر
• تتبع السلعة مع ngFor
• مبادلة العناصر مع ngSwitch
• تجميع العناصر
• نموذج مرجعي متغير - الاتصالات بين المكونات
• أساسيات الاتصال
• بنية تدفق البيانات
• إعداد الطفل لتلقي البيانات
• إرسال البيانات من الوالدين
• المزيد حول ضبط الخصائص
• إطلاق الحدث من أحد المكونات
• @Output() السابقينampلو – مكون الطفل
• @Output() السابقينampلو – المكون الأصلي
• ملزمة كاملة في اتجاهين
• إعداد ربط البيانات في اتجاهين في الأصل - النماذج والنماذج المدفوعة
• نماذج مدفوعة بالنموذج
• استيراد وحدة النماذج
• النهج الأساسي
• إعداد النموذج
• الحصول على مدخلات المستخدم
• حذف سمة ngForm
• تهيئة النموذج
• ربط البيانات في اتجاهين
• التحقق من صحة النموذج
• المدققون الزاويون
• عرض حالة التحقق من صحة أيون باستخدام الفئات
• أنواع المدخلات الإضافية
• خانات الاختيار
• حدد (المنسدلة) الحقول
• خيارات العرض للتحديد (القائمة المنسدلة)
• حقول التاريخ
• أزرار الراديو - أشكال رد الفعل
• نماذج رد الفعل انتهتview
• لبنات البناء
• استيراد FormsModule التفاعلية
• إنشاء نموذج
• تصميم القالب
• الحصول على قيم الإدخال
• تهيئة حقول الإدخال
• تحديد قيم النموذج
• الاشتراك في تغييرات الإدخال
• تصديق
• المدمج في التحقق من الصحة
• عرض خطأ التحقق من الصحة
• المدقق المخصص
• استخدام أداة التحقق المخصصة
• توفير التكوين إلى أداة التحقق المخصصة
• FormArray – إضافة المدخلات بشكل حيوي
• FormArray – فئة المكون
• FormArray – القالب
• FormArray – القيم
• مجموعات النماذج الفرعية – فئة المكون
• مجموعات النماذج الفرعية – قالب HTML
• لماذا استخدام FormGroups الفرعية - الخدمات وحقن التبعية
• ما هي الخدمة؟
• إنشاء خدمة أساسية
• فئة الخدمة
• ما هو حقن التبعية؟
• حقن مثيل الخدمة
• الحقن
• حاقن التسلسل الهرمي
• تسجيل الخدمة مع برنامج Root Injector
• تسجيل الخدمة باستخدام حاقن المكون
• تسجيل خدمة باستخدام حاقن وحدة الميزات
• أين يمكن تسجيل الخدمة؟
• حقن التبعية في القطع الأثرية الأخرى
• توفير التنفيذ البديل
• حقن التبعية و@Host
• حقن التبعية و @Optional - عميل HTTP
• عميل HTTP الزاوي
• استخدام عميل HTTP – انتهىview
• استيراد جي HttpClientModule
• الخدمة باستخدام HttpClient
• تقديم طلب GET
• ماذا يفعل كائن يمكن ملاحظته؟
• استخدام الخدمة في أحد المكونات
• مكون عميل PeopleService
• معالجة الأخطاء
• تخصيص كائن الخطأ
• تقديم طلب ما بعد
• تقديم طلب PUT
• تقديم طلب الحذف - الأنابيب وتنسيق البيانات
• ما هي الأنابيب؟
• الأنابيب المدمجة
• استخدام الأنابيب في قالب HTML
• تسلسل الأنابيب
• الأنابيب المؤينة الدولية (i18n)
• تحميل البيانات المحلية
• تاريخ الأنابيب
• عدد الأنابيب
• أنابيب العملة
• إنشاء أنبوب مخصص
• الأنابيب المخصصة السابقينample
• استخدام الأنابيب المخصصة
• استخدام الأنابيب مع ngFor
• أنبوب تصفية
• فئة الأنابيب: نقية وغير نقية
• الصرفة الأنابيب السابقينample
• أنابيب غير نقيةample - مقدمة لتطبيقات الصفحة الواحدة
• ما هو تطبيق الصفحة الواحدة (SPA)
• تقليدي Web طلب
• سير عمل SPA
• تطبيق متقدم لصفحة واحدةtages
• HTML5 التاريخ API
• تحديات SPA
• تنفيذ SPA باستخدام Angular - جهاز التوجيه المكون الزاوي
• جهاز التوجيه المكون
• View ملاحة
• واجهة برمجة تطبيقات جهاز التوجيه الزاوي
• إنشاء تطبيق تمكين جهاز التوجيه
• استضافة المكونات الموجهة
• التنقل باستخدام الروابط والأزرار
• الملاحة المبرمجة
• تمرير معلمات الطريق
• التنقل باستخدام معلمات الطريق
• الحصول على قيم معلمات الطريق
• استرداد معلمة الطريق بشكل متزامن
• استرداد معلمة الطريق بشكل غير متزامن
• معلمات الاستعلام
• توفير معلمات الاستعلام
• استرداد معلمات الاستعلام بشكل غير متزامن
• مشاكل مع الدليل URL الدخول والإشارات المرجعية - عميل HTTP المتقدم
• خيارات الطلب
• إرجاع كائن HttpResponse
• تحديد رؤوس الطلب
• إنشاء عناصر جديدة يمكن ملاحظتها
• خلق بسيطة يمكن ملاحظتها
• طريقة البناء الملحوظة
• مشغلي يمكن ملاحظتها
• الخريطة ومشغلي التصفية
• المشغل flatMap()
• الصنبور () المشغل
• وzip() Combinator
• التخزين المؤقت استجابة HTTP
• إجراء مكالمات HTTP متسلسلة
• إجراء مكالمات موازية
• تخصيص كائن الخطأ باستخدام CatchError()
• خطأ في خط الأنابيب
• استرداد الخطأ - الوحدات الزاوية
• لماذا الوحدات الزاويّة؟
• تشريح فئة الوحدة النمطية
• خصائص @NgModule
• وحدات الميزة
• السابقampهيكل الوحدة النمطية
• إنشاء وحدة المجال
• إنشاء زوج وحدة توجيه/توجيه
• إنشاء وحدة الخدمة
• إنشاء وحدات مشتركة
• استخدام وحدة واحدة من أخرى - التوجيه المتقدم
• وحدة ميزة تمكين التوجيه
• استخدام وحدة الميزة
• كسول تحميل وحدة الميزة
• إنشاء روابط لمكونات وحدة الميزات
• المزيد عن التحميل البطيء
• وحدات التحميل المسبق
• ربط routerLinkActive
• الطريق الافتراضي
• مسار طريق البدل
• إعادة توجيه ل
• طرق الطفل
• تحديد الطرق التابعة للطرق التابعة
• روابط لمسارات الطفل
• حراس الملاحة
• إنشاء تطبيقات الحرس
• استخدام الحراس في الطريق - وحدة اختبار التطبيقات الزاوية
• وحدة اختبار التحف الزاويّة
• أدوات الاختبار
• خطوات الاختبار النموذجية
• نتائج الإختبار
• أجنحة اختبار الياسمين
• مواصفات الياسمين (اختبارات الوحدة)
• التوقعات (تأكيد الأيونات)
• المتطابقات
• السابقampكيفية استخدام المطابقات
• استخدام ليس الخاصية
• الإعداد والتفكيك في أجنحة اختبار الوحدة
• السابقampلو من قبل كل وظيفة وبعد كل وظيفة
• وحدة الاختبار الزاوي
• السابقampوحدة الاختبار الزاوي
• اختبار الخدمة
• حقن مثيل الخدمة
• اختبار طريقة متزامنة
• اختبار أسلوب غير متزامن
• استخدام عميل HTTP وهمية
• توريد الاستجابة المعلبة
• اختبار أحد المكونات
• وحدة اختبار المكونات
• إنشاء مثيل مكون
• فئة ComponentFixture
• اختبارات المكونات الأساسية
• فئة DebugElement
• محاكاة تفاعل المستخدم - تصحيح الأخطاء
• زيادةview التصحيح الزاوي
• Viewكود TypeScript في Debugger
• استخدام الكلمة الأساسية المصحح
• تسجيل التصحيح
• ما هي Angular DevTools؟
• استخدام Angular DevTools
• Angular DevTools – هيكل المكونات
• Angular DevTools – كشف التغيير وتنفيذه
• اصطياد الأخطاء النحوية
الذي هو بطبيعة الحال ل؟
تستهدف هذه الدورة التدريبية أي شخص يحتاج إلى تعلم أساسيات تطوير Angular 15 وتطبيقها على الفور في عملية الإنشاء web التطبيقات.
يمكننا أيضًا تقديم هذه الدورة التدريبية وتخصيصها لمجموعات أكبر - مما يوفر الوقت والمال والموارد لمؤسستك. لمزيد من المعلومات، يرجى الاتصال بنا عبر البريد الإلكتروني على ph.training@lumifywork.com
الشروط المسبقة
- Web مطلوب خبرة في التطوير باستخدام HTML وCSS وJavaScript لتحقيق أقصى استفادة من دورة Angular هذه
- معرفة متصفح DOM مفيدة أيضًا
- ليست هناك حاجة إلى خبرة سابقة في Angular أو AngularJS
يخضع تقديم هذه الدورة التدريبية بواسطة Lumify Work لشروط وأحكام الحجز.
يرجى قراءة الشروط والأحكام بعناية قبل التسجيل في هذه الدورة، حيث أن التسجيل في الدورة مشروط بقبول هذه الشروط والأحكام.
https://www.lumifywork.com/en-ph/courses/angular-15-programming/ ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
LinkedIn.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork
المستندات / الموارد
![]() |
برمجة LUMIFY WORK Angular 15 [بي دي اف] دليل المستخدم الزاوي 15 البرمجة، البرمجة |