برمجة LUMIFY WORK Angular 12

لماذا دراسة هذه الدورة

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

ما الذي سوف تتعلمه
عند الانتهاء بنجاح من هذه الدورة، سوف تكون قادرا على:

• تطوير تطبيقات Angular ذات صفحة واحدة باستخدام Typescript
• قم بإعداد بيئة تطوير Angular كاملة
• إنشاء المكونات والتوجيهات والخدمات والمسارات والنماذج وأدوات التحقق المخصصة
• تعامل مع مهام استرجاع بيانات الشبكة المتقدمة باستخدام بيانات Observables من REST web الخدمات باستخدام Angular HT TP Client التعامل مع اتصالات دفع البيانات باستخدام Webبروتوكول المقابس
• العمل مع Angular Pipes لتنسيق البيانات
• استخدم ميزات Angular Component Router المتقدمة
• اختبار وتصحيح التطبيقات Angular باستخدام الأدوات المدمجة.

موضوعات الدورة

الفصل 1. تقديم الزاوي

• ما هو الزاوي؟
• الميزات المركزية لحالات الاستخدام المناسبة للإطار الزاوي
• اللبنات الأساسية للتطبيق الزاوي البنية الأساسية للتطبيق الزاوي تثبيت واستخدام Angular
• تشريح التطبيق الزاوي تشغيل التطبيق
• بناء ونشر التطبيق Angular لتطبيقات الهاتف المحمول الأصلية
• ملخص

الفصل 2. مقدمة إلى TypeScript

• لغات البرمجة للاستخدام مع بناء جملة TypeScript الزاوي
• محررو البرمجة
• نظام النوع – تحديد المتغيرات
• نظام النوع – تعريف المصفوفات
• الأنواع البدائية الأساسية
• اكتب الوظائف
• استدلال النوع
• تعريف الفئات
• طرق الفصل
• التحكم في الرؤية
• بناة الطبقة
• منشئو الفئة - الحقول غير المهيأة للنموذج البديل
• الواجهات
• العمل مع وحدات ES6
• فار مقابل السماح
• وظائف السهم
• وظيفة السهم سلاسل قالب بناء الجملة المدمجة
• الأدوية العامة في الصف
• الأدوية العامة في الوظيفة
• ملخص

الفصل 3. المكونات

• ما هو المكون؟
• السابقampالمكون
• إنشاء مكون باستخدام Angular CLI
• فئة المكون
• مصمم @المكونات
• تسجيل مكون في قالب مكون الوحدة النمطية الخاص به
• Exampلو: قالب HelloComponent
• Example: فئة HelloComponent باستخدام مكون
• قم بتشغيل التطبيق
• التسلسل الهرمي للمكونات
• المكون الجذر للتطبيق
• التمهيد File
• خطافات دورة حياة المكونات على سبيل المثالampخطافات دورة الحياة
• أنماط CSS
• ملخص

الفصل 4. قوالب المكونات

• القوالب
• موقع القالب
• بناء جملة الشارب {{ }}.
• ضبط خصائص عنصر DOM
• إعداد النص الأساسي للعنصر
• ربط الحدث
• معالج حدث التعبير
• منع المعالجة الافتراضية
• توجيهات السمات
• تطبيق الأنماط عن طريق تغيير فئات CSS
• Exampلو: ngClass
• تطبيق الأنماط مباشرة
• التوجيهات الهيكلية
• قالب التنفيذ المشروط
• Exampلو: نجإذا
• التكرار باستخدام ngFor
• ngللمتغيرات المحلية
• التلاعب في مجموعة السابقينampلو – حذف عنصر
• تتبع العناصر باستخدام عناصر مبادلة ngFor مع عناصر تجميع ngSwitch
• ملخص المتغير المرجعي للقالب

الفصل 5. الاتصال بين المكونات

• أساسيات الاتصال
• بنية تدفق البيانات
• إعداد الطفل لتلقي البيانات
• إرسال البيانات من الوالدين
• المزيد عن ضبط الخصائص
• إطلاق الحدث من أحد المكونات
• @Output() على سبيل المثالample – المكون الفرعي @Output() Exampلو – المكون الأصلي
• ملزمة كاملة في اتجاهين
• إعداد ربط البيانات ثنائي الاتجاه في الأصل
• ملخص

الفصل 6. النماذج التي تعتمد على القالب

• نماذج مدفوعة بالقالب
• استيراد وحدة النماذج
• النهج الأساسي
• إعداد النموذج
• الحصول على مدخلات المستخدم
• حذف سمة ngForm
• تهيئة النموذج
• ربط البيانات في اتجاهين
• التحقق من صحة النموذج
• المدققون الزاويون
• عرض حالة التحقق من الصحة باستخدام أنواع المدخلات الإضافية للفئات
• مربعات الاختيار
• حدد (المنسدلة) الحقول
• خيارات العرض لتحديد حقول التاريخ (المنسدلة).
• أزرار الراديو
• ملخص

الفصل 7. النماذج التفاعلية

• نماذج رد الفعل انتهتview
• لبنات البناء
• استيراد ReactiveFormsModule
• إنشاء نموذج
• تصميم القالب
• الحصول على قيم الإدخال
• تهيئة حقول الإدخال
• تحديد قيم النموذج
• الاشتراك في تغييرات الإدخال
• تصديق
• أدوات التحقق المضمنة
• عرض خطأ التحقق من الصحة
• أداة التحقق المخصصة
• استخدام أداة التحقق المخصصة
• توفير التكوين إلى أداة التحقق المخصصة
• FormArray – إضافة المدخلات ديناميكيًا
• FormArray – فئة المكون
• FormArray - القالب
• فورمأري - القيم
• مجموعات النماذج الفرعية - فئة المكون
• مجموعات النماذج الفرعية - قالب HTML
• لماذا استخدام FormGroups الفرعية
• ملخص

الفصل 8. الخدمات وحقن التبعية

• ما هي الخدمة؟
• إنشاء خدمة أساسية
• فئة الخدمة
• ما هو حقن التبعية؟
• حقن مثيل الخدمة
• عن طريق الحقن
• حاقن التسلسل الهرمي
• تسجيل الخدمة باستخدام Root Injector
• تسجيل خدمة باستخدام حاقن المكونات
• قم بتسجيل خدمة باستخدام حاقن وحدة الميزات
• أين يمكن تسجيل الخدمة؟
• حقن التبعية في العناصر الأخرى التي توفر تنفيذًا بديلاً حقن التبعية و@Host
• حقن التبعية و @Optional
• ملخص

الفصل 9. عميل HTTP

• عميل Angular HT TP
• استخدام عميل HT TP – انتهىview
• استيراد HttpClientModule
• الخدمة باستخدام HttpClient
• تقديم طلب الحصول على
• ماذا يفعل كائن يمكن ملاحظته؟
• استخدام الخدمة في أحد المكونات
• معالجة أخطاء مكون عميل PeopleService
• تخصيص كائن الخطأ
• تقديم طلب ما بعد
• تقديم طلب PUT
• تقديم طلب الحذف

الفصل 10. توجيهات الإخراج وتنسيق البيانات

• ما هي الأنابيب؟
• أنابيب مدمجة
• استخدام الأنابيب في أنابيب تسلسل قالب HTML
• الأنابيب الدولية (i18n) تقوم بتحميل البيانات المحلية
• تاريخ الأنابيب
• عدد الأنابيب
• أنبوب العملة
• إنشاء أنبوب مخصص
• أنابيب مخصصة السابقينample
• استخدام الأنابيب المخصصة
• باستخدام الأنابيب مع ngFor
• أنبوب مرشح
• فئة الأنابيب: نقية وغير نقية
• ملخص
• الأنابيب النقية السابقينample
• أنابيب غير نقية السابقينample
• ملخص

الفصل 11. مقدمة لتطبيقات الصفحة الواحدة

• ما هو تطبيق الصفحة الواحدة (SPA) التقليدي؟ Web طلب
• سير عمل SPA
• متقدم لتطبيق صفحة واحدةtagواجهة برمجة تطبيقات محفوظات HTML5
• تحديات سبا
• تنفيذ SPA باستخدام الملخص الزاوي

الفصل 12. جهاز التوجيه المكون الزاوي

• جهاز التوجيه المكون
• View ملاحة
• واجهة برمجة تطبيقات جهاز التوجيه الزاوي
• إنشاء تطبيق يدعم جهاز التوجيه
• استضافة المكونات الموجهة
• التنقل باستخدام الروابط والأزرار
• الملاحة البرمجية
• تمرير معلمات الطريق
• التنقل باستخدام معلمات الطريق
• الحصول على قيم معلمات الطريق
• استرداد معلمة الطريق بشكل متزامن
• استرداد معلمة الطريق بشكل غير متزامن
• معلمات الاستعلام
• توفير معلمات الاستعلام
• استرداد معلمات الاستعلام بشكل غير متزامن
• مشاكل مع الدليل URL الدخول والإشارات المرجعية
• ملخص

الفصل 13. عميل HTTP المتقدم

• خيارات الطلب
• إرجاع كائن HttpResponse
• تحديد رؤوس الطلب
• إنشاء عناصر جديدة يمكن ملاحظتها
• خلق بسيطة يمكن ملاحظتها
• طريقة البناء التي يمكن ملاحظتها: المشغلون الذين يمكن ملاحظتهم
• الخريطة ومشغلي التصفية
• عامل تشغيل flatMap()
• عامل الصنبور ().
• الرمز البريدي () الموحد
• التخزين المؤقت لاستجابة HT TP
• إجراء مكالمات HT TP متسلسلة
• إجراء مكالمات موازية
• تخصيص كائن الخطأ باستخدام CatchError()
• خطأ في خط الأنابيب
• استعادة الخطأ
• ملخص

الفصل 14. الوحدات الزاوية

• لماذا الوحدات الزاوية؟
• تشريح فئة الوحدة النمطية
• خصائص @NgModule
• وحدات الميزة
• Exampهيكل الوحدة النمطية
• إنشاء وحدة المجال
• إنشاء زوج وحدة توجيه/توجيه
• إنشاء وحدة الخدمة
• إنشاء وحدات مشتركة

الفصل 15. التوجيه المتقدم

• وحدة ميزة تمكين التوجيه
• استخدام وحدة الميزة
• تحميل وحدة الميزات كسول
• إنشاء روابط لمكونات وحدة الميزات
• المزيد عن التحميل البطيء
• وحدات التحميل المسبق
• المسار الافتراضي
• مسار طريق البدل
• إعادة توجيه ل
• طرق الطفل
• تحديد مسارات الطفل
• لمسارات الطفل
• روابط لطرق الطفل
• حراس الملاحة
• إنشاء تطبيقات الحرس
• استخدام الحراس في الطريق
• ملخص

الفصل 16. وحدة اختبار التطبيقات الزاوية

• وحدة اختبار التحف الزاوية
• أدوات الاختبار
• خطوات الاختبار النموذجية
• نتائج الاختبار
• أجنحة اختبار الياسمين
• مواصفات الياسمين (اختبارات الوحدة)
• التوقعات (التأكيدات)
• المطابقون
• Exampكيفية استخدام المطابقات
• باستخدام ليس الخاصية
• الإعداد والتفكيك في أجنحة اختبار الوحدة
• Exampلو من قبل كل وظيفة وبعد كل وظيفة
• وحدة الاختبار الزاوي
• Exampوحدة الاختبار الزاوي
• اختبار الخدمة
• حقن مثيل الخدمة
• اختبار طريقة متزامنة
• اختبار أسلوب غير متزامن
• استخدام عميل Mock HT TP
• توفير الاستجابة المعلبة
• اختبار أحد المكونات
• وحدة اختبار المكونات
• إنشاء مثيل المكون
• فئة ComponentFixture
• اختبارات المكونات الأساسية
• فئة DebugElement
• محاكاة تفاعل المستخدم
• ملخص

الفصل 17. تصحيح الأخطاء

• زيادةview التصحيح الزاوي
• Viewكود TypeScript في Debugger
• استخدام الكلمة الأساسية المصحح
• تسجيل التصحيح
• ما هي أدوات التطوير الزاوي؟
• باستخدام Angular DevTools
• Angular DevTools – بنية المكونات
• Angular DevTools - تنفيذ اكتشاف التغيير
• اكتشاف الأخطاء النحوية
• ملخص

تمارين مخبرية

• مختبر 1. مقدمة إلى الزاوي
• مختبر 2. مقدمة إلى TypeScript
• معمل 3. ​​مقدمة للمكونات
• مختبر 4. قالب المكون
• التمرين المعملي رقم 5. إنشاء مكون معرض الصور
• مختبر 6. نموذج يحركه القالب
• معمل 7. إنشاء نموذج تحرير
• مختبر 8. النموذج التفاعلي
• مختبر 9. تطوير الخدمة
• معمل 10. تطوير عميل HT TP
• معمل 11. استخدام الأنابيب
• التمرين المعملي 12. التطبيق الأساسي للصفحة الواحدة باستخدام جهاز التوجيه المعملي 13. إنشاء تطبيق الصفحة الواحدة (SPA)
• معمل 14. عميل HT TP المتقدم
• معمل 15. استخدام Bootstrap الزاوي
• معمل 16. تحميل الوحدة البطيئة
• التمرين المعملي 17. التوجيه المتقدم
• معمل 18. اختبار الوحدة
• التمرين المعملي رقم 19. تصحيح أخطاء التطبيقات الزاوية

الذي هو بطبيعة الحال ل؟
تستهدف هذه الدورة أي شخص يحتاج إلى تعلم أساسيات تطوير Angular 12 وتطبيقها في الإنشاء web التطبيقات على الفور. يمكننا أيضًا تقديم هذه الدورة التدريبية وتخصيصها لمجموعات أكبر - مما يوفر الوقت والمال والموارد لمؤسستك.

الشروط المسبقة
Web مطلوب خبرة في التطوير باستخدام HTML وCSS وJavaScript لتحقيق أقصى استفادة من دورة Angular هذه. معرفة متصفح DOM مفيدة أيضًا. ليست هناك حاجة إلى خبرة سابقة في Angular، مع AngularJS أو أي إصدار من Angular.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

المستندات / الموارد

برمجة LUMIFY WORK Angular 12 [بي دي اف] دليل المستخدم الزاوي 12 البرمجة الزاوي 12 البرمجة البرمجة

مراجع

• دليل المستخدم