آموزش بهبود Style Sheet های CSS

در این دوره آموزشی با Refactoring آشنا شده و انجام فرآیندهای بهبود کد را بر روی استایل های CSS یاد می گیرید.

عنوان اصلی : CSS: Refactoring Style Sheets

سرفصل ها :

معرفی
بازسازی و بهینه سازی CSS
1. Refactoring CSS: Theory
چرا و چه زمانی CSS را بازسازی کنیم
چه زمانی نباید بازسازی کرد
اصول کلی بازسازی
ساختار منطقی CSS
رویکرد عملی به بازسازی CSS
2. CSS Refactoring Tools
یک پروژه npm راه اندازی کنید
stylelint را نصب و پیکربندی کنید
استایلنت را در Visual Studio Code ایجاد کنید
نسخه ی نمایشی: stylelint چگونه کار می کند
Prettier را نصب و پیکربندی کنید
در Visual Studio Code کار زیباتر را انجام دهید
سفارش مالکیت عقلایی خودکار
3. CSS Refactoring: یک مثال عملی
رفع خطاها از طریق csslint
اقدامات قدیمی و/یا بد را حذف کنید
نادیده گرفتن هشدارها
بهترین شیوه ها را به روز کنید
CSS استفاده نشده را با Chrome بازرسی کنید
کدهای استفاده نشده را قرنطینه کنید
CSS را مدولار کنید
4. خودکارسازی Refactoring با استفاده از Task Runners
Refactoring با استفاده از یک task runner: Gulp
stylelint را نصب و پیکربندی کنید
Purgecss را نصب و پیکربندی کنید
CSS را برای تحویل بهینه کنید
مراحل بعدی
ابزارهای دیگر برای بازسازی مجدد