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

اس کورس کا مطالعہ کیوں کریں۔

یہ جامع Angular 12 پروگرامنگ کورس نظریاتی سیکھنے اور ہینڈ آن لیبز کا ایک مجموعہ ہے جس میں Angular کا تعارف شامل ہے، جس کے بعد TypeScript، اجزاء، ہدایات، خدمات، HTTP کلائنٹ، ٹیسٹنگ، اور ڈیبگنگ شامل ہے۔
کورس مفید اور قابل عمل معلومات سے بھرا ہوا ہے جو آپ اپنے کام پر فوراً درخواست دے سکتے ہیں۔ بنیادی Angular 12 کی ترقی کے بنیادی اصول سیکھیں جیسے کہ سنگل پیج براؤزر ایپلی کیشنز، ریسپانسیو webسائٹس، اور ہائبرڈ موبائل ایپلی کیشنز۔
نوٹ: ہم انگولر کے دوسرے ورژن پر بھی تربیت فراہم کر سکتے ہیں۔ براہ کرم انکوائری کرنے یا اپنی دلچسپی رجسٹر کرنے کے لیے ہم سے رابطہ کریں۔

آپ کیا سیکھیں گے۔
اس کورس کی کامیابی سے تکمیل کے بعد، آپ اس قابل ہو جائیں گے:

• ٹائپ اسکرپٹ کا استعمال کرتے ہوئے سنگل پیج اینگولر ایپلی کیشنز تیار کریں۔
• ایک مکمل کونیی ترقی کا ماحول قائم کریں۔
• اجزاء، ہدایات، خدمات، پائپ، فارم، اور حسب ضرورت تصدیق کنندگان بنائیں
• REST سے Observables Consume ڈیٹا کا استعمال کرتے ہوئے جدید نیٹ ورک ڈیٹا کی بازیافت کے کاموں کو ہینڈل کریں۔ web Angular HT TP کلائنٹ ہینڈل پش ڈیٹا کنکشن کا استعمال کرتے ہوئے خدمات Webساکٹ پروٹوکول
• ڈیٹا کو فارمیٹ کرنے کے لیے انگولر پائپس کے ساتھ کام کریں۔
• اعلی درجے کی کونیی اجزاء راؤٹر کی خصوصیات استعمال کریں۔
• بلٹ ان ٹولز کا استعمال کرتے ہوئے انگولر ایپلی کیشنز کی جانچ اور ڈیبگ کریں۔

کورس کے مضامین

باب 1۔ کونیی کا تعارف

• کونیی کیا ہے؟
• کونیی فریم ورک کی مرکزی خصوصیات مناسب استعمال کے معاملات
• اینگولر ایپلیکیشن کے بلاکس کی تعمیر کونیی ایپلی کیشن کا بنیادی فن تعمیر کونیی کی تنصیب اور استعمال
• ایپلی کیشن کو چلانے والی کونیی ایپلی کیشن کی اناٹومی۔
• مقامی موبائل ایپس کے لیے ایپلیکیشن اینگولر کی تعمیر اور تعیناتی۔
• خلاصہ

باب 2۔ ٹائپ اسکرپٹ کا تعارف

• Angular TypeScript Syntax کے ساتھ استعمال کے لیے پروگرامنگ زبانیں۔
• پروگرامنگ ایڈیٹرز
• قسم کا نظام - متغیرات کی وضاحت کرنا
• قسم کا نظام - صفوں کی وضاحت کرنا
• بنیادی قدیم اقسام
• فنکشنز میں ٹائپ کریں۔
• قسم کا اندازہ
• کلاسز کی تعریف کرنا
• کلاس کے طریقے
• مرئیت کا کنٹرول
• کلاس کنسٹرکٹرز
• کلاس کنسٹرکٹرز - متبادل فارم غیر شروع شدہ فیلڈز
• انٹرفیس
• ES6 ماڈیولز کے ساتھ کام کرنا
• var بمقابلہ دو
• تیر کے افعال
• ایرو فنکشن کمپیکٹ سنٹیکس ٹیمپلیٹ سٹرنگز
• کلاس میں جنرک
• فنکشن میں عمومیات
• خلاصہ

باب 3۔ اجزاء

• ایک جزو کیا ہے؟
• ایک سابقampلی اجزاء
• کونیی CLI کا استعمال کرتے ہوئے ایک جزو بنانا
• اجزاء کی کلاس
• @Component ڈیکوریٹر
• اس کے ماڈیول اجزاء ٹیمپلیٹ میں ایک جزو کو رجسٹر کرنا
• Example: HelloComponent ٹیمپلیٹ
• Example: ہیلو کومپوننٹ کلاس ایک اجزاء کا استعمال کرتے ہوئے
• ایپلیکیشن چلائیں۔
• اجزاء کا درجہ بندی
• ایپلیکیشن روٹ کا جزو
• بوٹسٹریپ File
• اجزاء لائف سائیکل ہکس سابقampلی لائف سائیکل ہکس
• سی ایس ایس اسٹائلز
• خلاصہ

باب 4۔ اجزاء کے سانچے

• ٹیمپلیٹس
• ٹیمپلیٹ مقام
• مونچھیں {{ }} نحو
• DOM عنصر کی خصوصیات کو ترتیب دینا
• عنصر کے جسم کا متن ترتیب دینا
• ایونٹ بائنڈنگ
• ایکسپریشن ایونٹ ہینڈلر
• پہلے سے طے شدہ ہینڈلنگ کو روکیں۔
• انتساب کی ہدایات
• سی ایس ایس کلاسز کو تبدیل کرکے اسٹائلز کا اطلاق کریں۔
• Example: ngClass
• طرزیں براہ راست لاگو کرنا
• ساختی ہدایات
• مشروط طور پر ٹیمپلیٹ پر عمل کریں۔
• Example: ngIf
• ngFor کا استعمال کرتے ہوئے لوپ کرنا
• مقامی متغیرات کے لیے
• مجموعہ میں ہیرا پھیری سابقample - ایک آئٹم کو حذف کرنا
• ngSwitch گروپنگ عناصر کے ساتھ ngFor سویپنگ عناصر کے ساتھ آئٹم ٹریکنگ
• سانچہ حوالہ متغیر خلاصہ

باب 5۔ انٹر کمپوننٹ کمیونیکیشن

• مواصلات کی بنیادی باتیں
• ڈیٹا فلو آرکیٹیکچر
• بچے کو ڈیٹا حاصل کرنے کے لیے تیار کرنا
• والدین سے ڈیٹا بھیجیں۔
• سیٹنگ پراپرٹیز کے بارے میں مزید
• ایک جزو سے فائرنگ کا واقعہ
• @Output() Example - چائلڈ کمپوننٹ @Output() Example - بنیادی جزو
• مکمل دو طرفہ بائنڈنگ
• والدین میں دو طرفہ ڈیٹا بائنڈنگ ترتیب دینا
• خلاصہ

باب 6۔ ٹیمپلیٹ سے چلنے والے فارم

• ٹیمپلیٹ سے چلنے والے فارم
• فارم ماڈیول درآمد کرنا
• بنیادی نقطہ نظر
• ایک فارم ترتیب دینا
• یوزر ان پٹ حاصل کرنا
• ngForm انتساب کو چھوڑنا
• فارم کو شروع کریں۔
• دو طرفہ ڈیٹا بائنڈنگ
• فارم کی توثیق
• کونیی توثیق کرنے والے
• کلاسز کی اضافی ان پٹ اقسام کا استعمال کرتے ہوئے توثیق کی حالت کو ظاہر کرنا
• چیک باکسز
• منتخب کریں (ڈراپ ڈاؤن) فیلڈز
• منتخب (ڈراپ ڈاؤن) تاریخ کے شعبوں کے لیے رینڈرنگ کے اختیارات
• ریڈیو بٹن
• خلاصہ

باب 7۔ رد عمل کی شکلیں۔

• رد عمل کی شکلیں ختم ہوگئیں۔view
• بلڈنگ بلاکس
• ReactiveFormsModule درآمد کریں۔
• ایک فارم بنائیں
• ٹیمپلیٹ ڈیزائن کریں۔
• ان پٹ ویلیوز حاصل کرنا
• ان پٹ فیلڈز کو شروع کرنا
• فارم کی قدریں ترتیب دینا
• ان پٹ تبدیلیوں کو سبسکرائب کرنا
• توثیق
• بلٹ ان ویلیڈیٹرز
• توثیق کی خرابی دکھا رہا ہے۔
• حسب ضرورت تصدیق کنندہ
• حسب ضرورت تصدیق کنندہ کا استعمال
• کسٹم ویلیڈیٹر کو کنفیگریشن کی فراہمی
• FormArray - متحرک طور پر ان پٹ شامل کریں۔
• FormArray - اجزاء کی کلاس
• FormArray - ٹیمپلیٹ
• FormArray - اقدار
• ذیلی فارم گروپس - اجزاء کی کلاس
• ذیلی فارم گروپس - HTML ٹیمپلیٹ
• ذیلی فارم گروپس کیوں استعمال کریں۔
• خلاصہ

باب 8۔ خدمات اور انحصار انجیکشن

• سروس کیا ہے؟
• ایک بنیادی سروس بنانا
• سروس کلاس
• انحصار انجکشن کیا ہے؟
• سروس مثال کے طور پر انجیکشن لگانا
• انجیکٹر
• انجیکٹر کا درجہ بندی
• روٹ انجیکٹر کے ساتھ سروس رجسٹر کرنا
• ایک اجزاء کے انجیکٹر کے ساتھ ایک سروس رجسٹر کرنا
• فیچر ماڈیول انجیکٹر کے ساتھ سروس رجسٹر کریں۔
• ایک سروس کو کہاں رجسٹر کرنا ہے؟
• دوسرے نمونے میں انحصار کا انجکشن جو متبادل نفاذ فراہم کرتا ہے انحصار انجکشن اور @Host
• انحصار انجکشن اور @ اختیاری
• خلاصہ

باب 9۔ HTTP کلائنٹ

• کونیی HT TP کلائنٹ
• T he HT TP کلائنٹ کا استعمال - ختمview
• HttpClientModule درآمد کرنا
• HttpClient کا استعمال کرتے ہوئے سروس
• GET کی درخواست کرنا
• قابل مشاہدہ آبجیکٹ کیا کرتا ہے؟
• کسی جزو میں سروس کا استعمال
• PeopleService کلائنٹ کے اجزاء کی خرابی ہینڈلنگ
• ایرر آبجیکٹ کو حسب ضرورت بنانا
• پوسٹ کی درخواست کرنا
• PUT کی درخواست کرنا
• DELETE کی درخواست کرنا

باب 10۔ پائپس اور ڈیٹا فارمیٹنگ

• پائپ کیا ہیں؟
• بلٹ ان پائپس
• HTML ٹیمپلیٹ چیننگ پائپس میں پائپوں کا استعمال
• انٹرنیشنلائزڈ پائپس (i18n) لوکل ڈیٹا لوڈ ہو رہا ہے۔
• تاریخ کا پائپ
• نمبر پائپ
• کرنسی پائپ
• اپنی مرضی کے مطابق پائپ بنائیں
• حسب ضرورت پائپ سابقample
• اپنی مرضی کے پائپ کا استعمال کرتے ہوئے
• ngFor کے ساتھ پائپ کا استعمال
• ایک فلٹر پائپ
• پائپ زمرہ: خالص اور ناپاک
• خلاصہ
• خالص پائپ سابقample
• ناپاک پائپ Example
• خلاصہ

باب 11۔ سنگل پیج ایپلی کیشنز کا تعارف

• سنگل پیج ایپلیکیشن (SPA) روایتی کیا ہے؟ Web درخواست
• SPA ورک فلو
• سنگل پیج ایپلیکیشن ایڈوانtages HTML5 History API
• SPA چیلنجز
• کونیی خلاصہ کا استعمال کرتے ہوئے SPA کو نافذ کرنا

باب 12۔ کونیی جزو راؤٹر

• اجزاء راؤٹر
• View نیویگیشن
• کونیی راؤٹر API
• ایک راؤٹر فعال ایپلی کیشن بنانا
• روٹ شدہ اجزاء کی میزبانی کرنا
• لنکس اور بٹنوں کا استعمال کرتے ہوئے نیویگیشن
• پروگرامیٹک نیویگیشن
• گزرنے والے راستے کے پیرامیٹرز
• روٹ پیرامیٹرز کے ساتھ نیویگیٹنگ
• روٹ پیرامیٹر کی قدریں حاصل کرنا
• روٹ پیرامیٹر کو مطابقت پذیری سے بازیافت کرنا
• غیر مطابقت پذیر طور پر روٹ پیرامیٹر کو بازیافت کرنا
• سوال کے پیرامیٹرز
• سوال کے پیرامیٹرز کی فراہمی
• غیر مطابقت پذیر طور پر استفسار کے پیرامیٹرز کو بازیافت کرنا
• دستی کے ساتھ مسائل URL اندراج اور بک مارکنگ
• خلاصہ

باب 13۔ اعلی درجے کا HTTP کلائنٹ

• اختیارات کی درخواست کریں۔
• HttpResponse آبجیکٹ کو واپس کرنا
• درخواست کے ہیڈر ترتیب دینا
• نئے آبزرویبلز بنانا
• ایک سادہ مشاہدہ کرنے والا بنانا
• قابل مشاہدہ کنسٹرکٹر طریقہ قابل مشاہدہ آپریٹرز
• نقشہ اور فلٹر آپریٹرز
• فلیٹ میپ () آپریٹر
• ٹیپ() آپریٹر
• زپ () کمبینیٹر
• HT TP رسپانس کیشنگ
• ترتیب وار HT TP کالز کرنا
• متوازی کال کرنا
• catchError() کے ساتھ ایرر آبجیکٹ کو حسب ضرورت بنانا
• پائپ لائن میں خرابی۔
• خرابی کی بازیابی۔
• خلاصہ

باب 14۔ کونیی ماڈیول

• کونیی ماڈیول کیوں؟
• ماڈیول کلاس کی اناٹومی۔
• @NgModule پراپرٹیز
• فیچر ماڈیولز
• Exampلی ماڈیول کی ساخت
• ایک ڈومین ماڈیول بنائیں
• روٹڈ/روٹنگ ماڈیول جوڑا بنائیں
• سروس ماڈیول بنائیں
• کامن ماڈیولز بنانا

باب 15۔ ایڈوانسڈ روٹنگ

• روٹنگ فعال فیچر ماڈیول
• فیچر ماڈیول کا استعمال کرنا
• سستی فیچر ماڈیول لوڈ کر رہا ہے۔
• فیچر ماڈیول اجزاء کے لیے لنکس بنانا
• سست لوڈنگ کے بارے میں مزید
• پری لوڈنگ ماڈیولز
• طے شدہ راستہ
• وائلڈ کارڈ روٹ پاتھ
• کو ری ڈائریکٹ کریں۔
• بچوں کے راستے
• بچوں کے راستوں کی وضاحت کرنا
• بچوں کے راستوں کے لیے
• چائلڈ روٹس کے لنکس
• نیوی گیشن گارڈز
• گارڈ کے نفاذ کی تشکیل
• راستے میں گارڈز کا استعمال
• خلاصہ

باب 16۔ یونٹ ٹیسٹنگ کونیی ایپلی کیشنز

• یونٹ ٹیسٹنگ کونیی نمونے
• ٹیسٹنگ ٹولز
• عام جانچ کے مراحل
• ٹیسٹ کے نتائج
• جیسمین ٹیسٹ سویٹس
• جیسمین سپیکس (یونٹ ٹیسٹ)
• توقعات (دعوے)
• میچرز
• Exampمیچرز کے استعمال کے بارے میں
• ناٹ پراپرٹی کا استعمال
• یونٹ ٹیسٹ سویٹس میں سیٹ اپ اور ٹیئر ڈاؤن
• ExampLe of beforeEach اور afterEach Functions
• کونیی ٹیسٹ ماڈیول
• Exampلی کونیی ٹیسٹ ماڈیول
• سروس کی جانچ کرنا
• سروس مثال کے طور پر انجیکشن لگانا
• ایک ہم وقت ساز طریقہ کی جانچ کریں۔
• ایک غیر مطابقت پذیر طریقہ کی جانچ کریں۔
• موک ایچ ٹی ٹی پی کلائنٹ کا استعمال
• ڈبہ بند جواب کی فراہمی
• ایک جزو کی جانچ کرنا
• اجزاء ٹیسٹ ماڈیول
• ایک جزو مثال بنانا
• کمپوننٹ فکسچر کلاس
• بنیادی اجزاء کے ٹیسٹ
• ڈیبگ ایلیمنٹ کلاس
• صارف کے تعامل کی نقل کرنا
• خلاصہ

باب 17۔ ڈیبگنگ

• ختمview کونیی ڈیبگنگ کا
• Viewڈیبگر میں ٹائپ اسکرپٹ کوڈ
• ڈیبگر کلیدی لفظ استعمال کرنا
• ڈیبگ لاگنگ
• Angular DevTools کیا ہے؟
• Angular DevTools کا استعمال
• Angular DevTools - اجزاء کی ساخت
• کونیی ڈیو ٹولز - پتہ لگانے کے عمل کو تبدیل کریں۔
• نحو کی خرابیوں کو پکڑنا
• خلاصہ

لیب کی مشقیں

• لیب 1. کونیی کا تعارف
• لیب 2۔ ٹائپ اسکرپٹ کا تعارف
• لیب 3. اجزاء کا تعارف
• لیب 4. اجزاء کا سانچہ
• لیب 5. فوٹو گیلری کا ایک جزو بنائیں
• لیب 6. ٹیمپلیٹ سے چلنے والا فارم
• لیب 7. ایک ترمیمی فارم بنائیں
• لیب 8. رد عمل کا فارم
• لیب 9۔ ایک سروس تیار کریں۔
• لیب 10. ایک HT TP کلائنٹ تیار کریں۔
• لیب 11۔ پائپ استعمال کریں۔
• لیب 12. راؤٹر لیب کا استعمال کرتے ہوئے بنیادی سنگل پیج ایپلی کیشن 13. سنگل پیج ایپلی کیشن (SPA) بنائیں
• لیب 14. ایڈوانسڈ ایچ ٹی ٹی پی کلائنٹ
• لیب 15۔ کونیی بوٹسٹریپ کا استعمال
• لیب 16. سست ماڈیول لوڈنگ
• لیب 17. ایڈوانسڈ روٹنگ
• لیب 18. یونٹ ٹیسٹنگ
• لیب 19. کونیی ایپلی کیشنز کو ڈیبگ کرنا

کورس کس کے لیے ہے؟
اس کورس کا مقصد ہر اس شخص کے لیے ہے جسے انگولر 12 کی ترقی کے بنیادی اصولوں کو سیکھنے اور اسے تخلیق پر لاگو کرنے کی ضرورت ہے۔ web براہ راست درخواستیں. ہم اس تربیتی کورس کو بڑے گروپس کے لیے بھی ڈیلیور اور اپنی مرضی کے مطابق بنا سکتے ہیں - آپ کی تنظیم کے وقت، پیسے اور وسائل کی بچت۔

ضروریات
Web اس انگولر کورس سے زیادہ سے زیادہ فائدہ اٹھانے کے لیے ایچ ٹی ایم ایل، سی ایس ایس اور جاوا اسکرپٹ کا استعمال کرتے ہوئے ترقی کا تجربہ درکار ہے۔ براؤزر DOM کا علم بھی مفید ہے۔ AngularJS یا Angular کے کسی بھی ورژن کے ساتھ Angular تجربہ کی ضرورت نہیں ہے۔
https://www.lumifywork.com/en-au/courses/angular-12-programming/

دستاویزات / وسائل

LUMIFY WORK Angular 12 پروگرامنگ [پی ڈی ایف] یوزر گائیڈ کونیی 12 پروگرامنگ، کونیی، 12 پروگرامنگ، پروگرامنگ

حوالہ جات

• صارف دستی