LUMIFY WORK Angular 12 برنامه کول

ولې دا کورس مطالعه کړئ

دا هراړخیز انګولر 12 برنامه کورس د تیوري زده کړې او لاسي لابراتوارونو ترکیب دی چې پکې د انګولر پیژندنه شامله ده ، ورپسې ټایپ سکریپټ ، اجزاوې ، لارښوونې ، خدمات ، HTTP پیرودونکي ، ازموینه ، او ډیبګ کول.
کورس د ګټورو او عمل وړ معلوماتو سره ډک شوی چې تاسو کولی شئ سمدلاسه خپل کار ته غوښتنه وکړئ. د بنسټیز انګولر 12 پراختیا اساسات زده کړئ لکه د واحد مخ براوزر غوښتنلیکونه ، ځواب ویونکي webسایټونه، او هایبرډ ګرځنده غوښتنلیکونه.
نوټ: موږ کولی شو د Angular په نورو نسخو کې روزنه هم ورکړو. مهرباني وکړئ موږ سره اړیکه ونیسئ ترڅو پوښتنې وکړئ یا خپله علاقه راجستر کړئ.

هغه څه چې تاسو به یې زده کړئ
د دې کورس په بریالۍ پای ته رسیدو سره ، تاسو به وکولی شئ:

• د ټایپ سکریپټ په کارولو سره د واحد مخ زاویه غوښتنلیکونه رامینځته کړئ
• د بشپړ زاویه پرمختیا چاپیریال تنظیم کړئ
• اجزاوې، لارښوونې، خدمتونه، پایپونه، فورمې، او دودیز تاییدونکي جوړ کړئ
• د REST څخه د مشاهدو وړ معلوماتو مصرفولو په کارولو سره د پرمختللي شبکې ډیټا ترلاسه کولو دندې اداره کړئ web خدمتونه د Angular HT TP پیرودونکي لاسوند د پش ډیټا ارتباطاتو په کارولو سره Webد ساکټ پروتوکول
• د ډیټا فارمیټ کولو لپاره د زاویه پایپونو سره کار وکړئ
• د پرمختللي زاویې اجزاو راټر ځانګړتیاوې وکاروئ
• د جوړ شوي وسیلو په کارولو سره زاویه غوښتنلیکونه ازموینه او ډیبګ کړئ.

د کورس مضامین

لومړی څپرکی. د زاویه پیژندنه

• Angular څه شی دی؟
• د زاویه چوکاټ مرکزي ځانګړتیاوې د مناسب استعمال قضیې
• د زاویه غوښتنلیک د بلاکونو جوړول د زاویه غوښتنلیک بنسټیز جوړښت د زاویه نصب او کارول
• د زاویه غوښتنلیک اناتومي د غوښتنلیک چلول
• د اصلي ګرځنده ایپسونو لپاره د غوښتنلیک زاویې جوړول او ځای په ځای کول
• لنډیز

دوهم څپرکی. د ټایپ سکریپټ پیژندنه

• د Angular TypeScript Syntax سره د کارولو لپاره د پروګرام کولو ژبې
• د پروګرام کولو مدیران
• د ډول سیسټم - د متغیرونو تعریف کول
• د ډول سیسټم - د صفونو تعریف کول
• اساسي لومړني ډولونه
• په دندو کې ټایپ کړئ
• ډول Inference
• د ټولګیو تعریف
• د ټولګي میتودونه
• د لید کنټرول
• ټولګي جوړونکي
• ټولګي جوړونکي – بدیل فورمه غیر پیل شوي ساحې
• انٹرفیسونه
• د ES6 ماډلونو سره کار کول
• var vs let
• د تیر فعالیت
• د تیر فنکشن کمپیکٹ سنټیکس ټیمپلیټ تارونه
• په ټولګي کې عمومي
• په فعالیت کې عمومي
• لنډیز

دریم څپرکی. اجزا

• اجزا څه شی دی؟
• یو پخوانیampد اجزاو
• د Angular CLI په کارولو سره د برخې جوړول
• د اجزاو ټولګي
• د @Component ډیکورټر
• د دې ماډل اجزا ټیمپلیټ ته د یوې برخې راجستر کول
• Example: HelloComponent کينډۍ
• Example: د HelloComponent ټولګي د یوې برخې په کارولو سره
• غوښتنلیک چل کړئ
• د اجزا درجه بندي
• د غوښتنلیک ریښه برخه
• د بوټ سټریپ File
• د اجزاو د ژوند دورې هکس Exampد ژوند سایکل هکس
• د سی ایس ایس سټایلونه
• لنډیز

څپرکی 4. د اجزاو کينډۍ

• کينډۍ
• د کينډۍ ځای
• د موسيقۍ {{ }} نحو
• د DOM عنصر ملکیتونه تنظیم کول
• د عنصر د بدن متن ترتیب کول
• د پیښې پابند کول
• د بیان د پیښې اداره کوونکی
• د ډیفالټ اداره کولو مخه ونیسئ
• د خاصیت لارښوونې
• د CSS ټولګیو بدلولو سره سټایلونه پلي کړئ
• Example: ngClass
• په مستقیم ډول د سټایلونو پلي کول
• ساختماني لارښوونې
• په مشروط ډول د کينډۍ اجرا کول
• Example: ngIf
• د ngFor په کارولو سره لوپ کول
• د محلي متغیرونو لپاره
• د راټولولو لاسوهنه Example - د یو توکي حذف کول
• د ngSwitch ګروپینګ عناصرو سره د ngFor بدلولو عناصرو سره د توکو تعقیب
• د کينډۍ حواله متغير لنډيز

پنځم څپرکی. د اجزاو ترمنځ اړیکه

• د مخابراتو اساسات
• د ډیټا جریان جوړښت
• د معلوماتو ترلاسه کولو لپاره د ماشوم چمتو کول
• د مور او پلار څخه ډاټا لیږل
• د ملکیتونو تنظیم کولو په اړه نور
• د یوې برخې څخه د ډزو پیښه
• @Output() Example – د ماشوم جز @Output() Example - اصلي برخه
• بشپړ دوه لارې پابند کول
• په والدین کې د دوه لارو ډیټا پابند کول
• لنډیز

شپږم څپرکی. د کينډۍ چلول شوي فورمې

• کينډۍ چلول شوي فورمې
• د واردولو فورمې ماډل
• بنسټیز چلند
• د فورمې ترتیب کول
• د کارن ان پټ ترلاسه کول
• د ngForm خاصیت پریښودل
• فورمه پیل کړئ
• دوه اړخیز ډیټا پابند کول
• د فورمې اعتبار
• Angular Validators
• د ټولګیو د اضافي ان پټ ډولونو په کارولو سره د اعتبار حالت ښودل
• چک بکسونه
• غوره کړئ (د ښکته کولو) ساحې
• د انتخاب کولو (ډراپ ڈاون) نیټې ساحې لپاره د رینډر کولو اختیارونه
• د راډیو بټن
• لنډیز

څپرکی 7. غبرګوني فورمې

• د عکس العمل فورمې ختمې شوېview
• د ودانۍ بلاکونه
• ReactiveFormsModule وارد کړئ
• یوه فورمه جوړه کړئ
• ټیمپلیټ ډیزاین کړئ
• د ننوت ارزښتونو ترلاسه کول
• د ننوتلو ساحو پیل کول
• د فورمې ارزښتونو ترتیب کول
• د ان پټ بدلونونو ګډون کول
• اعتبار
• جوړ شوي تاییدونکي
• د تایید تېروتنه ښودل
• د ګمرک تایید کوونکی
• د ګمرک تصدیق کونکي کارول
• د ګمرک تایید کونکي ته د ترتیب چمتو کول
• FormArray - په متحرک ډول داخلې اضافه کړئ
• FormArray - د اجزاو ټولګي
• FormArray - کينډۍ
• FormArray - ارزښتونه
• فرعي فارم ګروپونه – د اجزاو ټولګي
• فرعي فارم ګروپونه – HTML کينډۍ
• ولې فرعي فارم ګروپونه وکاروئ
• لنډیز

څپرکی 8. خدمتونه او د انحصار انجیکشن

• خدمت څه شی دی؟
• د بنسټیز خدمت جوړول
• د خدمت ټولګي
• انحصار انجکشن څه شی دی؟
• د خدمت بیلګه انجیکشن کول
• انجیکرز
• د انجیکټر درجه بندي
• د روټ انجیکټر سره د خدمت راجستر کول
• د برخې انجیکور سره د خدمت راجستر کول
• د فیچر ماډل انجیکور سره خدمت راجستر کړئ
• چیرته یو خدمت راجستر کړئ؟
• انحصار انجیکشن په نورو هنرونو کې د بدیل پلي کولو چمتو کول انحصار انجیکشن او @Host
• انحصار انجکشن او @ اختیاري
• لنډیز

څپرکی 9. د HTTP مراجع

• د Angular HT TP مراجع
• د HT TP پیرودونکي کارول - اوورview
• د HttpClientModule واردول
• د HttpClient په کارولو سره خدمت
• د GET غوښتنه کول
• د لید وړ څیز څه کوي؟
• په یوه برخه کې د خدمت کارول
• د PeopleService مراجعینو اجزاو د تېروتنې اداره کول
• د تېروتنې څيز دودول
• د پوسټ غوښتنه کول
• د PUT غوښتنه کول
• د حذف غوښتنه کول

څپرکی 10. پایپونه او د معلوماتو فارمیټ کول

• پایپونه څه دي؟
• جوړ شوي پایپونه
• د HTML ټیمپلیټ چینینګ پایپونو کې د پایپونو کارول
• نړیوال شوي پایپونه (i18n) د ځایی معلوماتو بارول
• د تاریخ پایپ
• د پایپ شمیره
• د اسعارو پایپ
• یو دودیز پایپ جوړ کړئ
• د ګمرک پایپ Example
• د ګمرک پایپونو کارول
• د ngFor سره د پایپ کارول
• د فلټر پایپ
• د پایپ کټګوري: پاک او ناپاک
• لنډیز
• خالص پایپ Example
• ناپاک پایپ Example
• لنډیز

11 فصل. د واحد پاڼې غوښتنلیکونو پیژندنه

• د یو واحد پاڼې غوښتنلیک (SPA) دودیز څه دی Web غوښتنلیک
• د SPA کاري جریان
• د واحد پاڼې غوښتنلیک Advantages HTML5 تاریخ API
• د SPA ننګونې
• د زاویه لنډیز په کارولو سره د SPA پلي کول

څپرکی 12. د زاویه اجزا روټر

• د اجزاو روټر
• View نیویګیشن
• د زاویې روټر API
• د روټر فعال شوي غوښتنلیک رامینځته کول
• د روټ شوي اجزاو کوربه کول
• د لینکونو او بټونو په کارولو سره نیویګیشن
• برنامه نیویګیشن
• د لارې پیرامیټرونه تیریدل
• د روټ پیرامیټونو سره نیویګیشن
• د روټ پیرامیټر ارزښتونو ترلاسه کول
• په همغږي ډول د روټ پیرامیټر ترلاسه کول
• په غیر همغږي ډول د لارې پیرامیټر ترلاسه کول
• د پوښتنو پیرامیټونه
• د پوښتنو پیرامیټونو چمتو کول
• د پوښتنو پیرامیټونو بیرته ترلاسه کول په غیر متناسب ډول
• د لارښود سره ستونزې URL ننوتل او بک مارک کول
• لنډیز

څپرکی 13. پرمختللي HTTP مراجع

• د غوښتنې اختیارونه
• د HttpResponse څیز بیرته راګرځول
• د غوښتنې سرلیک تنظیم کول
• د نوي مشاهدو وړ وړونو جوړول
• د ساده مشاهده وړ جوړول
• د مشاهدې وړ ساختماني میتود د لید وړ چلونکي
• نقشه او فلټر چلونکي
• د flatMap() آپریټر
• د tap() آپریټر
• د zip() ګډوونکی
• د HT TP ځواب کیچ کول
• د ترتیب شوي HT TP تلیفونونه کول
• موازي زنګونه کول
• د کیچ ایرر () سره د خطا څیز تنظیم کول
• په پایپ لاین کې تېروتنه
• د تېروتنې بیا رغونه
• لنډیز

څپرکی 14. زاویه ماډلونه

• ولې زاویې ماډلونه؟
• د ماډل ټولګي اناتومي
• @NgModule Properties
• د فیچر ماډلونه
• Exampد ماډل جوړښت
• د ډومین ماډل جوړ کړئ
• د روټینګ / روټینګ ماډل جوړه جوړه کړئ
• د خدماتو ماډل جوړ کړئ
• د عام ماډلونو جوړول

څپرکی 15. پرمختللی لاره

• روټینګ فعال شوی فیچر ماډل
• د فیچر ماډل کارول
• سست د فیچر ماډل پورته کول
• د فیچر ماډل اجزاو لپاره لینکونه رامینځته کول
• د سست بار کولو په اړه نور
• د وړاندې کولو ماډلونه
• ډیفالټ لاره
• د وائلډ کارډ روټ لاره
• ته لیږل
• د ماشومانو لارې
• د ماشومانو د لارو تعریف
• د ماشومانو د لارو لپاره
• د ماشومانو د لارو لپاره لینکونه
• د نیویګیشن ساتونکي
• د ساتونکو پلي کول
• په لاره کې د ساتونکو کارول
• لنډیز

څپرکی 16. د واحد ازمایښت زاویه غوښتنلیکونه

• د واحد زاویه اثار ازموینه
• د ازموینې وسیلې
• د آزموینې عادي پړاوونه
• د ازموینې پایلې
• د جیسمین ټیسټ سوټونه
• د جیسمین مشخصات (یونټ ازموینې)
• توقعات
• میچران
• Exampد میچرز کارولو په اړه
• د ملکیت نه کارول
• د واحد ټیسټ سویټونو کې تنظیم او ټیرډاؤن
• Exampد هر کار دمخه او وروسته د هرې دندې
• د زاویې ازموینې ماډل
• Exampد زاویه ازموینې ماډل
• د خدمت ازموینه
• د خدمت بیلګه انجیکشن کول
• یو همغږي میتود ازموینه
• د اسینکرونس میتود ازموینه وکړئ
• د Mock HT TP مراجع کارول
• د کنډک ځواب عرضه کول
• د یوې برخې ازموینه
• د اجزاو ازموینې ماډل
• د یوې برخې مثال جوړول
• د اجزاو فکسچر ټولګي
• د اساسي اجزاوو ازموینې
• د DebugElement ټولګي
• د کاروونکي متقابل عمل سمول
• لنډیز

څپرکی 17. ډیبګ کول

• اوورview د Angular Debugging
• Viewپه ډیبګر کې د ټایپ سکریپټ کوډ
• د ډیبګر کلیدي کلمې کارول
• Debug Logging
• Angular DevTools څه شی دی؟
• د Angular DevTools کارول
• Angular DevTools – د اجزاو جوړښت
• Angular DevTools - د کشف اجرا کول بدل کړئ
• د نحوي تېروتنو نیول
• لنډیز

د لابراتوار تمرینونه

• لابراتوار 1. د زاویه پیژندنه
• لابراتوار 2. د ټایپ سکریپټ پیژندنه
• لابراتوار 3. د اجزاوو پیژندنه
• لابراتوار 4. د اجزاو کينډۍ
• لابراتوار 5. د عکس ګالري برخه جوړه کړئ
• لابراتوار 6. د کينډۍ چلول فورمه
• لابراتوار 7. د سمون فورمه جوړه کړئ
• لابراتوار 8. غبرګوني بڼه
• لابراتوار 9. یو خدمت رامینځته کړئ
• لابراتوار 10. د HT TP پیرودونکي رامینځته کړئ
• لابراتوار 11. پایپونه وکاروئ
• لابراتوار 12. د روټر لابراتوار په کارولو سره بنسټیز واحد پاڼه غوښتنلیک 13. د واحد پاڼې غوښتنلیک جوړ کړئ (SPA)
• لابراتوار 14. پرمختللي HT TP مراجع
• لابراتوار 15. د زاویه بوټسټریپ کارول
• لابراتوار 16. سست ماډل بار کول
• لابراتوار 17. پرمختللی روټینګ
• لابراتوار 18. د واحد ازموینه
• لابراتوار 19. د زاویه غوښتنلیکونو ډیبګ کول

کورس د چا لپاره دی؟
دا کورس د هر هغه چا لپاره دی چې اړتیا لري د Angular 12 پراختیا اساسات زده کړي او د جوړولو لپاره یې پلي کړي web غوښتنلیکونه سمدلاسه. موږ کولی شو دا روزنیز کورس د لویو ډلو لپاره وړاندې او تنظیم کړو - ستاسو د سازمان وخت، پیسې او سرچینې خوندي کوو.

شرطونه
Web د HTML، CSS او JavaScript په کارولو سره د پراختیا تجربه اړینه ده ترڅو د دې انګول کورس څخه ډیره ګټه پورته کړي. د براوزر DOM پوهه هم ګټوره ده. د AngularJS یا د Angular کومې نسخې سره مخکینۍ زاویه تجربه اړینه نده.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

اسناد / سرچینې

LUMIFY WORK Angular 12 برنامه کول [pdf] د کارونکي لارښود Angular 12 Programming, Angular, 12 Programming, Programming

حوالې

• د کارن لارښود