آموزش مقدمه ای بر CSS مثلث معکوس

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

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

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

معرفی دوره Course Introduction

• خوش آمدی Welcome

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

• پیش نیازهای این دوره Prerequisites for This Course

• ابزارها و برنامه های افزودنی Tools and Extensions

وارونه مثلث CSS چیست؟ What Is Inverted Triangle CSS?

• مقدمه و بررسی اجمالی Introduction and Overview

• وراثت ITCSS Inheriting ITCSS

• مثلث معکوس CSS Inverted Triangle CSS

• مثلث وارونه The Inverted Triangle

• ویژگی چیست؟ What Is Specificity?

• نسخه ی نمایشی: ماشین حساب ویژه Demo: Specificity Calculator

• نسخه ی نمایشی: ویژگی در عمل Demo: Specificity in Action

• لایه های ITCSS Layers of ITCSS

• خلاصه و آمدن Summary and Coming Up

یک وب سایت ساده ، در حال آمدن است! One Plain Website, Coming Up!

• مقدمه Introduction

• بررسی اجمالی ماژول Module Overview

• پیش نمایش: وب سایت نسخه ی نمایشی Preview: Demo Website

• امکاناتی برای برنامه Catalog Possibilities for the Catalog App

• اصول طراحی Design Principles

• ماژول های شخص ثالث انتخاب شده است Selected Third Party Modules

• ماژول های سفارشی Custom Modules

• منبع داده انتخاب شده است Selected Data Source

• نسخه ی نمایشی: ساختار HTML Demo: HTML Structure

• خلاصه و آمدن Summary and Coming Up

رویکردهای سنتی به CSS Traditional Approaches to CSS

• بررسی اجمالی ماژول Module Overview

• روش های سنتی استفاده از سبک ها Traditional Methods of Applying Styles

• یک پرونده اصلی One Master File

• چندین فایل Multiple Files

• بدترین شکل قضیه Worst Case Scenario

• نسخه ی نمایشی: اعمال CSS در کاتالوگ Demo: Applying CSS to the Catalog

• نسخه ی نمایشی: با استفاده از SASS Demo: Using SASS

• خلاصه و آمدن Summary and Coming Up

بر روی سر خود چرخید Flipped on Its Head

• بررسی اجمالی ماژول Module Overview

• لایه های مثلث معکوس - دوباره بازدید شده است Inverted Triangle Layers - Revisted

• نسخه ی نمایشی: مقدمه Demo: Introduction

• نسخه ی نمایشی: راه اندازی Demo: Setup

• نسخه ی نمایشی: لایه تنظیمات Demo: Settings Layer

• نسخه ی نمایشی: لایه ابزارها Demo: Tools Layer

• نسخه ی نمایشی: لایه عمومی Demo: Generic Layer

• نسخه ی نمایشی: لایه عناصر Demo: Elements Layer

• نسخه ی نمایشی: لایه اشیا Demo: Objects Layer

• نسخه ی نمایشی: لایه اجزا Demo: Components Layer

• نسخه ی نمایشی: Trumps Layer Demo: Trumps Layer

• نسخه ی نمایشی: لایه شخص ثالث Demo: Third-party Layer

• نسخه ی نمایشی: خلاصه مزایا Demo: Benefits Recap

• نسخه ی نمایشی: ایجاد تغییرات Demo: Making Changes

• خلاصه Summary

خلاصه و نتیجه گیری دوره Course Summary and Conclusion

• خلاصه دوره Course Summary

• نتیجه Conclusion

• منابع Resources

• پایان صحنه جایزه اعتبارات End Credits Bonus Scene