آموزش ارتقا به Angular 1.6

Upgrading to Angular 1.6

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: آیا برنامه ای دارید که بخواهید آن را تغییر دهید ، اما وقت ندارید که همه چیز را دوباره بنویسید؟ یا ، آیا می خواهید برنامه خود را برای مهاجرت در آینده به Angular 2 آماده کنید؟ اگر چنین است ، پس این دوره برای شما مناسب است. با نحوه به روزرسانی برنامه Angular 1.x موجود به 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

نمایش نظرات

آموزش ارتقا به Angular 1.6
جزییات دوره
1h 9m
31
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
12,958
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Aviv Ben-Yosef Aviv Ben-Yosef

آویو بن یوسف - مشاور و مربی - هنگامی که 10 سال داشت ، کد نویسی را شروع کرد و هنوز متوقف نشده است. آویو روزها مشغول مشاوره و کمک به شرکتها می شود - از راه اندازی تا بنگاه اقتصادی Fortune 100 - حرکت رو به جلو و موفقیت. در وقت آزاد ، آویو دوست دارد وبلاگ نویسی کند و آنچه را که یاد می گیرد ، آموزش دهد و یک خبرنامه محبوب Angular را در codelord.net نگهداری کند. بین تکمیل 10K اجرا و نقل قول های عروس پرنسس ، او همچنین یک میزبان پادکست ، سخنران کنفرانس است ، و شخصاً صدها نفر را آموزش داده و به تعداد بیشماری آنلاین کمک کرده است.