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

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

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

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

معرفی Introduction

• معرفی Introduction

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

نحوه کار استایل ها در Angular How Styles Work in Angular

• معرفی Introduction

• ساختار اجزای زاویه ای Angular Component Structure

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

• مشاهده حالت های کپسوله سازی: None و ShadowDom View Encapsulation Modes: None and ShadowDom

• سبک های کامپوننت 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

• ساده سازی واردات جهانی برای پیش پردازشگرها Simplifying Global Imports for Preprocessors

• قراردادهای نامگذاری Naming Conventions

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

• انتخابگرهای CSS و لغو سبک CSS Selectors and Style Overrides

• کامپوننت CSS ساختار و سازمان Component CSS Structure and Organization

• ترکیبات و متغیرهای محلی Local Mixins and Variables

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

• خلاصه Summary

ایجاد تم های کامپوننت Creating Component Themes

• معرفی Introduction

• موضوعات اجزاء: طرح‌بندی و رنگ‌ها Component Themes: Layouts and Colors

• اضافه کردن کلاس ها و استفاده از :host Adding Classes and Using :host

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

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

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

• خلاصه Summary

این یک Wrap است It's a Wrap

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