آموزش برنامه های کاربردی زاویه ای

Styling Angular Applications

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: وقتی صحبت از CSS و Angular می شود ، باید نحوه اعمال سبک ها در برنامه های خود یا عقب ماندن را تغییر دهید. در این دوره ، شما خواهید آموخت که چگونه سبک ها به صورت زاویه دار کار می کنند ، چگونه می توان سیستم های قابل نگهداری را با استفاده از CSS و SASS و موارد دیگر اعمال کرد. Angular انقلابی در نحوه معماری CSS برای برنامه های وب مدرن ایجاد می کند. اما قبل از تبدیل شدن به یک نینجای یک ظاهر طراحی شده زاویه ای ، باید یک قدم به عقب برگردید و روشهای مختلف انجام کار را در نظر بگیرید. در این دوره ، Styling Angular Applications ، چگونگی همسویی چارچوب با اجزای وب و معنای آن برای افزودن سبک به اجزا و برنامه ها را به طور کلی کشف خواهید کرد. در طول این دوره ، سیستم هایی را خواهید ساخت که به سازمان ، مقیاس و قابلیت نگهداری برای HTML و CSS در برنامه های Angular اختصاص دارند. با راحت تر شدن م comfortableلفه ها و فرم دهی در این سیستم ها ، مضامین م componentلفه ها و روش هایی را که می توانید در برخی شرایط ظاهر آنها را تغییر دهید در نظر خواهید گرفت. با پایان این دوره ، شما دانش کاملی در مورد نحوه پردازش Angular CSS و روشهای مختلف استفاده از آن به عنوان بخشی از یک سیستم طراحی کلی برای ایجاد برنامه های وب زیبا ، سازمان یافته ، قابل نگهداری و در آینده خواهید داشت.

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

مقدمه Introduction

  • مقدمه Introduction

  • کار با دموها Working with the Demos

سبک ها به صورت زاویه دار چگونه کار می کنند؟ How Styles Work in Angular

  • اجزای وب Web Components

  • ساختار مularلفه زاویه ای Angular Component Structure

  • مشاهده کپسول سازی View Encapsulation

  • مشاهده حالت های کپسول سازی: بومی وجود ندارد View Encapsulation Modes: None & Native

  • سبک های مonلفه Component Styles

  • شبیه سازهای CSS Emulated CSS Selectors

  • خلاصه Summary

مقیاس پذیر ، معماری قابل نگهداری CSS/SCSS در Angular Scalable, Maintainable CSS/SCSS Architecture in Angular

  • مقدمه Introduction

  • سبک های جهانی: رویکردی سنتی Global Styles: A Traditional Approach

  • سبک های جهانی: رویکرد مدولارتر Global Styles: A More Modular Approach

  • نامگذاری کنوانسیون ها Naming Conventions

  • اندازه قابل پیش بینی با واحدهای نسبی Predictable Sizing with Relative Units

  • انتخاب کنندگان CSS سبک را لغو می کند CSS Selectors & Style Overrides

  • سازمان ساختار CSS ملفه Component CSS Structure & Organization

  • متغیرهای محلی Mixins Local Mixins & Variables

  • حالت دادن به صفحه بارگیری قبل از راه انداز Styling the Pre-boostrap Loading Screen

  • خلاصه Summary

ایجاد مضامین م Compلفه Creating Component Themes

  • مقدمه Introduction

  • م Compلفه های مonلفه: رنگ بندی چیدمان Component Themes: Layouts & Colors

  • افزودن کلاسها با استفاده از: میزبان Adding Classes & Using :host

  • با استفاده از: میزبان متن Using :host-context

  • نمایش محتوای مشروط Conditional Content Display

  • استفاده از خصوصیات سفارشی (متغیرهای CSS) Using Custom Properties (CSS Variables)

  • خلاصه Summary

این یک بسته بندی است It's a Wrap

  • این یک بسته بندی است It's a Wrap

نمایش نظرات

آموزش برنامه های کاربردی زاویه ای
جزییات دوره
1h 54m
28
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
82
4.6 از 5
دارد
دارد
دارد
Brian Treese
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Brian Treese Brian Treese

برایان تریز طراح ارشد SoCreate ، شرکتی است که روشی آسان و سرگرم کننده برای تبدیل ایده های عالی به فیلم نامه های نمایش فیلم و تلویزیون ایجاد می کند. از نظر فنی یک طراح وب (او همیشه جنبه زیبایی وب را دوست داشت) ، اما تخصص او در فتوشاپ و ایلوستریتور متوقف نمی شود. وی بیش از یک دهه است که با استفاده از فناوری هایی مانند HTML ، CSS ، SASS ، SVG ، JavaScript ، Angular ، jQuery ، ASP.Net ، PHP و غیره وب سایت هایی را ایجاد کرده است. در حالی که او بسیار لذت می برد از ساختن چیزهایی ، او همچنین یادگیری را دوست دارد و لذت بردن از دانش خود را با دیگران در این زمینه و یا آرزو دارد که به دنیای شگفت انگیز توسعه وب وارد شود.