آموزش CSS: برگهای سبک Refactoring

مقدمه Introduction

• اصلاح و بهینه سازی CSS CSS refactoring and optimization

1. تغییر ساختار CSS: نظریه 1. Refactoring CSS: The Theory

• هنگامی که به refactor نیست Why and when to refactor CSS

• هنگامی که به refacto نیست... When not to refactor

• اصول اصلاح کلی General refactoring principles

• ساختار CSS منطقی Rational CSS structure

• رویکرد عملی به پالایشگاه CSS Practical approach to CSS refactoring

2. ابزارهای Refactoring CSS 2. CSS Refactoring Tools

• هنگامی که به refactor نیست Set up an npm project

• هنگامی که به refactor نیست Make stylelint work in Visual Studio Code

• هنگامی که به refactor نیست Demo: How stylelint works

• هنگامی که به refactor نیست Install and configure Prettier

• هنگامی که به refactor نیست Make Prettier work in Visual Studio Code

• هنگامی که به refactor نیست Automatic rational property order

3. Refractoring CSS: یک مثال عملی 3. CSS Refactoring: A Practical Example

• هنگامی که به refactor نیست Fix errors via csslint

• هنگامی که به refactor نیست Remove old and/or bad practices

• هنگامی که به refactor نیست Ignoring warnings

• هنگامی که به refactor نیست Update best practices

• هنگامی که به refactor نیست Audit unused CSS with Chrome

• هنگامی که به refactor نیست Quarantine unused code

• هنگامی که به refactor نیست Modularize CSS

4- خودکار سازی Refactoring با استفاده از Task Runners 4. Automating Refactoring Using Task Runners

• هنگامی که به refactor نیست Refactoring using a task runner: Gulp

• هنگامی که به refactor نیست Install and configure stylelint

• هنگامی که به refactor نیست Install and configure stylelint

• هنگامی که به refactor نیست Install and configure Purgecss

• هنگامی که به refactor نیست Optimize CSS for delivery

مراحل بعدی Next Steps

• هنگامی که به refactor نیست Other tools for refactoring