نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
رابط کاربری مهمترین قسمت برنامه شماست ، زیرا از نظر کاربران این برنامه است. هیچ چیز دیگری مهم نیست. در این دوره ، شما می آموزید که چگونه یک UI آسان ، موثر ، کارآمد و قابل نگهداری با استفاده از Angular ارائه دهید. همه را بزرگ کنید بررسی اجمالی دوره 2 متر 3 ثانیه شروع شدن 3m 47s درک بلوک های موجود ساختمان 22 م 22 ثانیه سerال کردن رابط کاربر 36 متر 36s دستکاری رابط کاربر 51m 21s ایجاد یک رابط کاربر پویا 46 متر 31 ساله تمیز کردن DOM 14 متر 32s بهبود عملکرد رابط کاربر 39 متر 7 ثانیه امنیت در رابط کاربری Angular 15 متر 56s همه را با هم آوردن: ایجاد فرم های پویا 35m 37s جمع بندی: از موارد و افکار نهایی استفاده کنید 7m 33s علائم تجاری و نام تجاری اشخاص ثالث ذکر شده در این دوره متعلق به صاحبان مربوطه می باشند و Pluralsight وابسته یا تأیید شده توسط این احزاب نیست.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
شروع شدن
Getting Started
درک بلوک های موجود ساختمان
Understanding the Available Building Blocks
-
مقدمه
Introduction
-
اجزاء
Components
-
@ تزئینگر ورودی در تنظیم کننده املاک
@Input Decorator on a Property Setter
-
در حال بررسی مشترکین ویژگیOutput
Checking for @Output Property Subscribers
-
دستکاری رابط کاربر با دستورالعمل ها
Manipulating the UI with Directives
-
تغییر ارائه داده با لوله ها
Altering Data Presentation with Pipes
-
بسته شدن
Wrap Up
سerال کردن رابط کاربر
Querying the UI
-
مقدمه
Introduction
-
الگوها و TemplateRefs
Templates and TemplateRefs
-
سerال کردن رابط کاربر از طریق ViewChild (ren) و ContentChild (ren)
Querying the UI via ViewChild(ren) and ContentChild(ren)
-
انتخابگرهای TempateRef
TempateRef Selectors
-
ViewContainerRefs
ViewContainerRefs
-
HTMLElement به عنوان ElementRefs
HTMLElement as ElementRefs
-
گزینه های ElementRef Selector - بخوانید
ElementRef Selector Options - Read
-
گزینه های انتخاب ElementRef - فرزندان
ElementRef Selector Options - Descendants
-
ElementRef از طریق تزریق وابستگی
ElementRef via Dependency Injection
-
لیست کوئری برای مجموعه موارد UI
QueryLists for Collections of UI Items
-
بسته شدن
Wrap Up
دستکاری رابط کاربر
Manipulating the UI
-
مقدمه
Introduction
-
مشاهده کپسول سازی
View Encapsulation
-
پیراهن سایه - دور زدن سایه DOM
Shadow Piercing - Bypassing Shadow DOM
-
ساخت لوله های سفارشی - دستکاری نمایش پویا
Building Custom Pipes - Dynamic Display Manipulation
-
انتخابگرهای راهنما - بیش از ویژگی ها
Directive Selectors - More Than Just Attributes
-
اتصال میزبان - دستکاری والدین از کودک
Host Binding - Manipulating a Parent from a Child
-
گوش دادن به میزبان - پاسخ دادن به والدین از کودک
Host Listening - Responding to a Parent From a Child
-
NativeElement و Renderer2 بد نیستند
NativeElement and Renderer2 are NOT Bad
-
دریافت و استفاده مناسب از NativeElement
Getting and Using NativeElement Properly
-
JQuery به عنوان یک ضد الگوی زاویه ای
JQuery as an Angular Anti-pattern
-
بسته شدن
Wrap Up
ایجاد یک رابط کاربر پویا
Creating a Dynamic UI
-
مقدمه
Introduction
-
با استفاده از پیش بینی محتوای داخلی
Using Built-in Content Projection
-
بسته بندی محتوا در ngContainer
Wrapping Content in ngContainer
-
ساخت الگوها با ngTemplate
Building Templates with ngTemplate
-
ngIf-Else با ngTemplate
ngIf-Else with ngTemplate
-
ارائه محتوا با ngTemplateOutlet
Rendering Content with ngTemplateOutlet
-
محتوای پویا با ngTemplateOutletContext
Dynamic Content with ngTemplateOutletContext
-
وراثت مonلفه ها
Component Inheritance
-
ایجاد مولفه پویا
Dynamic Component Creation
-
نمای کلی چارچوب ابزارک
Overview of the Widget Framework
-
ایجاد اجزای پویا به صورت اظهارنظر با ngComponentOutlet
Creating Dynamic Components Declaratively with ngComponentOutlet
-
ایجاد اجزای پویا به صورت برنامه نویسی با ComponentFactoryResolver
Creating Dynamic Components Programmatically with ComponentFactoryResolver
تمیز کردن DOM
Keeping Your DOM Clean
-
مقدمه
Introduction
-
انتخابگرهای صفت مonلفه
Component Attribute Selectors
-
ng به حداقل رساندن اندازه DOM
ngIf to Minimize DOM Size
-
ngSwitch bloat
ngSwitch Bloat
-
سایه DOM
Shadow DOM
-
بسته شدن
Wrap Up
بهبود عملکرد رابط کاربر
Improving Performance of the UI
-
مقدمه
Introduction
-
رابط کاربری بهتر برای Async Loading
A Better UI for Async Loading
-
لوله ها و عملکرد
Pipes and Performance
-
ngFor بهتر
A Better ngFor
-
ذخیره سریع از طریق حافظه
Instant Caching with Memoizing
-
نگاه اول به قلاب های چرخه زندگی آنگولار
A First Look at Angular's Lifecycle Hooks
-
کار با قلاب های چرخه زندگی Angular
Working with Angular's Lifecycle Hooks
-
بسته شدن
Wrap Up
امنیت در رابط کاربری Angular
Security in the Angular UI
-
مقدمه
Introduction
-
درک تهدید
Understanding the Threat
-
امنیت پیش فرض
Default Security
-
دور زدن امنیت پیش فرض
Bypassing the Default Security
-
بسته شدن
Wrap Up
همه را با هم آوردن: ایجاد فرم های پویا
Bringing It All Together: Building Dynamic Forms
-
مقدمه/آنچه در حال ساخت آن هستیم
Introduction / What We're Building
-
تعریف فرم در فراداده
Defining the Form in Metadata
-
تولید رابط کاربر Field
Generating the Field UI
-
بارگیری و ذخیره اطلاعات
Loading and Saving Data
-
اعتبار سنجی داده های زمینه
Validating the Field Data
-
بسته شدن
Wrap Up
جمع بندی: از موارد و افکار نهایی استفاده کنید
Wrap up: Use Cases and Final Thoughts
-
مقدمه
Introduction
-
سناریوهای مدیریت خطا
Error Handling Scenarios
-
سناریوهای شخصی سازی
Personalization Scenarios
-
سناریوهای خوبی UI
UI Goodness Scenarios
Pluralsight (پلورال سایت)
Pluralsight یکی از پرطرفدارترین پلتفرمهای آموزش آنلاین است که به میلیونها کاربر در سراسر جهان کمک میکند تا مهارتهای خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دورههای آموزشی در زمینههای فناوری اطلاعات، توسعه نرمافزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه میدهد.
یکی از ویژگیهای برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعهدهندگان و کارشناسان معتبر، دورههایی را ارائه میدهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژیها نگه میدارد. این امر به کاربران این اطمینان را میدهد که دورههایی که در Pluralsight میپذیرند، با جدیدترین دانشها و تجارب به روز شدهاند.
نمایش نظرات