دوره آموزشی ارتقا به Angular 1.6
1 ساعت 9 دقیقهمتوسط2017-04-18
مدرسین
Aviv Ben-Yosef
Consultant, Trainer
جزئیات دوره
آیا برنامه ای دارید که بخواهید آن را تغییر دهید، اما زمان لازم برای بازنویسی همه چیز را ندارید؟ یا آیا می خواهید برنامه خود را برای مهاجرت بعدی به Angular 2 آماده کنید؟ اگر چنین است، پس این دوره برای شما است. با نحوه به روز رسانی برنامه Angular 1.x موجود به Angular 1.6 آشنا شوید. با انجام این ارتقاء، می توانید از مزایای استفاده از یک چارچوب محکم و پایدار بهره مند شوید بدون نیاز به یادگیری مجدد و بازنویسی برنامه موجود در چارچوبی جدیدتر.
آویو بن یوسف با توضیح آنچه در Angular 1.6 متفاوت است، و همچنین انگیزه های مختلف ارتقاء، دوره را آغاز می کند. سپس، نحوه ارتقاء ایمن یک برنامه موجود را مرور می کند. او از کنترلرها به دستورالعمل ها و همچنین قلاب های چرخه عمر اجزا را پوشش می دهد. او همچنین به تغییرات معماری در Angular مانند جریان داده های یک طرفه و تغییر ناپذیری می پردازد. برای جمع بندی، او نحوه آزمایش صحیح اجزا را مورد بحث قرار می دهد.
اهداف یادگیری
تصمیم برای ارتقاء یک برنامه موجود
ارتقا به Angular 1.6
حذف کنترلرهای مستقل
استفاده از دستورالعمل ها به عنوان اهداف مسیر
تبدیل کد کنترل کننده
تبدیل الگوی کنترلر
مقایسه دستورالعمل ها و اجزاء
تبدیل یک بخشنامه
بررسی مفهوم الزام آور یک طرفه
آویو بن یوسف با توضیح آنچه در Angular 1.6 متفاوت است، و همچنین انگیزه های مختلف ارتقاء، دوره را آغاز می کند. سپس، نحوه ارتقاء ایمن یک برنامه موجود را مرور می کند. او از کنترلرها به دستورالعمل ها و همچنین قلاب های چرخه عمر اجزا را پوشش می دهد. او همچنین به تغییرات معماری در Angular مانند جریان داده های یک طرفه و تغییر ناپذیری می پردازد. برای جمع بندی، او نحوه آزمایش صحیح اجزا را مورد بحث قرار می دهد.
اهداف یادگیری
تصمیم برای ارتقاء یک برنامه موجود
ارتقا به Angular 1.6
حذف کنترلرهای مستقل
استفاده از دستورالعمل ها به عنوان اهداف مسیر
تبدیل کد کنترل کننده
تبدیل الگوی کنترلر
مقایسه دستورالعمل ها و اجزاء
تبدیل یک بخشنامه
بررسی مفهوم الزام آور یک طرفه
مهارت ها
AngularFront-End Web DevelopmentWeb DevelopmentOpen Source
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید بدانید
- 03 - فایلهای تمرینی
- 04 - Angular 1 مدرن چیست
- 05 - تصمیم بگیرید یک برنامه موجود را ارتقا دهید
- 06 - مروری بر مراحل پیش رو
- 07 - ارتقا به Angular 1.6
1. کنترل کنندهها به دستورالعمل ها
- 08 - کنترل کنندههای مستقل را بردارید
- 09 - کنترلرها را در بخشنامهها بپیچید
- 10 - محدوده بخشنامهها را جدا کنید
- 11 - از دستورالعملها به عنوان اهداف مسیر استفاده کنید
2. از controllerAs استفاده کنید
- 12 - مزایای سینتکس controllerAs
- 13 - تبدیل کد یک کنترلر
- 14 - تبدیل قالب یک کنترلر
- 15 - $scope.$watch and controllerAs
3. دستورالعمل به اجزا
- 16 - مقدمه ای بر اجزاء
- 17 - ساختمان اجزاء
- 18 - بخشنامهها و اجزا را با هم مقایسه کنید
- 19 - یک بخشنامه را تبدیل کنید
4. قلاب چرخه حیات جزء
- 20 - راهاندازی را در `$onInit` انجام دهید
- 21 - از «$onChanges» برای همگام سازی تغییرات الزام آور استفاده کنید
- 22 - ساعتهای عمیق را با «$doCheck» جایگزین کنید
- 23 - با «$onDestroy» پاکسازی کنید
- 24 - «$postLink» و «$element».
- 25 - برای عبور از وابستگیها از «require» استفاده کنید
5. اتصال دادههای یک طرفه
- 26 - صحافی یک طرفه در مقابل صحافی دو طرفه
- 27 - صحافی دو طرفه را به یک طرفه تبدیل کنید
- 28 - جریان یک طرفه داده و تغییرناپذیری
6. تست مولفه ها
- 29 - از componentController استفاده کنید
- 30 - $onChanges را تست کنید
نتیجه
- 31 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی واکنشگرایی و سیگنالها در Angular
- دوره آموزشی ساخت کتابخانههای Angular
- دوره آموزشی رمزگشایی Angular: بهینهسازی عملکرد
- دوره آموزشی ساخت اپلیکیشنهای Angular و ASP.NET Web API
- دوره آموزشی مدیریت وضعیت در Angular با NgRx
- دوره آموزشی تکنیکهای بهینهسازی عملکرد Angular
- دوره آموزشی انگولار: ساخت برنامههای بزرگ
- دوره آموزشی تست و اشکال زدایی در انگولار