آموزش CSS: سیستم های طراحی و معماری

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

1. شروع کار 1. Getting Started

• تکامل طراحی وب The evolution of web design

• مزایا و چالش ها Benefits and challenges

• واژه شناسی Terminology

• چارچوب های منبع باز: جوانب مثبت و منفی Open-source frameworks: Pros and cons

• معماری CSS چیست؟ What is a CSS architecture?

2. ایجاد سیستم طراحی 2. Creating a Design System

• برنامه ریزی روند Planning the process

• تعریف اصول طراحی و توسعه Defining design and development principles

• استراتژی محتوا Content strategy

• موجودی Taking inventory

• الگوهای UI و کتابخانه های مؤلفه UI patterns and component libraries

• تهیه یک چارچوب Preparing a framework

• راهنماهای سبک Style guides

3. ساخت معماری CSS 3. Building the CSS Architecture

• بررسی اجمالی Overview

• تعریف مراحل و دسته بندی ها Defining the stages and categories

• تنظیمات ، ابزارها و تنظیمات ویرایشگر Editor settings, tools, and setup

• قوانین قالب بندی Formatting rules

• CSS مبتنی بر کلاس Class-based CSS

• نامگذاری کنوانسیون با SMACSS Naming conventions with SMACSS

• سبک های پایه Base styles

• CSS ماژولار Modular CSS

• پاسخگو Responsive

• قالب ها Templates

نتیجه Conclusion

• مراحل بعدی Next steps