آموزش ارتقا به Angular 1.6
Upgrading to Angular 1.6
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
آویو بن یوسف با توضیح آنچه در Angular 1.6 متفاوت است ، و همچنین انگیزه های مختلف برای به روزرسانی ، دوره را آغاز می کند. در مرحله بعدی ، او می آموزد که چگونه یک برنامه موجود را با خیال راحت ارتقا دهد. وی رفتن از کنترل کننده ها به بخشنامه ها و همچنین قلاب های چرخه حیات را شامل می شود. وی همچنین وارد تغییرات معماری در Angular می شود ، مانند جریان داده های یک طرفه و تغییرناپذیری. برای جمع بندی ، او در مورد چگونگی آزمایش صحیح اجزا بحث می کند.
موضوعات شامل:
- تصمیم برای به روزرسانی برنامه موجود
- ارتقا به Angular 1.6
- حذف کنترل کننده های مستقل
- استفاده از دستورالعمل ها به عنوان اهداف مسیر
- تبدیل کد کنترل کننده
- تبدیل الگوی کنترل کننده
- مقایسه دستورالعمل ها و م componentsلفه ها
- تبدیل بخشنامه
- بررسی مفهوم الزام آور یک طرفه
سرفصل ها و درس ها
مقدمه Introduction
-
خوش آمدی Welcome
-
آنچه باید بدانید What you should know
-
فایل های تمرینی Exercise files
-
Angular 1 مدرن چیست؟ What is modern Angular 1?
-
تصمیم به ارتقا یک برنامه موجود بگیرید Decide to upgrade an existing app
-
نمای کلی از مراحل پیش رو Overview of steps ahead
-
به Angular 1.6 ارتقا دهید Upgrade to Angular 1.6
1. کنترل کننده های راهنما 1. Controllers to Directives
-
کنترل کننده های مستقل را حذف کنید Remove standalone controllers
-
بسته بندی كنترلرها در بخشنامه ها Wrap controllers in directives
-
محدوده بخشنامه ها را جدا کنید Isolate scopes of directives
-
از دستورالعمل ها به عنوان اهداف مسیر استفاده کنید Use directives as route targets
2. از کنترلر استفاده کنید 2. Use controllerAs
-
مزایای نحو کنترلر Benefits of controllerAs syntax
-
کد کنترل کننده را تغییر دهید Convert a controller’s code
-
تبدیل الگوی کنترلر Convert a controller’s template
-
دامنه $. $ تماشای و کنترل کننده $scope.$watch and controllerAs
3. دستورالعمل ها برای قطعات 3. Directives to Components
-
آشنایی با مؤلفه ها Introduction to components
-
بلوک ساختاری قطعات Building block of components
-
بخشنامه ها و مؤلفه ها را با هم مقایسه کنید Compare directives and components
-
تبدیل یک بخشنامه Convert a directive
4. قلاب چرخه کامپوننت 4. Component Lifecycle Hooks
-
تنظیم "$ onInit" را انجام دهید Perform setup in `$onInit`
-
برای همگام سازی تغییرات لازم از $ onChanges استفاده کنید Use `$onChanges` to sync binding changes
-
ساعتهای عمیق را با "$ doCheck" جایگزین کنید Replace deep watches with `$doCheck`
-
با $ $Destroy تمیز کنید Clean up with `$onDestroy`
-
"$ postLink" و "$ element" `$postLink` and `$element`
-
برای عبور از وابستگی از "نیاز" استفاده کنید Use `require` to pass dependencies
5. اتصال یک طرفه داده ها 5. One-Way Data Binding
-
اتصال یک طرفه در مقابل اتصال دو طرفه One-way binding vs. two-way binding
-
اتصال دو طرفه را به یک روش تبدیل کنید Convert two-way binding to one way
-
جریان داده های یک طرفه و تغییر ناپذیری One-way data flow and immutability
6. اجزاء تست 6. Testing Components
-
از ContentController استفاده کنید Use componentController
-
$ onChanges را امتحان کنید Test $onChanges
نتیجه Conclusion
-
مراحل بعدی Next steps
https://donyad.com/d/01db
Aviv Ben-Yosef
آویو بن یوسف - مشاور و مربی - هنگامی که 10 سال داشت ، کد نویسی را شروع کرد و هنوز متوقف نشده است. آویو روزها مشغول مشاوره و کمک به شرکتها می شود - از راه اندازی تا بنگاه اقتصادی Fortune 100 - حرکت رو به جلو و موفقیت. در وقت آزاد ، آویو دوست دارد وبلاگ نویسی کند و آنچه را که یاد می گیرد ، آموزش دهد و یک خبرنامه محبوب Angular را در codelord.net نگهداری کند. بین تکمیل 10K اجرا و نقل قول های عروس پرنسس ، او همچنین یک میزبان پادکست ، سخنران کنفرانس است ، و شخصاً صدها نفر را آموزش داده و به تعداد بیشماری آنلاین کمک کرده است.
نمایش نظرات