آموزش Angular: تست و اشکال زدایی

سرفصل ها و درس ها

معرفی Introduction

• Angular: تست و اشکال زدایی Angular: Testing and debugging

• آنچه شما باید بدانید What you should know

• پرونده های ورزشی Exercise files

1. شروع کار 1. Getting Started

• مرور برنامه Application overview

• نصب وابستگی های پروژه Installing project dependencies

• در حال نصب Angular CLI Installing Angular CLI

2. چگونه Angular خطاها را گزارش می کند 2. How Angular Reports Errors

• مدیریت خطا در Angular Error handling in Angular

• درک مناطق در برنامه های Angular Understanding zones in Angular apps

• یک فایل جدید را با استفاده از CLI زاویه ای اضافه کنید Add a new file using Angular CLI

• نوشتن کلاس کنترل کننده خطای سفارشی Writing a custom error handler class

3. خطاهای نحو معمول 3. Common Syntax Errors

• افزودن سرویس ذخیره سازی محلی Adding a local storage service

• رفع خطاهای تزریق وابستگی Fixing dependency injection errors

• دریافت و تنظیم داده ها در حافظه محلی Getting and setting data in local storage

• افزودن یک لوله زاویه دار سفارشی Adding a custom Angular pipe

• استفاده از عبارات منظم برای یافتن محتوا Using regular expressions to find content

• استفاده از یک لوله برای تغییر محتوای HTML Using a pipe to change HTML content

• خطاهای رایج لوله Common pipe errors

• درک تزئینات زاویه ای Understanding Angular decorators

• چالش: آرایه کاربران را بر اساس locationId فیلتر کنید Challenge: Filter the array of users by locationId

• راه حل: آرایه کاربران را بر اساس locationId فیلتر کنید Solution: Filter the array of users by locationId

4. خطاهای رایج Async 4. Common Async Errors

• دریافت داده با استفاده از درخواستهای REST Getting data using REST requests

• به روزرسانی داده ها با استفاده از درخواستهای REST Updating data using REST requests

• کار با موارد مشاهده Working with observables

• خطاهای گرفتن از یک مشاهده Catching errors from an observable

5. تست واحد به صورت زاویه دار 5. Unit Testing in Angular

• تست اجمالی Testing overview

• پیکربندی اساسی کارما Basic Karma configuration

• خدمات تست Testing services

• رفع خطاهای وابستگی تزریق Fixing injection dependency errors

• آزمایش لوله ها Testing pipes

• تست اجزا Testing components

• چالش: بسته بندی تخت خواب تست شده Challenge: Custom test bed wrapper

• راه حل: لفاف تخت خواب تست شده Solution: Custom test bed wrapper

6. تست End-to-End در Angular 6. End-to-End Testing in Angular

• پیکربندی اولیه Protractor Basic Protractor configuration

• تست پایان به انتها بدون اشیا page صفحه End-to-end testing without page objects

• آزمایش پایان به پایان با اشیا page صفحه End-to-end testing with page objects

• چالش: آزمایش ورودی فیلتر Challenge: Testing filter input

• راه حل: آزمایش ورودی فیلتر Solution: Testing filter input

7. Static Code Linting به صورت Angular 7. Static Code Linting in Angular

• نصب و اجرای ESLint Installing and running ESLint

• پیکربندی اساسی ESLint Basic ESLint configuration

• رفع خطاهای پرز Fixing lint errors

• در حال نصب EditorConfig Installing EditorConfig

• پیکربندی Basic EditorConfig Basic EditorConfig configuration

نتیجه Conclusion

• مراحل بعدی Next steps