CSS: Refactoring Style Sheets

مدرس Morten Rand-Hendriksen

انتشار 2018/09/10

مدت زمان 1h 38m

سطح متوسط

فایل تمرینی دارد

آموزش CSS: Refactoring Style Sheets

از آنجایی که سایت‌ها و برنامه‌ها پیچیده‌تر می‌شوند، شیوه نامه‌ها اغلب با انباشت تدریجی رشد می‌کنند—چیزها اضافه می‌شوند و چیزها تنظیم می‌شوند که منجر به پیچیده شدن غیرضروری شیت‌ها می‌شود. Refactoring CSS با refactoring زبان های برنامه نویسی معمولی با مجموعه ای از اولویت ها و ابزار متفاوت است. در این دوره، یاد بگیرید که چگونه استایل شیت ها را باریک تر کنید و در عین حال قدرت صفحه سبک را حفظ کنید. نحوه بهینه سازی شیوه نامه های جدید و قدیمی را بیابید. ابتدا، مورتن رند-هندریکسن هدف از refactoring را توضیح می‌دهد – بازنویسی CSS برای ساده‌سازی، بهبود و بهینه‌سازی کد بدون تغییر رفتار آن. سپس ابزارهایی مانند nmp، stylelint، Prettier، Visual Studio Code، Purgecss و Gulp را پوشش می دهد. او همچنین یک مثال عملی از نحوه تعمیر و فرمت مجدد یک stylesheet را نشان می‌دهد و به دنبال آن بهترین شیوه‌ها را به اشتراک می‌گذارد و نحوه پاک کردن کد از طریق اتوماسیون را نشان می‌دهد.

Cascading Style Sheets (CSS) Front-end Development

Introduction

CSS refactoring and optimization ()

1. Refactoring CSS: The Theory

Why and when to refactor CSS ()

When not to refactor ()

General refactoring principles ()

Rational CSS structure ()

Practical approach to CSS refactoring ()

2. CSS Refactoring Tools

Set up an npm project ()

Install and configure stylelint ()

Make stylelint work in Visual Studio Code ()

Demo: How stylelint works ()

Install and configure Prettier ()

Make Prettier work in Visual Studio Code ()

Automatic rational property order ()

3. CSS Refactoring: A Practical Example

Fix errors via csslint ()

Remove old and/or bad practices ()

Ignoring warnings ()

Update best practices ()

Audit unused CSS with Chrome ()

Quarantine unused code ()

Modularize CSS ()

4. Automating Refactoring Using Task Runners

Refactoring using a task runner: Gulp ()

Install and configure stylelint ()

Install and configure Purgecss ()

Optimize CSS for delivery ()

Next Steps

Other tools for refactoring ()

Ex_Files_CSS_Refactor_Sheets.zip (1.0 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.