آموزش با استفاده از Angular 7 برنامه های وب عالی بسازید

درس ها Lessons

• نمای کلی یک کامپوننت Angular Overview of an Angular compnent

• کامپایل JIT و AOT JIT and AOT compilation

• اعتبار سنجی ورودی های کاربر به شکل واکنشی Validating user inputs in a reactive form

• چگونه از مثال ها استفاده کنیم؟ How to use examples?

• از شما انتظار می رود که بدانید؟ What you are expected to know?

• مروری بر دستورالعمل ها Overview of Directives

• ایجاد یک برنامه زاویه ای از ابتدا Creating an angular app from scratch

• ایجاد ساختار اولیه برنامه دفترچه تلفن ما Creating the basic structure of our phonebook app

• راه اندازی نرم افزار مورد نیاز Required software setup

• ایجاد یک لوله سفارشی برای نمایش سن از تاریخ تولد Creating a custom pipe to display the age from birth date

• دسترسی به پارامترهای مسیر در ContactListComponent Accessing the route parameters in ContactListComponent

• نمایش لیست تمام مخاطبین با استفاده از دستورالعمل NgForOf Displaying the list of all contacts using NgForOf directive

• استفاده از SweetAlert برای کادرهای گفتگوی زیبا Using SweetAlert for beautiful dialog boxes

• نسخه ی نمایشی ngForOf، ngIf، ngStyle و ngClass Demo ngForOf, ngIf, ngStyle and ngClass

• راه اندازی/contacts REST نقطه پایانی Setting up the /contacts REST endpoint

• مصرف نقطه پایانی REST در سرویس ما Consuming the REST endpoint in our service

• ایجاد ContactDetailsComponent Creating the ContactDetailsComponent

• فرم های الگو محور در مقابل فرم های مدل محور (واکنشی). Template-driven vs Model-driven (Reactive) forms

• ایجاد اولین برنامه ما با استفاده از Angular CLI Creating our first app using Angular CLI

• ساخت و استقرار Building and deploying

• تخصیص - ایجاد لوله های سفارشی برای لایه بندی یک رشته با برخی از کاراکترها Assignment - Create custom pipes for padding a string with some characters

• نوشتن عملیات CRUD در ContactsService قابل تزریق Writing CRUD operations in the ContactsService injectable

• آشنایی با لوله ها و ایجاد یک لوله سفارشی Introduction to pipes and creating a custom pipe

• به این دوره خوش آمدید Welcome to this course

• زاویه ای چیست؟ What is angular?

• پیکربندی مسیر و تغییر نماها Route configuration and changing views

• نسخه ی نمایشی - روی برنامه شمارنده کلیک کنید Demo - Click counter app

• یکپارچه سازی jQuery (برای صفحه بندی در اسکرول) Integrating jQuery (for pagination on scroll)

• اعتبار سنجی ورودی های کاربر در قالب مبتنی بر الگو Validating user inputs in a template-driven form

• دمو ngSwitch Demo ngSwitch

• استفاده از Angular CLI برای تولید اجزای جدید Using Angular CLI to generate new components

• کار با یک فرم مبتنی بر الگو برای افزودن مخاطبین جدید Working with a template-driven form for adding new contacts

• نتیجه Conclusion

• نسخه ی نمایشی - دستورالعمل سفارشی Demo - custom directive

• حذف یک مخاطب Deleting a contact

• ایجاد کلاس تزریقی ContactsService Creating the ContactsService injectable class

• ویرایش مخاطب با استفاده از فرم واکنشی Editing a contact using reactive form