LUMIFY WORK Angular 12 پروگرامنگ

هي ڪورس ڇو پڙهو

هي جامع Angular 12 پروگرامنگ ڪورس نظرياتي سکيا ۽ هٿ تي ليبز جو هڪ مجموعو آهي جنهن ۾ Angular جو تعارف شامل آهي، بعد ۾ TypeScript، اجزاء، هدايتون، خدمتون، HTTP ڪلائنٽ، ٽيسٽنگ، ۽ ڊيبگنگ.
ڪورس مفيد ۽ قابل عمل معلومات سان ڀريل آهي جيڪو توهان پنهنجي ڪم تي فوري طور تي لاڳو ڪري سگهو ٿا. بنيادي Angular 12 ڊولپمينٽ جا بنيادي اصول سکو جيئن ته سنگل پيج برائوزر ايپليڪيشنون، جوابي webسائيٽون، ۽ هائبرڊ موبائل ايپليڪيشنون.
نوٽ: اسان پڻ Angular جي ٻين نسخن تي تربيت فراهم ڪري سگهون ٿا. مهرباني ڪري اسان سان رابطو ڪريو هڪ انڪوائري ڪرڻ يا توهان جي دلچسپي رجسٽر ڪرڻ لاء.

توهان ڇا سکندا
هن ڪورس جي ڪامياب مڪمل ٿيڻ تي، توهان قابل ٿي سگهندا:

• ٽائيپ اسڪرپٽ استعمال ڪندي سنگل پيج اينگولر ايپليڪيشنون ٺاهيو
• هڪ مڪمل Angular ترقي ماحول قائم ڪريو
• اجزاء ٺاھيو، ھدايتون، خدمتون، پائپ، فارم، ۽ ڪسٽم تصديق ڪندڙ
• REST مان Observables Consume ڊيٽا استعمال ڪندي جديد نيٽ ورڪ ڊيٽا حاصل ڪرڻ جا ڪم سنڀاليو web Angular HT TP ڪلائنٽ هينڊل پش-ڊيٽا ڪنيڪشن استعمال ڪندي خدمتون Webساکٽ پروٽوڪول
• ڊيٽا کي فارميٽ ڪرڻ لاء Angular پائپ سان ڪم ڪريو
• جديد Angular Component Router خاصيتون استعمال ڪريو
• بلٽ ان ٽولز استعمال ڪندي Angular ايپليڪيشنن کي جانچ ۽ ڊيبگ ڪريو.

ڪورس جا مضمون

باب 1. ڪنولر جو تعارف

• Angular ڇا آهي؟
• Angular فريم ورڪ جي مرڪزي خاصيتون مناسب استعمال ڪيس
• اينگولر ايپليڪيشن جا بلڊنگ بلاڪ اينگولر ايپليڪيشن کي انسٽال ڪرڻ ۽ استعمال ڪرڻ جو بنيادي فن تعمير
• ايپليڪيشن کي هلائڻ واري اينگولر ايپليڪيشن جي اناتومي
• اصلي موبائل ائپس لاءِ ايپليڪيشن اينگولر جي تعمير ۽ ترتيب ڏيڻ
• خلاصو

باب 2. ٽائپ اسڪرپٽ جو تعارف

• Angular TypeScript Syntax سان استعمال لاءِ پروگرامنگ ٻوليون
• پروگرامنگ ايڊيٽرز
• قسم جو نظام - متغيرن جي تعريف
• ٽائيپ سسٽم - ڊيفائننگ ايري
• بنيادي پرائمري قسمون
• فنڪشن ۾ ٽائپ ڪريو
• قسم Inference
• ڪلاسن جي تعريف
• ڪلاس جا طريقا
• ڏسڻ جو ڪنٽرول
• ڪلاس تعمير ڪندڙ
• ڪلاس تعمير ڪندڙ - متبادل فارم غير شروع ٿيل فيلڊز
• انٽرفيس
• ES6 ماڊلز سان ڪم ڪرڻ
• var بمقابلہ ڏيو
• تير جو ڪم
• Arrow Function Compact Syntax Template Strings
• ڪلاس ۾ عام
• فنڪشن ۾ عام
• خلاصو

باب 3. اجزاء

• هڪ جزو ڇا آهي؟
• هڪ Exampجزو
• Angular CLI استعمال ڪندي هڪ جزو ٺاهڻ
• اجزاء جو ڪلاس
• The @Component decorator
• ان جي ماڊيول جزو سانچي ۾ هڪ جزو رجسٽر ڪرڻ
• Example: HelloComponent Template
• Example: هيلو ڪمپونٽ ڪلاس هڪ جزو استعمال ڪندي
• ايپليڪيشن کي هلايو
• اجزاء جي درجه بندي
• ايپليڪيشن روٽ جو حصو
• بوٽ اسٽريپ File
• جزو لائف سائيڪل ٿلهو Exampلي لائف سائيڪل ٿلهو
• CSS انداز
• خلاصو

باب 4. اجزاء ٽيمپليٽس

• ٽيمپليٽس
• ٽيمپليٽ مقام
• Mustache {{ }} نحو
• DOM عنصر پراپرٽيز سيٽنگ
• سيٽنگ عنصر جسماني متن
• واقعي جو پابند
• ايڪسپريس ايونٽ هينڊلر
• ڊفالٽ هينڊلنگ کي روڪيو
• خاص هدايتون
• CSS ڪلاسز کي تبديل ڪندي انداز لاڳو ڪريو
• Example: ng Class
• سڌو سنئون انداز لاڳو ڪرڻ
• ساخت جي هدايتون
• Conditionally Execute Template
• Example: ngIf
• ngFor استعمال ڪندي لوپنگ
• مقامي متغيرن لاءِ
• ڪليڪشن کي هٿي ڏيڻ Example - هڪ شيء کي حذف ڪرڻ
• شين جي ٽريڪنگ ngFor Swapping Elements with ngSwitch Grouping Elements
• سانچو حوالو متغير خلاصو

باب 5. انٽر اجزاء ڪميونيڪيشن

• ڪميونيڪيشن بيسڪس
• ڊيٽا فلو آرڪيٽيڪچر
• ڊيٽا حاصل ڪرڻ لاء ٻار کي تيار ڪرڻ
• والدين کان ڊيٽا موڪليو
• سيٽنگ پراپرٽيز بابت وڌيڪ
• هڪ جزو کان فائرنگ جو واقعو
• @Output() Example - ٻار جو جزو @Output() Example - والدين جزو
• مڪمل ٻه طرفي پابند
• والدين ۾ ٻه واٽ ڊيٽا بائنڊنگ قائم ڪرڻ
• خلاصو

باب 6. ٽيمپليٽ هلائيندڙ فارم

• ٽيمپليٽ هلائيندڙ فارم
• درآمدي فارم ماڊل
• بنيادي اپروچ
• هڪ فارم قائم ڪرڻ
• صارف ان پٽ حاصل ڪرڻ
• ngForm خاصيت کي ختم ڪرڻ
• فارم کي شروع ڪريو
• ٻه طرفي ڊيٽا بائنڊنگ
• فارم جي تصديق
• Angular Validators
• ڪلاسن جي اضافي ان پٽ قسمن کي استعمال ڪندي تصديق واري حالت ڏيکاريندي
• چيڪ بڪس
• منتخب ڪريو (ڊراپ ڊائون) فيلڊ
• رينڊرنگ آپشنز لاءِ چونڊيو (ڊراپ ڊائون) تاريخ جا شعبا
• ريڊيو بٽڻ
• خلاصو

باب 7. رد عمل وارو فارم

• رد عمل وارو فارم اوورview
• بلڊنگ بلاڪ
• ReactiveFormsModule درآمد ڪريو
• هڪ فارم ٺاهيو
• ٽيمپليٽ ٺاهيو
• ان پٽ قدر حاصل ڪرڻ
• ان پٽ فيلڊز جي شروعات
• سيٽنگ فارم جي قيمت
• ان پٽ تبديلين جي رڪنيت حاصل ڪرڻ
• تصديق
• بلٽ-ان تصديق ڪندڙ
• تصديق جي غلطي ڏيکاريندي
• حسب ضرورت تصديق ڪندڙ
• ڪسٽم تصديق ڪندڙ استعمال ڪندي
• ڪسٽم تصديق ڪندڙ کي ترتيب ڏيڻ جي فراهمي
• FormArray - متحرڪ طور تي ان پٽ شامل ڪريو
• FormArray - اجزاء ڪلاس
• FormArray - سانچو
• FormArray - قدر
• ذيلي فارم گروپ - اجزاء ڪلاس
• ذيلي فارم گروپس - HTML ٽيمپليٽ
• ڇو استعمال ڪريو ذيلي فارم گروپ
• خلاصو

باب 8. خدمتون ۽ انحصار انجکشن

• هڪ خدمت ڇا آهي؟
• هڪ بنيادي خدمت ٺاهڻ
• سروس ڪلاس
• انحصار انجکشن ڇا آهي؟
• Injecting هڪ خدمت مثال
• انجيڪٽرز
• Injector hierarchy
• روٽ انجيڪٽر سان هڪ خدمت رجسٽر ڪرڻ
• هڪ جزو جي انجيڪٽر سان هڪ خدمت رجسٽر ڪرڻ
• هڪ خدمت رجسٽر ڪريو هڪ فيچر ماڊل انجيڪٽر سان
• ڪٿي هڪ خدمت رجسٽر ڪرڻ لاء؟
• ٻين آثارن ۾ انحصار انجيڪشن هڪ متبادل عمل درآمد فراهم ڪندي انحصار انجيڪشن ۽ @Host
• انحصار انجيڪشن ۽ @ اختياري
• خلاصو

باب 9. HTTP ڪلائنٽ

• Angular HT TP ڪلائنٽ
• استعمال ڪندي T he HT TP ڪلائنٽ - اوورview
• HttpClientModule درآمد ڪرڻ
• HttpClient استعمال ڪندي خدمت
• هڪ GET درخواست ٺاهڻ
• هڪ مشاهدو اعتراض ڇا ڪندو آهي؟
• هڪ جزو ۾ خدمت استعمال ڪندي
• The PeopleService ڪلائنٽ اجزاء جي غلطي کي سنڀالڻ
• ايرر اعتراض کي ترتيب ڏيڻ
• پوسٽ ڪرڻ جي درخواست
• PUT درخواست ٺاهڻ
• DELETE جي درخواست ڪرڻ

باب 10. پائپس ۽ ڊيٽا فارميٽنگ

• پائپس ڇا آهن؟
• تعمير ٿيل پائپ
• HTML ٽيمپليٽ زنجير پائپ ۾ پائپ استعمال ڪندي
• بين الاقوامي پائپس (i18n) لوڊ ڪندي لوڪل ڊيٽا
• تاريخ جو پائپ
• نمبر پائپ
• ڪرنسي پائپ
• هڪ ڪسٽم پائپ ٺاهيو
• ڪسٽم پائپ Example
• ڪسٽم پائپ استعمال ڪندي
• ngFor سان پائپ استعمال ڪندي
• هڪ فلٽر پائپ
• پائپ جو درجو: خالص ۽ ناپاڪ
• خلاصو
• خالص پائپ Example
• ناپاڪ پائپ Example
• خلاصو

باب 11. سنگل پيج ايپليڪيشنن جو تعارف

• هڪ سنگل پيج ايپليڪيشن ڇا آهي (SPA) روايتي Web درخواست
• SPA ڪم فلو
• سنگل پيج ايپليڪيشن ايڊوانtages HTML5 تاريخ API
• SPA چئلينجز
• Angular خلاصو استعمال ڪندي SPA کي لاڳو ڪرڻ

باب 12. ڪوئلي جزو راؤٽر

• اجزاء جو راؤٽر
• View نيويگيشن
• Angular Router API
• روٽر فعال ٿيل ايپليڪيشن ٺاهڻ
• رستن جي اجزاء جي ميزباني
• نيويگيشن لنڪس ۽ بٽڻ استعمال ڪندي
• پروگراماتي نيويگيشن
• گذرڻ واري رستي جا پيرا ميٽر
• رستي جي پيراگراف سان نيويگيٽ ڪرڻ
• رستي جي پيٽرولر جي قيمت حاصل ڪرڻ
• رستي جي پيٽرولر کي هم وقت سازي سان حاصل ڪرڻ
• ھڪڙي رستي جي پيٽرولر کي حاصل ڪرڻ غير مطابقت سان
• پڇا ڳاڇا پيراگراف
• پڇا ڳاڇا پيراگراف جي فراهمي
• Asynchronously پڇا ڳاڇا پيراگراف ٻيهر حاصل ڪرڻ
• دستي سان مسئلا URL داخلا ۽ بک مارڪنگ
• خلاصو

باب 13. ترقي يافته HTTP ڪلائنٽ

• درخواست جا اختيار
• هڪ HttpResponse اعتراض واپس ڪرڻ
• سيٽنگ درخواست هيڊر
• نئين آبزرويبل ٺاهڻ
• هڪ سادي Observable ٺاهڻ
• The Observable Constructor Method Observable Operators
• نقشو ۽ فلٽر آپريٽرز
• فليٽ ميپ () آپريٽر
• ٽيپ () آپريٽر
• زپ () ڪمبينيٽر
• ڪيشنگ HT TP جواب
• ترتيب وار HT TP ڪالون ٺاهڻ
• متوازي ڪالون ٺاهڻ
• catchError() سان ايرر شئي کي ترتيب ڏيڻ
• پائپ لائن ۾ غلطي
• غلطي جي بحالي
• خلاصو

باب 14. اينگولر ماڊلز

• ڇو Angular ماڊلز؟
• هڪ ماڊل ڪلاس جي اناتومي
• @NgModule ملڪيت
• فيچر ماڊلز
• Exampماڊل جي جوڙجڪ
• هڪ ڊومين ماڊل ٺاهيو
• ٺاھيو روٽ ٿيل/روٽنگ ماڊل جوڙو
• هڪ سروس ماڊل ٺاهيو
• عام ماڊلز ٺاهڻ

باب 15. ترقي يافته رستو

• روٽنگ فعال خصوصيت ماڊل
• فيچر ماڊل استعمال ڪندي
• سست لوڊ ڪندي فيچر ماڊل
• فيچر ماڊل اجزاء لاءِ لنڪ ٺاهڻ
• سست لوڊ ڪرڻ بابت وڌيڪ
• اڳي لوڊ ڪرڻ جا ماڊل
• ڊفالٽ رستو
• وائلڊ ڪارڊ رستي جو رستو
• ڏانهن منتقل ڪريو
• ٻارن جا رستا
• ٻارن جي رستن جي وضاحت
• ٻارن جي رستن لاء
• ٻارن جي رستن لاء لنڪ
• نيويگيشن گارڊز
• گارڊ تي عملدرآمد ٺاهڻ
• رستي ۾ گارڊ استعمال ڪرڻ
• خلاصو

باب 16. يونٽ ٽيسٽنگ اينگولر ايپليڪيشنون

• يونٽ ٽيسٽنگ ڪوئلي نموني
• جاچ جا اوزار
• عام جاچ جا مرحلا
• ٽيسٽ جا نتيجا
• جيسمين ٽيسٽ سوٽ
• جيسمين اسپيڪس (يونٽ ٽيسٽ)
• اميدون (دعاون)
• ملندڙ
• Exampميچز کي استعمال ڪرڻ جا طريقا
• نه ملڪيت استعمال ڪندي
• يونٽ ٽيسٽ سوٽ ۾ سيٽ اپ ۽ ٽيئر ڊائون
• Example of beforeEach ۽ afterEach functions
• ڪوئلي ٽيسٽ ماڊل
• Exampلي اينگولر ٽيسٽ ماڊل
• خدمت جي جانچ
• Injecting هڪ خدمت مثال
• هڪ هم وقت سازي جو طريقو آزمايو
• ٽيسٽ ڪريو هڪ Asynchronous طريقو
• Mock HT TP ڪلائنٽ استعمال ڪندي
• Canned جواب جي فراهمي جي
• هڪ جزو جي جاچ
• اجزاء ٽيسٽ ماڊل
• هڪ جزو مثال ٺاهڻ
• اجزاء فڪسچر ڪلاس
• بنيادي اجزاء جا امتحان
• DebugElement Class
• استعمال ڪندڙ جي رابطي کي ترتيب ڏيڻ
• خلاصو

باب 17. ڊيبگنگ

• مٿانview Angular Debugging جو
• Viewڊيبگر ۾ ٽائپ اسڪرپٽ ڪوڊ
• ڊيبگر ڪي ورڊ استعمال ڪندي
• ڊيبگ لاگنگ
• Angular DevTools ڇا آهي؟
• Angular DevTools استعمال ڪندي
• Angular DevTools - اجزاء جي جوڙجڪ
• Angular DevTools - تبديل ڪريو چڪاس جي عمل
• نحوي غلطيون پڪڙڻ
• خلاصو

ليبارٽري مشقون

• ليب 1. ڪوئلي جو تعارف
• ليب 2. ٽائپ اسڪرپٽ جو تعارف
• ليب 3. اجزاء جو تعارف
• ليب 4. اجزاء سانچو
• Lab 5. هڪ فوٽو گيلري جو حصو ٺاهيو
• ليب 6. ٽيمپليٽ هلائيندڙ فارم
• ليب 7. هڪ ترميمي فارم ٺاهيو
• ليب 8. رد عمل وارو فارم
• ليب 9. هڪ خدمت ٺاهيو
• Lab 10. هڪ HT TP ڪلائنٽ ٺاهيو
• ليب 11. پائپ استعمال ڪريو
• ليب 12. بنيادي سنگل پيج ايپليڪيشن روٽر ليب استعمال ڪندي 13. هڪ سنگل پيج ايپليڪيشن ٺاهيو (SPA)
• ليب 14. ڳوڙهي ايڇ ٽي ٽي ڪلائنٽ
• ليب 15. ڪوئلي بوٽ اسٽريپ استعمال ڪندي
• ليب 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 پروگرامنگ [pdf] استعمال ڪندڙ ھدايت Angular 12 Programming, Angular, 12 Programming, Programming

حوالو

• استعمال ڪندڙ دستي