LUMIFY WORK Angular 15 د پروګرام کولو کارونکي لارښود

غوښتنلیک او WEB پراختیا
زاویه 15 برنامه کول
LENGTH 5 ورځې
نسخه 15

منځپانګې پټول

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

2 هغه څه چې تاسو به یې زده کړئ

3 د کورس مضامین

4 کورس د چا لپاره دی؟

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

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

انګولر په لومیفی کار

هغه څه چې تاسو به یې زده کړئ

د دې کورس په بریالیتوب پای ته رسیدو سره، تاسو به پوهه ولرئ چې:

د ټایپ سکریپټ په کارولو سره د واحد مخ زاویه غوښتنلیک آیونونو ته وده ورکړئ

د بشپړ زاویه پرمختیا چاپیریال تنظیم کړئ
اجزاوې، مستقیم ives، خدمتونه، پایپونه، فورمې، او دودیز تاییدونکي جوړ کړئ

د څارنې وړ په کارولو سره د پرمختللي شبکې ډیټا ترلاسه کولو دندې اداره کړئ
د REST څخه ډاټا مصرف کړئ web د Angular HTTP مراجع په کارولو سره خدمتونه

په کارولو سره د پش ډیټا نښلونکي آئنونه اداره کړئ Webد ساکټ پروتوکول
د ډیټا فارمیټ کولو لپاره د زاویه پایپونو سره کار وکړئ

د پرمختللي زاویې اجزاو راټر ځانګړتیاوې وکاروئ
د جوړ شوي وسیلو په کارولو سره د زاویې غوښتنلیک آیونونو ازموینه او ډیبګ کړئ

د Angular CLI سره کار وکړئ

زما ښوونکی د دې وړ و چې سناریوګانې په ریښتیني نړۍ کې ځای په ځای کړي چې زما د ځانګړي وضعیت سره تړاو لري.
زه د هغه وخت څخه د ښه راغلاست احساس کوم چې زه راورسیدم او د ټولګي څخه بهر د یوې ډلې په توګه د ناستې وړتیا زموږ د شرایطو او اهدافو په اړه بحث کولو لپاره خورا ارزښتناکه وه.
ما ډیر څه زده کړل او احساس مې وکړ چې دا مهمه وه چې په دې کورس کې د ګډون له لارې زما اهداف پوره شي.
لوی کار د Lumify کاري ټیم.امندا نیکول
د IT د ملاتړ خدماتو مدیر - د روغتیا نړیوال محدودیت

د کورس مضامین

د زاویې معرفي کول
• Angular څه شی دی؟
• د زاویې چوکاټ مرکزي ځانګړتیاوې
• د مناسب استعمال قضیې
• د زاویه غوښتنلیک د جوړولو بلاکونه
• د زاویه غوښتنلیک بنسټیز جوړښت
• Angular نصب او کارول
• د اناتومي د زاویه غوښتنلیک ion
• د Applicat ion چلول
• د غوښتنلیک جوړول او ځای پرځای کول
• د اصلي ګرځنده ایپسونو لپاره زاویه
د ټایپ سکریپټ پیژندنه
• د انګولر سره د کارولو لپاره د پروګرام کولو ژبې
• TypeScript Syntax
• د پروګرام کولو مدیران
• د ډول سیسټم - د تغیراتو تغیرات
• د ډول سیسټم – Def ining Arrays
• اساسی ابتدایی ډولونه
• د فنکشن ایونونو ډول
• ډول Inference
• د ټولګیو تعریف
• د ټولګي میتودونه
• د لید کنټرول
• ټولګي جوړونکي
• د ټولګي جوړونکي – بدیل فورمه
• غیر پیل شوي ساحې
• انٹرفیسونه
• د ES6 ماډلونو سره کار کول
var vs let
• د تیر فعالیت
• د تیر فنکشن کمپیکٹ ترکیب
• د کينډۍ تارونه
• په ټولګي کې عمومي
• په فنکشن آیون کې جنریک

اجزا
• اجزا څه شی دی؟
• یو پخوانیampد اجزاو
• د Angular CLI په کارولو سره د یوې برخې جوړول
• د اجزاو ټولګي
• د @Component سينګار کونکی
• د هغې ماډل ته د یوې برخې راجستر کول
• د اجزاو کينډۍ
• مثالample: HelloComponent کينډۍ
• مثالample: د هیلو کمپوننټ ټولګي
• د یوې برخې کارول
• غوښتنلیک چل کړئ
• د اجزا درجه بندي
• د Applicat ion Root برخه
• د بوټ سټریپ File
• د اجزاو د ژوند دورې هکس
• مثالampد ژوند سایکل هکس
• CSS سټایلونه
د اجزاو کينډۍ
• کينډۍ
• د کينډۍ ځای
• د برچې {{ }} نحو
• د DOM عنصر د ملکیتونو ترتیب کول
• د عنصر د بدن متن ترتیب کول
• د پیښې پابند کول
• د بیان د پیښې سمبالونکی
• د ډیفالټ اداره کولو مخه ونیسئ
• د خاصیت لارښوونې
• د CSS ټولګیو په بدلولو سره سټایلونه پلي کړئ
• مثالample: ngClass
• په مستقیم ډول د سټایلونو پلي کول
• ساختماني لارښوونې
• په مشروط ډول د کينډۍ اجرا کول
• مثالample: ngIf
• د ngFor په کارولو سره لوپ کول
• د ځایی تغیراتو لپاره
• په ټولګه کې لاسوهنه
• مثالample - د یو توکي حذف کول
• د ngFor سره د توکو تعقیب
• د ngSwitch سره د عناصرو بدلول
• د عناصرو ګروپ کول
• د کينډۍ حوالې متغیر

د انټر کمپونینټ ارتباط
• د مخابراتو اساسات
• د ډیټا جریان جوړښت
• د معلوماتو ترلاسه کولو لپاره د ماشوم چمتو کول
• د مور او پلار څخه معلومات لیږل
• د ملکیتونو د تنظیم کولو په اړه نور
• د یوې برخې څخه د ډزو پیښه
• @Output() Example - د ماشوم برخه
• @Output() Example - اصلي برخه
• بشپړ دوه لارې پابند کول
• په والدینو کې د دوه اړخیز ډیټا پابندۍ ترتیب کول
ټیمپلیټ او چلول شوي فورمې
• د کينډۍ چلول شوي فورمې
• د فورمو د واردولو ماډل
• اساسی چلند
• د فورم ترتیب کول
• د کارن انپټ ترلاسه کول
• د ngForm خاصیت پریښودل
• فورمه پیل کړئ
• دوه طرفه ډیټا پابند کول
• د فورمې اعتبار
• زاویه تاییدونکي
• د ټولګیو په کارولو سره د اعتبار حالت ښودل
• د ننوتو اضافي ډولونه
• چک بکسونه
• د ډراپ ډاون ساحې غوره کړئ
• د انتخاب لپاره د رینډینګ اختیارونه (ډراپ ډاون)
• د نیټې ساحې
• د راډیو بټن

غبرګوني بڼې
• د عکس العمل فورمې ختمې شوېview
• د ودانیو بلاکونه
• د غبرګوني فورمو ماډل وارد کړئ
• یوه فورمه جوړه کړئ
• کينډۍ ډيزاين کړئ
• د ننوتو ارزښتونو ترلاسه کول
• د ننوتو ساحو پیل کول
• د فورمې ارزښتونه ترتیبول
• د ان پټ بدلونونو ګډون کول
• تایید کول
• جوړ شوي تاییدونکي
• د تایید تېروتنه ښودل
• د ګمرک تایید کونکی
• د ګمرکي اعتبار کونکي کارول
• ګمرکي اعتبار ورکوونکي ته د ترتیب برابرول
• FormArray – په متحرک ډول داخلې اضافه کړئ
FormArray – د اجزاو ټولګي
FormArray – کينډۍ
• FormArray – ارزښتونه
• فرعي فارم ګروپونه – د اجزاو ټولګي
• فرعي فارم ګروپونه – HTML کينډۍ
• ولې فرعي فارم ګروپونه وکاروئ
خدمتونه او د انحصار انجکشن
• خدمت څه شی دی؟
• د اساسي خدمت جوړول
• د خدماتو ټولګی
• د انحصار انجکشن څه شی دی؟
• د خدمت مثال داخلول
• انجیکونکي
• د انجیکټر درجه بندي
• د روټ انجیکټر سره د خدمت راجستر کول
• د اجزاو انجیکور سره د خدمت راجستر کول
• د فیچر ماډل انجیکور سره یو خدمت راجستر کړئ
• چیرته یو خدمت راجستر کړئ؟
• په نورو آثارو کې د انحصار انجکشن
• د بدیل تطبیق چمتو کول
• انحصار انجکشن او @Host
• انحصار انجکشن او @ اختیاري

د HTTP مراجع
• د زاویې HTTP مراجع
• د HTTP مراجعینو کارول – اوورview
• د HttpClientModule واردول
• د HttpClient په کارولو سره خدمت
• د GET غوښتنه کول
• د لیدلو وړ څیز څه کوي؟
• په یوه برخه کې د خدمت کارول
• د خلکو خدمت پیرودونکي اجزا
• د خطا اداره کول
• د تېروتنې څيز دودول
• د پوسټ غوښتنه کول
• د PUT غوښتنه کول
• د حذف غوښتنه کول
پایپونه او ډیټا فارمیټ کول
• پایپونه څه شی دی؟
• جوړ شوي پایپونه
• په HTML کېنډۍ کې د پایپونو کارول
• د زنځیرونو پایپونه
• بین المللی یونیل شوی پایپونه (i18n)
• د ځایی معلوماتو بارول
• د تاریخ پایپ
• د نمبر پایپ
• د اسعارو پایپ
• یو دودیز پایپ جوړ کړئ
• ګمرکي پایپ Example
• د ګمرکي پایپونو کارول
• د ngFor سره د پایپ کارول
• د فلټر پایپ
• د پایپ کټګوري: پاک او ناپاک
• خالص پایپ Example
• ناپاک پایپ Example

د واحد پاڼې غوښتنلیکونو پیژندنه
• د واحد پاڼې اپلیکیشن آیون (SPA) څه شی دی؟
• دودیز Web غوښتنلیک
• د SPA کاري جریان
• د واحد پاڼې غوښتنلیک Advantages
• HTML5 تاریخ API
• د SPA ننګونې
• د زاویه په کارولو سره د SPA پلي کول
د زاویه اجزا روټر
• د اجزاو روټر
• View نیویګیشن
• د زاویې روټر API
• د روټر فعال شوي غوښتنلیک جوړول
• د روټ شوي اجزاوو کوربه توب
• د لینکونو او بټونو په کارولو سره نیویګیشن
• برنامه نیویګیشن
• د تګ لارې پیرامیټونه
• د روټ پیرامیټرونو سره نیویګیشن
• د روټ پیرامیټر ارزښتونو ترلاسه کول
• د روټ پیرامیټر په همغږي توګه ترلاسه کول
• د روټ پیرامیټر په غیر متناسب ډول ترلاسه کول
• د پوښتنې پیرامیټونه
• د پوښتنو پارامترونو برابرول
• د پوښتنو پارامترونه په غیر متمرکز ډول ترلاسه کول
• د لارښود سره ستونزې URL ننوتل او بک مارک کول

پرمختللي HTTP مراجع
• د غوښتنې اختیارونه
• د HttpResponse څیز بیرته راګرځول
• د غوښتنې سرلیک ترتیب کول
• د نویو مشاهدو وړ څیزونو جوړول
• د یو ساده مشاهده وړ جوړول
• د مشاهدې وړ جوړونکي میتود
• د لیدلو وړ چلونکي
• نقشه او فلټر چلونکي
د flatMap() آپریټر
• tap() آپریټر
• زپ() کمبیونټر
• د HTTP ځواب کیچ کول
• ترتیبی HTTP زنګونه کول
• موازي زنګونه کول
• د کیچ ایرر () سره د خطا څیز تنظیم کول
• په پایپ لاین کې تېروتنه
• د تېروتنې بیا رغونه
زاویې ماډلونه
• ولې زاویې ماډلونه؟
• د ماډل ټولګي اناتومي
• @NgModule Properties
• د فیچر ماډلونه
• مثالampد ماډل جوړښت
• د ډومین ماډل جوړ کړئ
• د روټینګ/روټینګ ماډل جوړه جوړه کړئ
• د خدماتو ماډل جوړ کړئ
• د عام ماډلونو جوړول
• د یو ماډل څخه د بل څخه کار اخیستل

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

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

کورس د چا لپاره دی؟

دا کورس د هر هغه چا لپاره دی چې اړتیا لري د Angular 15 پراختیا اساسات زده کړي او سمدلاسه یې رامینځته کولو لپاره پلي کړي web غوښتنلیکونه
موږ کولی شو دا روزنیز کورس د لویو ډلو لپاره وړاندې او تنظیم کړو - ستاسو د سازمان وخت، پیسې او سرچینې خوندي کوو. د لا زیاتو معلوماتو لپاره، مهرباني وکړئ موږ سره د بریښنالیک له لارې اړیکه ونیسئ ph.training@lumifywork.com

شرطونه

Web د HTML، CSS، او JavaScript په کارولو سره د پراختیا تجربه اړینه ده چې د دې زاویه کورس څخه ډیره ګټه ترلاسه کړئ
د براوزر 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