کتاب صوتی CSS Variables for Theming and Customization

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره CSS Variables for Theming and Customization

موضوع کلی: برنامه نویسی

موضوع میانی: CSS

📋 سرفصل‌های دوره

• 1. مقدمه ای بر متغیرهای CSS
• 2. چرا از متغیرهای CSS استفاده کنیم؟
• 3. تاریخچه متغیرهای CSS
• 4. نحوه تعریف متغیرهای CSS
• 5. نحوه استفاده از متغیرهای CSS
• 6. ساختار متغیرهای CSS
• 7. قوانین نامگذاری متغیرهای CSS
• 8. نکات مهم در نامگذاری متغیرها
• 9. مقادیر پیش فرض برای متغیرها
• 10. تنظیم متغیرها در سطح ریشه (root)
• 11. تنظیم متغیرها در سطوح مختلف DOM
• 12. اولویت بندی متغیرهای CSS
• 13. ارث بری متغیرها
• 14. انواع مقادیر متغیرهای CSS
• 15. رشته ها به عنوان مقادیر متغیر
• 16. اعداد به عنوان مقادیر متغیر
• 17. رنگ ها به عنوان مقادیر متغیر
• 18. طول ها به عنوان مقادیر متغیر
• 19. توابع CSS در مقادیر متغیر
• 20. استفاده از متغیرها برای رنگ ها
• 21. تنظیم پالت رنگی سایت با متغیرها
• 22. مدیریت رنگ های اصلی و ثانویه
• 23. استفاده از متغیرها برای فونت ها
• 24. تنظیم فونت خانواده با متغیرها
• 25. تنظیم اندازه فونت با متغیرها
• 26. تنظیم وزن فونت با متغیرها
• 27. استفاده از متغیرها برای فواصل
• 28. تنظیم مارجین و پدینگ با متغیرها
• 29. مدیریت فاصله بین عناصر
• 30. استفاده از متغیرها برای سایزها
• 31. تنظیم عرض و ارتفاع با متغیرها
• 32. مدیریت ابعاد کامپوننت ها
• 33. استفاده از متغیرها برای گرادیانت ها
• 34. تنظیم رنگ های گرادیانت با متغیرها
• 35. ایجاد گرادیانت های پویا
• 36. استفاده از متغیرها برای انیمیشن ها
• 37. تنظیم پارامترهای انیمیشن با متغیرها
• 38. ایجاد انیمیشن های سفارشی
• 39. استفاده از متغیرها برای Shadow ها
• 40. تنظیم سایه عناصر با متغیرها
• 41. مدیریت استایل سایه
• 42. استفاده از متغیرها برای Borders
• 43. تنظیم عرض و رنگ Border با متغیرها
• 44. مدیریت استایل Border
• 45. استفاده از متغیرها برای Transition ها
• 46. تنظیم ویژگی های Transition با متغیرها
• 47. کنترل سرعت Transition
• 48. استفاده از متغیرها برای Responsive Design
• 49. تغییر متغیرها در Media Queries
• 50. ایجاد تم های مختلف برای دستگاه های مختلف
• 51. استفاده از متغیرها برای Theming
• 52. ایجاد حالت روشن (Light Mode)
• 53. ایجاد حالت تاریک (Dark Mode)
• 54. سوئیچ بین حالت ها با جاوا اسکریپت
• 55. مدیریت چندین تم
• 56. ایجاد تم های سفارشی توسط کاربر
• 57. استفاده از متغیرها برای سفارشی سازی (Customization)
• 58. امکان تغییر رنگ ها توسط کاربر
• 59. امکان تغییر فونت ها توسط کاربر
• 60. امکان تغییر ابعاد توسط کاربر
• 61. ایجاد رابط کاربری برای سفارشی سازی
• 62. ذخیره تنظیمات سفارشی
• 63. استفاده از متغیرها در کامپوننت های UI
• 64. طراحی کامپوننت های قابل استفاده مجدد
• 65. مدیریت استایلینگ کامپوننت ها
• 66. استفاده از متغیرها در فریمورک های CSS
• 67. کار با Bootstrap و متغیرها
• 68. کار با Tailwind CSS و متغیرها
• 69. کار با سایر فریمورک ها
• 70. استفاده از متغیرها با Preprocessors (Sass, Less)
• 71. مقایسه با متغیرهای Preprocessors
• 72. چگونه متغیرهای CSS جایگزین متغیرهای Preprocessors می شوند
• 73. مزایای استفاده از متغیرهای CSS نسبت به Preprocessors
• 74. نکات پیشرفته در استفاده از متغیرهای CSS
• 75. استفاده از متغیرها در توابع CSS مانند calc()
• 76. استفاده از متغیرها در Selectors
• 77. استفاده از متغیرها در Pseudo-elements
• 78. استفاده از متغیرها در Pseudo-classes
• 79. ترکیب متغیرها با یکدیگر
• 80. مدیریت مقادیر پیچیده با متغیرها
• 81. اشکال زدایی (Debugging) متغیرهای CSS
• 82. ابزارهای مرورگر برای بررسی متغیرها
• 83. نکات رایج در اشکال زدایی
• 84. بهترین روش ها (Best Practices) برای متغیرهای CSS
• 85. ساختاردهی فایل های CSS
• 86. نامگذاری متغیرهای معنایی
• 87. مستندسازی متغیرها
• 88. تست متغیرها
• 89. ملاحظات عملکردی (Performance Considerations)
• 90. تاثیر متغیرها بر سرعت بارگذاری
• 91. بهینه سازی استفاده از متغیرها
• 92. امنیت (Security) و متغیرهای CSS
• 93. جلوگیری از حملات XSS
• 94. مدیریت ورودی کاربر
• 95. آینده متغیرهای CSS
• 96. توسعه های آینده
• 97. موارد استفاده جدید
• 98. جمع بندی و مرور کلی
• 99. خلاصه مزایا
• 100. مراحل بعدی برای یادگیری