آموزش SMACSS: معماری مدولار مقیاس پذیر برای CSS

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

دسته بندی Categorization

• مقدمه Introduction

• چرا SMACSS؟ Why SMACSS?

• Base و Layout Base and Layout

• مدول Module

• حالت و مضامین State and Themes

• تمرین 1: سبک های چیدمان Exercise 1: Layout Styles

• تمرین 1: راه حل Exercise 1: Solution

کنوانسیون نامگذاری Naming Convention

• نام های پایه و طرح بندی Base and Layout Names

• نامهای تغییر ماژول و ماژول Module and Module Variation Names

• اسامی دولت State Names

• نام های تم Theme Names

• استفاده از کتابخانه های شخص ثالث Using Third Party Libraries

• پیشوند برای نسخه سازی Prefixing for Versioning

• افکار در مورد گردش کار CSS Thoughts on CSS Workflow

• جمع بندی کنوانسیون نامگذاری Naming Convention Recap

• تمرین 2: نام کلاس های ماژول Exercise 2: Module Class Names

جدا کردن CSS از HTML Decoupling CSS from HTML

• چه زمانی پایه است؟ When Is It Base?

• عمق کاربرد Depth of Applicability

• جدا کردن CSS از HTML Decoupling CSS from HTML

• انتخاب جغد The Owl Selector

• تمرین 3: ایجاد یک پیمایش SMACSS Exercise 3: Creating a SMACSS Navigation

• تمرین 3: راه حل Exercise 3: Solution

طراحی مبتنی بر دولت State-based Design

• نمایندگی ایالتی State Representation

• حالت جستجوی رسانه Media Query State

• وحشت CSS CSS Panic

• پیش پردازنده ها Preprocessors

• کلاسها را تمدید کنید Extending Classes

• نمونه های اولیه و راهنماهای سبک Prototyping and Style Guides

• موتور پروتو Proto Engine

• تولیدکنندگان اسناد Documentation Generators

• تمرین 4: الگو برداری Exercise 4: Templating

• تمرین 4: راه حل Exercise 4: Solution

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