آموزش ساخت رابط کاربری با Angular

Constructing a User Interface with Angular

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

  • شروع شدن 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 می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.

آموزش ساخت رابط کاربری با Angular
جزییات دوره
4h 35m
72
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
75
4.5 از 5
دارد
دارد
دارد
David Mann
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

David Mann David Mann

دیو از بنیانگذاران و CTO نرم افزار Heirloom است ، یک شرکت نوپا با استفاده از فناوری (شامل طراحی تجربه کاربر ، برنامه های کاربردی و رشته های داده های بزرگ) برای ایجاد تحول در تاریخ خانواده و شجره نامه. وی بیش از 20 سال "با رایانه کار می کند" ، 11 بار MVP مایکروسافت است ، و یک برنامه نویس وب ، مربی و نویسنده کاملاً پشته با تمرکز بر JavaScript ، NodeJS ، DBs سند و C # است. او به طور منظم در کنفرانس های فنی و شجره نامه ارائه می دهد.