برنامه نویسی LUMIFY WORK Angular 12

چرا این دوره را مطالعه کنید

این دوره جامع برنامه نویسی Angular 12 ترکیبی از یادگیری تئوری و آزمایشگاه های عملی است که شامل مقدمه ای بر Angular و به دنبال آن TypeScript، کامپوننت ها، دستورالعمل ها، خدمات، HTTP Client، تست و اشکال زدایی است.
این دوره مملو از اطلاعات مفید و کاربردی است که می توانید بلافاصله در کار خود اعمال کنید. اصول اولیه توسعه Angular 12 مانند برنامه های مرورگر تک صفحه ای، واکنش گرا را بیاموزید webسایت ها و برنامه های موبایل هیبریدی.
توجه داشته باشید: ما همچنین می توانیم آموزش هایی را در مورد سایر نسخه های Angular ارائه دهیم. لطفا برای درخواست یا ثبت علاقه خود با ما تماس بگیرید.

آنچه شما یاد خواهید گرفت
پس از اتمام موفقیت آمیز این دوره، شما قادر خواهید بود:

• برنامه های Angular تک صفحه ای را با استفاده از Typescript توسعه دهید
• یک محیط توسعه کامل Angular را راه اندازی کنید
• مؤلفه‌ها، دستورالعمل‌ها، خدمات، لوله‌ها، فرم‌ها و اعتبارسنجی‌های سفارشی ایجاد کنید
• کارهای پیشرفته بازیابی اطلاعات شبکه را با استفاده از Observables Consume داده از REST انجام دهید web خدمات با استفاده از Angular HT TP Client اتصالات فشار داده را با استفاده از Webپروتکل سوکت ها
• برای قالب بندی داده ها با Angular Pipes کار کنید
• از ویژگی های پیشرفته Angular Component Router استفاده کنید
• برنامه های Angular را با استفاده از ابزارهای داخلی تست و اشکال زدایی کنید.

موضوعات دوره

فصل 1. معرفی Angular

• Angular چیست؟
• ویژگی های مرکزی Angular Framework مناسب موارد استفاده
• بلوک های ساختمان یک برنامه Angular معماری پایه یک برنامه Angular نصب و استفاده از Angular
• آناتومی یک برنامه زاویه ای که برنامه را اجرا می کند
• ساخت و استقرار Application Angular برای برنامه های بومی موبایل
• خلاصه

فصل 2. مقدمه ای بر TypeScript

• زبان های برنامه نویسی برای استفاده با نحو تایپ اسکریپت زاویه ای
• ویرایشگرهای برنامه نویسی
• نوع سیستم - تعریف متغیرها
• سیستم نوع - تعریف آرایه ها
• انواع اولیه اولیه
• توابع را تایپ کنید
• نوع استنتاج
• تعریف کلاس ها
• روش های کلاس
• کنترل دید
• سازندگان کلاس
• سازندگان کلاس - فیلدهای غیر اولیه فرم جایگزین
• رابط ها
• کار با ماژول های ES6
• var vs let
• توابع پیکان
• تابع پیکان Compact Syntax Template Strings
• ژنریک در کلاس
• ژنریک در عملکرد
• خلاصه

فصل 3. اجزاء

• کامپوننت چیست؟
• یک سابقampمولفه
• ایجاد یک کامپوننت با استفاده از Angular CLI
• کلاس کامپوننت
• دکوراتور @Component
• ثبت یک کامپوننت در قالب کامپوننت ماژول آن
• Example: الگوی HelloComponent
• Example: کلاس HelloComponent با استفاده از کامپوننت
• برنامه را اجرا کنید
• سلسله مراتب مؤلفه ها
• مؤلفه ریشه برنامه
• بوت استرپ File
• قلاب چرخه حیات جزءample Lifecycle Hooks
• سبک های CSS
• خلاصه

فصل 4. الگوهای کامپوننت

• قالب ها
• مکان قالب
• نحو {{ }} سبیل
• تنظیم ویژگی های عنصر DOM
• تنظیم متن بدنه عنصر
• صحافی رویداد
• کنترل کننده رویداد Expression
• جلوگیری از مدیریت پیش فرض
• دستورالعمل های ویژگی
• با تغییر کلاس های CSS، استایل ها را اعمال کنید
• Example: ngClass
• کاربرد مستقیم سبک ها
• دستورالعمل های ساختاری
• اجرای مشروط الگو
• Example: ngIf
• حلقه زدن با استفاده از ngFor
• ngبرای متغیرهای محلی
• دستکاری مجموعه پیشینample - حذف یک مورد
• ردیابی مورد با ngبرای تعویض عناصر با ngSwitch Grouping Elements
• خلاصه متغیر مرجع الگو

فصل 5. ارتباطات بین اجزایی

• مبانی ارتباطات
• معماری جریان داده
• آماده سازی کودک برای دریافت داده ها
• ارسال داده از والدین
• اطلاعات بیشتر درباره تنظیمات تنظیمات
• شلیک رویداد از یک جزء
• @Output() مثالample – Child Component @Output() Example – مولفه مادر
• صحافی کامل دو طرفه
• راه اندازی دو طرفه داده اتصال در والدین
• خلاصه

فصل 6. قالب‌های مبتنی بر الگو

• قالب‌های مبتنی بر الگو
• ماژول وارد کردن فرم ها
• رویکرد اساسی
• تنظیم یک فرم
• دریافت ورودی کاربر
• حذف ویژگی ngForm
• فرم را راه اندازی کنید
• اتصال داده دو طرفه
• اعتبار سنجی فرم
• اعتبار سنجی زاویه ای
• نمایش وضعیت اعتبارسنجی با استفاده از کلاس‌ها از انواع ورودی اضافی
• چک باکس ها
• فیلدها (کشویی) را انتخاب کنید
• گزینه های رندر برای فیلدهای تاریخ انتخاب (کشویی).
• دکمه های رادیویی
• خلاصه

فصل 7. اشکال واکنشی

• فرم های واکنشی به پایان رسیدview
• بلوک های ساختمانی
• ReactiveFormsModule را وارد کنید
• یک فرم بسازید
• قالب را طراحی کنید
• دریافت مقادیر ورودی
• راه اندازی فیلدهای ورودی
• تنظیم مقادیر فرم
• اشتراک در تغییرات ورودی
• اعتبار سنجی
• اعتبار سنجی داخلی
• نمایش خطای اعتبارسنجی
• اعتبار سنجی سفارشی
• استفاده از اعتبارسنجی سفارشی
• ارائه تنظیمات به Custom Validator
• FormArray - به صورت پویا ورودی ها را اضافه کنید
• FormArray - کلاس کامپوننت
• FormArray - الگو
• FormArray – مقادیر
• زیر گروه های فرم - کلاس اجزا
• Sub FormGroups – قالب HTML
• چرا از Sub FormGroups استفاده کنیم؟
• خلاصه

فصل 8. خدمات و تزریق وابستگی

• سرویس چیست؟
• ایجاد یک سرویس پایه
• کلاس خدمات
• تزریق وابستگی چیست؟
• تزریق یک نمونه خدمات
• انژکتور
• سلسله مراتب انژکتوری
• ثبت سرویس با Root Injector
• ثبت سرویس با انژکتور کامپوننت
• ثبت سرویس با انژکتور ماژول ویژگی
• کجا خدمات را ثبت کنیم؟
• تزریق وابستگی در سایر مصنوعات ارائه یک تزریق وابستگی پیاده سازی جایگزین و @Host
• Dependency Injection و @Optional
• خلاصه

فصل 9. سرویس گیرنده HTTP

• Angular HT TP Client
• استفاده از T he HT TP Client – ​​Overview
• وارد کردن HttpClientModule
• سرویس با استفاده از HttpClient
• ایجاد یک درخواست GET
• یک شیء قابل مشاهده چه کاری انجام می دهد؟
• استفاده از سرویس در کامپوننت
• مدیریت خطای مؤلفه سرویس گیرنده PeopleService
• سفارشی کردن شی خطا
• ایجاد یک درخواست POST
• ایجاد یک درخواست PUT
• ایجاد یک درخواست DELETE

فصل 10. لوله ها و قالب بندی داده ها

• لوله ها چیست؟
• لوله های داخلی
• استفاده از Pipes در قالب HTML Chaining Pipes
• لوله های بین المللی (i18n) در حال بارگذاری داده های محلی
• لوله تاریخ
• شماره لوله
• لوله ارز
• یک لوله سفارشی ایجاد کنید
• Pipe Example
• استفاده از لوله های سفارشی
• استفاده از لوله با ngFor
• یک لوله فیلتر
• دسته لوله: خالص و نجس
• خلاصه
• Pure Pipe Example
• لوله ناخالص سابقample
• خلاصه

فصل 11. مقدمه ای بر کاربردهای تک صفحه ای

• یک برنامه تک صفحه ای (SPA) سنتی چیست؟ Web برنامه
• گردش کار SPA
• Advan برنامه تک صفحه ایtages HTML5 History API
• چالش های SPA
• پیاده سازی SPA با استفاده از خلاصه زاویه ای

فصل 12. روتر کامپوننت زاویه ای

• روتر کامپوننت
• View ناوبری
• Angular Router API
• ایجاد یک برنامه فعال با روتر
• میزبانی اجزای مسیریابی شده
• ناوبری با استفاده از پیوندها و دکمه ها
• ناوبری برنامه ای
• عبور پارامترهای مسیر
• پیمایش با پارامترهای مسیر
• بدست آوردن مقادیر پارامتر مسیر
• بازیابی پارامتر مسیر به صورت همزمان
• بازیابی یک پارامتر مسیر به صورت ناهمزمان
• پارامترهای پرس و جو
• تامین پارامترهای پرس و جو
• بازیابی پارامترهای پرس و جو به صورت ناهمزمان
• مشکلات دستی URL ورود و نشانک گذاری
• خلاصه

فصل 13. سرویس گیرنده HTTP پیشرفته

• گزینه های درخواست
• برگرداندن یک شی HttpResponse
• تنظیم هدر درخواست
• ایجاد مشاهده پذیرهای جدید
• ایجاد یک مشاهده پذیر ساده
• روش سازنده قابل مشاهده عملگرهای قابل مشاهده
• نقشه و اپراتورهای فیلتر
• اپراتور flatMap()
• اپراتور () tap
• ترکیب ()zip
• در حافظه پنهان پاسخ HT TP
• برقراری تماس های متوالی HT TP
• برقراری تماس های موازی
• سفارشی کردن شی خطا با catchError()
• خطا در خط لوله
• بازیابی خطا
• خلاصه

فصل 14. ماژول های زاویه ای

• چرا ماژول های زاویه ای؟
• آناتومی یک کلاس ماژول
• @NgModule Properties
• ماژول های ویژگی
• Exampساختار ماژول
• یک ماژول دامنه ایجاد کنید
• یک جفت ماژول مسیریابی/مسیریابی ایجاد کنید
• یک ماژول خدمات ایجاد کنید
• ایجاد ماژول های مشترک

فصل 15. مسیریابی پیشرفته

• ماژول ویژگی فعال مسیریابی
• با استفاده از ماژول ویژگی
• تنبلی در حال بارگذاری ماژول ویژگی
• ایجاد پیوند برای اجزای ماژول ویژگی
• اطلاعات بیشتر درباره Lazy Loading
• پیش بارگذاری ماژول ها
• مسیر پیش فرض
• مسیر مسیر عام
• تغییر مسیر به
• مسیرهای کودک
• تعریف مسیرهای کودک
• برای مسیرهای کودک
• پیوندهایی برای مسیرهای کودک
• گاردهای ناوبری
• ایجاد پیاده سازی گارد
• استفاده از گاردها در یک مسیر
• خلاصه

فصل 16. تست واحد کاربردهای زاویه ای

• واحد تست مصنوعات زاویه ای
• ابزارهای تست
• مراحل تست معمولی
• نتایج آزمون
• مجموعه تست یاس
• مشخصات یاس (تست های واحد)
• انتظارات (اظهارات)
• ملاقات
• Exampموارد استفاده از Matchers
• استفاده از not Property
• راه اندازی و حذف در مجموعه تست واحد
• Exampاز توابع BeforeEach و AfterEach
• ماژول تست زاویه ای
• Exampماژول تست زاویه ای
• تست یک سرویس
• تزریق یک نمونه خدمات
• یک روش سنکرون را آزمایش کنید
• یک روش ناهمزمان را آزمایش کنید
• با استفاده از Mock HT TP Client
• تهیه کنسرو پاسخ
• تست یک کامپوننت
• ماژول تست کامپوننت
• ایجاد یک نمونه کامپوننت
• کلاس ComponentFixture
• تست های مولفه های پایه
• کلاس DebugElement
• شبیه سازی تعامل کاربر
• خلاصه

فصل 17. اشکال زدایی

• تمام شدview اشکال زدایی زاویه ای
• Viewکد TypeScript را در Debugger وارد کنید
• استفاده از کلمه کلیدی دیباگر
• ثبت اشکال زدایی
• Angular DevTools چیست؟
• استفاده از Angular DevTools
• Angular DevTools – ساختار مؤلفه
• Angular DevTools – اجرای تشخیص تغییر
• گرفتن خطاهای نحوی
• خلاصه

تمرینات آزمایشگاهی

• آزمایشگاه 1. مقدمه ای بر Angular
• آزمایشگاه 2. مقدمه ای بر TypeScript
• آزمایشگاه 3. مقدمه ای بر کامپوننت ها
• آزمایشگاه 4. قالب کامپوننت
• آزمایشگاه 5. یک جزء گالری عکس ایجاد کنید
• آزمایشگاه 6. قالب رانده شده
• آزمایشگاه 7. یک فرم ویرایش ایجاد کنید
• آزمایشگاه 8. فرم واکنشی
• آزمایشگاه 9. یک سرویس توسعه دهید
• آزمایشگاه 10. یک HT TP Client توسعه دهید
• آزمایشگاه 11. از لوله ها استفاده کنید
• آزمایشگاه 12. برنامه پایه یک صفحه با استفاده از آزمایشگاه روتر 13. ساخت یک برنامه یک صفحه (SPA)
• آزمایشگاه 14. پیشرفته HT TP Client
• آزمایشگاه 15. استفاده از Angular Bootstrap
• آزمایشگاه 16. بارگذاری ماژول تنبل
• آزمایشگاه 17. مسیریابی پیشرفته
• آزمایشگاه 18. تست واحد
• آزمایشگاه 19. اشکال زدایی برنامه های زاویه ای

این دوره برای چه کسانی است؟
هدف این دوره برای هر کسی است که نیاز به یادگیری اصول توسعه Angular 12 و استفاده از آن برای ایجاد دارد web برنامه های کاربردی بلافاصله ما همچنین می‌توانیم این دوره آموزشی را برای گروه‌های بزرگتر ارائه و سفارشی کنیم - در زمان، هزینه و منابع سازمان شما صرفه‌جویی می‌کنیم.

پیش نیازها
Web تجربه توسعه با استفاده از HTML، CSS و جاوا اسکریپت برای استفاده حداکثری از این دوره آموزشی 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

مراجع

• راهنمای کاربر