LUMIFY WORK Angular 15 پروگرامنگ يوزر گائيڊ

درخواست ۽ WEB ڊولپمينٽ
Angular 15 پروگرامنگ
LENGTH 5 ڏينهن
ورشن 15

مواد لڪائڻ

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

2 توهان ڇا سکندا

3 ڪورس جا مضمون

4 ڪورس ڪنهن لاءِ آهي؟

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

هي وسيع ۽ جامع Angular 15 ٽريننگ ڪورس حاضرين کي صلاحيتن سان مهيا ڪري ٿو جيڪي اهي فوري طور تي پنهنجي ڪم ۾ استعمال ڪري سگهن ٿا. توهان Angular 15 ڊولپمينٽ جا بنيادي اصول سکندا جيئن سنگل پيج برائوزر ايپليڪيشن آئنز، جوابي webسائيٽون، ۽ هائبرڊ موبائل ايپليڪيشن آئنز.
هي ڪورس نظرياتي سکيا ۽ هٿن تي ليبز جو هڪ گڏيل آئن آهي جنهن ۾ Angular جو هڪ تعارف شامل آهي، بعد ۾ TypeScript، اجزاء، سڌو ives، خدمتون، HTTPClient، ٽيسٽنگ، ۽ ڊيبگنگ.
نوٽ: اسان Angular جي ٻين نسخن تي پڻ تربيت فراهم ڪري سگھون ٿا. مهرباني ڪري اسان سان رابطو ڪريو هڪ انڪوائري ڪرڻ يا توهان جي دلچسپي رجسٽر ڪرڻ لاء.

لومفي ڪم تي ڪوئلر

توهان ڇا سکندا

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

ٽائپ اسڪرپٽ استعمال ڪندي سنگل پيج اينگولر ايپليڪيشن آئنز ٺاهيو
هڪ مڪمل Angular ترقي ماحول قائم ڪريو
اجزاء ٺاهيو، سڌو ives، خدمتون، پائپ، فارم، ۽ ڪسٽم تصديق ڪندڙ
Observables استعمال ڪندي جديد نيٽ ورڪ ڊيٽا حاصل ڪرڻ جا ڪم سنڀاليو
استعمال ڪريو ڊيٽا REST کان web Angular HTTP ڪلائنٽ استعمال ڪندي خدمتون

استعمال ڪندي پش-ڊيٽا ڪنيڪشن آئن کي سنڀاليو Webساکٽ پروٽوڪول
ڊيٽا کي فارميٽ ڪرڻ لاء Angular پائپ سان ڪم ڪريو
جديد Angular Component Router خاصيتون استعمال ڪريو
ٽيسٽ ۽ ڊيبگ Angular applicat ions استعمال ڪندي بلٽ ان ٽولز
Angular CLI سان ڪم ڪريو

منهنجو استاد عظيم هو ته منظرنامن کي حقيقي دنيا جي مثالن ۾ وجهي سگهي ٿو جيڪي منهنجي مخصوص صورتحال سان لاڳاپيل آهن.
مون کي ان وقت کان خوش آمديد محسوس ڪيو ويو جڏهن مان پهتو آهيان ۽ ڪلاس روم کان ٻاهر هڪ گروپ جي طور تي ويهڻ جي صلاحيت اسان جي حالتن ۽ اسان جي مقصدن تي بحث ڪرڻ لاء انتهائي قيمتي هئي.
مون تمام گهڻو سکيو ۽ محسوس ڪيو ته اهو ضروري هو ته هن ڪورس ۾ شرڪت ڪندي منهنجا مقصد پورا ٿي ويا.
عظيم ڪم Lumify ڪم ٽيم.امنڊا نڪول
آئي ٽي سپورٽ سروس مئنيجر - هيلٿ ورلڊ لميٽيڊ

ڪورس جا مضمون

Angular متعارف ڪرايو
• Angular ڇا آهي؟
• Angular فريم ورڪ جون مرڪزي خاصيتون
• مناسب استعمال جا ڪيس
• ڪوئلي ايپليڪيشن جا بلڊنگ بلاڪ
• هڪ ڪنولر ايپليڪيشن جو بنيادي فن تعمير
• انسٽال ڪرڻ ۽ استعمال ڪرڻ Angular
• ايناتومي آف اين اينگولر ايپليڪيشن آئن
• ايپليڪيشن آئن کي هلائڻ
• ايپليڪيشن کي تعمير ۽ ترتيب ڏيڻ
• Native Mobile Apps لاءِ Angular
ٽائيپ اسڪرپٽ جو تعارف
• Angular سان استعمال لاءِ پروگرامنگ ٻوليون
• ٽائپ اسڪرپٽ نحو
• پروگرامنگ ايڊيٽر
• قسم جو نظام - Def ining Variables
• قسم جو نظام - Def ining Arrays
• بنيادي Primit ive قسم
• فنڪشن آئنز ۾ ٽائپ ڪريو
• قسم جو اندازو
• ڪلاسن جي تعريف ڪرڻ
• ڪلاس جا طريقا
• ڏسڻ جو ڪنٽرول
• ڪلاس تعمير ڪندڙ
• ڪلاس ڪنسٽرڪٽرز - متبادل فارم
• اڻڄاتل فيلڊز
• انٽرفيس
• ES6 ماڊلز سان ڪم ڪرڻ
• var vs let
• تير جو ڪم
• تير فنڪشن ڪمپيڪٽ نحو
• Template Strings
• ڪلاس ۾ عام
• فعل آئن ۾ عام

اجزاء
• هڪ جزو ڇا آهي؟
• هڪ Exampجزو
Angular CLI استعمال ڪندي هڪ جزو ٺاهيو
• اجزاء ڪلاس
• The @Component decorator
• هڪ جزو کي ان جي ماڊل ۾ رجسٽر ڪرڻ
• اجزاء سانچو
• سابقample: HelloComponent Template
• سابقample: هيلو ڪمپونٽ ڪلاس
• هڪ جزو استعمال ڪندي
• ايپليڪيشن کي هلايو
• اجزاء جي جوڙجڪ
• ايپليڪيشن آئن روٽ جزو
• بوٽ اسٽريپ File
• جزو لائف سائيڪل ٿلهو
• سابقampلي لائف سائيڪل ٿلهو
• CSS انداز
اجزاء سان ٺهيل
• ٽيمپليٽ
• ٽيمپليٽ جي جڳھ
• Mustache {{ }} نحو
• DOM عنصر پراپرٽيز سيٽنگ
• سيٽنگ عنصر جسماني متن
• واقعي جو پابند
• ايڪسپريس ايونٽ هينڊلر
• ڊفالٽ هينڊلنگ کي روڪيو
• وصف هدايتون
• CSS ڪلاسز کي تبديل ڪندي انداز لاڳو ڪريو
• سابقample: ng Class
• سڌو سنئون انداز لاڳو ڪرڻ
• ساختي هدايتون
• Conditionally Execute Template
• سابقample: ngIf
• ngFor استعمال ڪندي لوپنگ
• مقامي متغيرن لاءِ
• گڏ ڪرڻ ۾ هٿرادو
• سابقample - هڪ شيء کي حذف ڪرڻ
• ngFor سان شين جي ٽريڪنگ
• ngSwitch سان عنصرن کي مٽائڻ
• گروپنگ عناصر
• ٽيمپليٽ ريفرنس متغير

Inter Component Communication
• مواصلاتي بنياديات
• ڊيٽا فلو آرڪيٽيڪچر
• ٻار کي ڊيٽا حاصل ڪرڻ لاءِ تيار ڪرڻ
• والدين کان ڊيٽا موڪليو
• سيٽنگ پراپرٽيز بابت وڌيڪ
• هڪ جزو کان فائرنگ جو واقعو
• @Output() Example - ٻار جو جزو
• @Output() Example - والدين جزو
• مڪمل ٻه واٽ پابند
• والدين ۾ ٻه طرفي ڊيٽا بائنڊنگ قائم ڪرڻ
ٽيمپليٽ ۽ هلندڙ فارم
• Template Driven Forms
• درآمدي فارم ماڊل
• بنيادي انداز
• هڪ فارم قائم ڪرڻ
• صارف ان پٽ حاصل ڪرڻ
• ngForm خاصيت کي ختم ڪرڻ
• فارم کي شروع ڪريو
• ٻه واٽ ڊيٽا بائنڊنگ
• فارم جي تصديق
• Angular Validators
• ڪلاسز استعمال ڪندي Validat ion State ڏيکاريندي
• اضافي ان پٽ جا قسم
• چيڪ باڪس
• منتخب ڪريو (ڊراپ ڊائون) فيلڊ
• چونڊ لاءِ رينڊرنگ جا اختيار (ڊراپ ڊائون)
• تاريخ جا ميدان
• ريڊيو بٽڻ

رد عمل فارم
• Reactive فارم اوورview
• بلڊنگ بلاڪ
• Reactive FormsModule درآمد ڪريو
• هڪ فارم ٺاهيو
• ٽيمپليٽ ٺاهيو
• انپٽ ويلز حاصل ڪرڻ
• انپٽ فيلڊز جي شروعات
• فارم جي قيمت مقرر ڪرڻ
• ان پٽ تبديلين جي رڪنيت حاصل ڪرڻ
• تصديق
• بلٽ ان ويڊيٽرز
• تصديق جي غلطي ڏيکاريندي
• حسب ضرورت تصديق ڪندڙ
• ڪسٽم تصديق ڪندڙ استعمال ڪندي
• ڪسٽم تصديق ڪندڙ کي ترتيب ڏيڻ جي فراهمي
• FormArray - متحرڪ طور ان پٽ شامل ڪريو
• FormArray - اجزاء ڪلاس
FormArray – The Template
• FormArray - قدر
• ذيلي فارم گروپس - اجزاء ڪلاس
• ذيلي فارم گروپس - HTML ٽيمپليٽ
• ذيلي فارم گروپ ڇو استعمال ڪريو
خدمتون ۽ انحصار انجکشن
• خدمت ڇا آهي؟
• هڪ بنيادي خدمت ٺاهڻ
• سروس ڪلاس
• انحصار انجيڪشن ڇا آهي؟
• هڪ خدمت مثال injecting
• Injectors
• Injector hierarchy
• روٽ انجيڪٽر سان سروس رجسٽر ڪرڻ
• هڪ خدمت جي رجسٽر ڪرڻ هڪ جزو جي Injector سان
• فيچر ماڊل انجيڪٽر سان سروس رجسٽر ڪريو
• ڪٿي هڪ سروس رجسٽر ڪرڻ لاء؟
• ٻين آثارن ۾ انحصار انجکشن
• متبادل لاڳو ڪرڻ مهيا ڪرڻ
• انحصار انجيڪشن ۽ @Host
• انحصار انجيڪشن ۽ @ اختياري

HTTP ڪلائنٽ
• Angular HTTP ڪلائنٽ
• HTTP ڪلائنٽ استعمال ڪندي - اوورview
• HttpClientModule کي درآمد ڪريو
• HttpClient استعمال ڪندي خدمت
• GET جي درخواست ڪرڻ
• مشاهدي لائق شئي ڇا ڪندو آهي؟
• هڪ جزو ۾ خدمت استعمال ڪندي
• The PeopleService ڪلائنٽ جو حصو
• نقص سنڀالڻ
• ايرر شئي کي ترتيب ڏيڻ
• پوسٽ جي درخواست ڪرڻ
• PUT جي درخواست ڪرڻ
• DELETE جي درخواست ڪرڻ
پائپس ۽ ڊيٽا فارميٽنگ
• پائپس ڇا آهن؟
• تعمير ٿيل پائپس
• HTML ٽيمپليٽ ۾ پائپ استعمال ڪرڻ
• زنجير پائپ
• بين الاقوامي آئنائيلائيز پائپس (i18n)
• لوڪل ڊيٽا لوڊ ڪندي
• تاريخ جو پائپ
• نمبر پائپ
• ڪرنسي پائپ
• هڪ ڪسٽم پائپ ٺاهيو
• ڪسٽم پائپ Example
• ڪسٽم پائپ استعمال ڪندي
• ngFor سان پائپ استعمال ڪندي
• هڪ فلٽر پائپ
• پائپ جو درجو: خالص ۽ ناپاڪ
• خالص پائپ Example
• ناپاڪ پائپ Example

سنگل پيج ايپليڪيشنن جو تعارف
• سنگل پيج ايپليڪيشن آئن ڇا آهي (SPA)
• رواجي Web درخواست
• SPA ڪم فلو
• سنگل پيج ايپليڪيشن ايڊوانtages
• HTML5 تاريخ API
• SPA چئلينجز
• Angular استعمال ڪندي SPA کي لاڳو ڪرڻ
Angular Component Router
• اجزاء جو روٽر
• View نيويگيشن
• Angular Router API
• هڪ روٽر فعال ٿيل ايپليڪيشن ٺاهڻ
• رستن جي اجزاء جي ميزباني
• لنڪس ۽ بٽڻ استعمال ڪندي نيويگيشن
• پروگراماتي نيويگيشن
• گذرڻ واري رستي جا پيرا ميٽر
• رستي جي پيراگراف سان نيويگيٽ ڪرڻ
• رستي جي پيٽرول جي قيمتن کي حاصل ڪرڻ
• رستي جي پيٽرولر کي هم وقت سازي سان ٻيهر حاصل ڪرڻ
• هڪ روٽ پيٽرولر کي واپس حاصل ڪرڻ Asynchronously
• پڇا ڳاڇا
• پڇا ڳاڇا پيراگراف جي فراهمي
• پڇا ڳاڇا پيرا ميٽرز کي غير مطابقت سان حاصل ڪرڻ
• دستور سان مسئلا URL داخلا ۽ بک مارڪنگ

ترقي يافته HTTP ڪلائنٽ
• درخواست جا اختيار
• واپسي هڪ HttpResponse اعتراض
• درخواست جي هيڊرن کي ترتيب ڏيڻ
• نيون آبزرويبل ٺاهڻ
• هڪ سادي مشاهدو ٺاهڻ
• Observable Constructor طريقو
• مشاهدو هلائيندڙ
• نقشو ۽ فلٽر آپريٽرز
• فليٽ ميپ() آپريٽر
• ٽيپ() آپريٽر
• زپ() ڪمبينيٽر
• ڪيشنگ HTTP جواب
• ترتيب وار HTTP ڪالون ڪرڻ
• متوازي ڪالون ڪرڻ
• catchError() سان ايرر شئي کي ترتيب ڏيڻ
• پائپ لائن ۾ نقص
• غلطي جي بحالي
Angular ماڊلز
• اينگولر ماڊلز ڇو؟
• هڪ ماڊل ڪلاس جي اناتومي
• @NgModule پراپرٽيز
• فيچر ماڊلز
• سابقampماڊل جي جوڙجڪ
• هڪ ڊومين ماڊل ٺاهيو
• هڪ روٽ ٿيل/روٽنگ ماڊل جوڙو ٺاهيو
• هڪ سروس ماڊل ٺاهيو
• عام ماڊلز ٺاهڻ
• هڪ ماڊل ٻئي مان استعمال ڪندي

ترقي يافته روٽنگ
• روٽنگ فعال خصوصيت ماڊل
• فيچر ماڊل استعمال ڪندي
• سستي لوڊ ڪندي فيچر ماڊل
• فيچر ماڊل اجزاء لاءِ لنڪس ٺاهڻ
• سست لوڊنگ بابت وڌيڪ
• اڳي لوڊ ڪرڻ جا ماڊل
• routerLinkActive پابند
• ڊفالٽ رستو
• وائلڊ ڪارڊ رستي جو رستو
• ڏانهن منتقل
• ٻار رستا
• ٻارن جي رستن لاء ٻارن جي رستن جي وضاحت ڪرڻ
• ٻارن جي رستن لاء لنڪس
• نيويگيشن گارڊز
• گارڊ تي عمل ڪرڻ
• رستي ۾ گارڊ استعمال ڪرڻ
يونٽ ٽيسٽنگ Angular ايپليڪيشنون
• يونٽ ٽيسٽنگ Angular artifacts
• جاچ جا اوزار
• عام جاچ جا مرحلا
• ٽيسٽ جا نتيجا
• جيسمين ٽيسٽ سوٽ
• جيسمين اسپيڪس (يونٽ ٽيسٽ)
• اميدون (Assert ions)
• ملندڙ
• سابقampميچز کي استعمال ڪرڻ جا طريقا
• نه ملڪيت استعمال ڪرڻ
• يونٽ ٽيسٽ سوٽ ۾ سيٽ اپ ۽ ٽيئر ڊائون
• سابقample of beforeEach ۽ afterEach functions
• Angular ٽيسٽ ماڊل
• سابقampلي اينگولر ٽيسٽ ماڊل
• خدمت جي جانچ
• هڪ خدمت مثال injecting
• هڪ هم وقت ساز طريقو آزمايو
• هڪ Asynchronous طريقو ٽيسٽ ڪريو
• Mock HTTP ڪلائنٽ استعمال ڪندي
• Canned جواب جي فراهمي
• هڪ جزو کي جانچڻ
• اجزاء ٽيسٽ ماڊل
• هڪ جزو مثال ٺاهڻ
• ComponentFixture ڪلاس
• بنيادي اجزاء جا امتحان
• ڊيبگ ايليمينٽ ڪلاس
• استعمال ڪندڙ جي وچ ۾ رابطي جو نمونو

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

ڪورس ڪنهن لاءِ آهي؟

هي ڪورس مقصد هر ڪنهن لاءِ آهي جنهن کي 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