کتاب صوتی CSS for Fleet Management Blogs

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

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

عنوان دوره: دوره CSS for Fleet Management Blogs

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

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

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

• 1. مبانی CSS و شروع کار
• 2. ساختار HTML و ارتباط با CSS
• 3. انتخابگرها (Selectors): انواع و کاربردها
• 4. انتخابگرهای کلاس و ID
• 5. انتخابگرهای ترکیبی و فرزند
• 6. انتخابگرهای صفت
• 7. اولویت انتخابگرها (Specificity)
• 8. قوانین و قالب‌بندی CSS (Rules and Syntax)
• 9. واحدها (Units) در CSS: px, em, rem, %
• 10. مدل جعبه (Box Model): Margin, Border, Padding, Content
• 11. اندازه‌بندی (Sizing) و تنظیم عرض و ارتفاع
• 12. متن (Text): فونت، اندازه، رنگ، تراز
• 13. حاشیه نویسی و قالب‌بندی متن (Text Decoration)
• 14. فاصله خطوط و حروف
• 15. تبدیل متن (Text Transformation)
• 16. سایه متن (Text Shadow)
• 17. پس‌زمینه (Background): رنگ، تصویر، تکرار
• 18. گرادیان‌های پس‌زمینه (Background Gradients)
• 19. شفافیت (Opacity) و کانال آلفا
• 20. استفاده از تصاویر در CSS
• 21. موقعیت‌یابی تصاویر پس‌زمینه
• 22. استفاده از آیکون‌ها و فونت آیکون‌ها
• 23. نمایش (Display) و پنهان‌سازی المان‌ها
• 24. شناور کردن (Float) المان‌ها
• 25. پاک‌سازی (Clear) شناوری
• 26. موقعیت‌یابی (Positioning): static, relative, absolute, fixed, sticky
• 27. z-index و کنترل لایه‌ها
• 28. تراز کردن عناصر (Alignment)
• 29. فلکس باکس (Flexbox): مفاهیم پایه
• 30. فلکس باکس: تنظیمات اصلی (Direction, Wrap)
• 31. فلکس باکس: تنظیمات محتوای فلکس (Justify Content, Align Items)
• 32. فلکس باکس: تنظیمات المان‌های فلکس (Flex Grow, Flex Shrink, Flex Basis)
• 33. شبکه‌ها (Grids): مفاهیم پایه
• 34. شبکه‌ها: تعریف ردیف و ستون
• 35. شبکه‌ها: قرار دادن المان‌ها در شبکه
• 36. شبکه‌ها: تنظیمات پیشرفته (Gap, Auto-fit)
• 37. طراحی واکنش‌گرا (Responsive Design): مفاهیم پایه
• 38. واحدهای اندازه‌گیری واکنش‌گرا (vw, vh)
• 39. پرس و جوهای رسانه‌ای (Media Queries): شروع کار
• 40. پرس و جوهای رسانه‌ای: تنظیمات دستگاه (Device)
• 41. پرس و جوهای رسانه‌ای: ایجاد طرح‌بندی‌های مختلف
• 42. فریمورک‌های CSS: معرفی (Bootstrap, Tailwind CSS)
• 43. CSS Preprocessors: Sass, Less - معرفی
• 44. متغیرها (Variables) در CSS
• 45. توابع (Functions) در CSS
• 46. ترکیب (Mixins) در CSS
• 47. وارد کردن فایل‌های CSS
• 48. انیمیشن‌ها (Animations): مفاهیم پایه
• 49. انیمیشن‌ها: تعریف keyframes
• 50. انیمیشن‌ها: تنظیمات زمان‌بندی و تکرار
• 51. تبدیل‌ها (Transitions): مفاهیم پایه
• 52. تبدیل‌ها: تنظیمات زمان و نحوه اجرا
• 53. ساخت منوهای ناوبری با CSS
• 54. ایجاد هدر و فوتر با CSS
• 55. طراحی فرم‌ها با CSS
• 56. استفاده از CSS برای قالب‌بندی جداول
• 57. طراحی کارت‌های اطلاعاتی (Cards)
• 58. استفاده از CSS برای ایجاد گالری تصاویر
• 59. پیاده‌سازی اسلایدر با CSS
• 60. طراحی دکمه‌ها و لینک‌ها با CSS
• 61. استفاده از فونت‌های وب (Web Fonts)
• 62. بهینه‌سازی CSS برای سرعت بارگذاری
• 63. فایل‌های CSS خارجی و داخلی
• 64. اصول کدنویسی تمیز (Clean Code) در CSS
• 65. نظارت بر کد CSS (Code Commenting)
• 66. ابزارهای توسعه‌دهنده مرورگر (Browser Developer Tools) برای CSS
• 67. خطایابی و رفع اشکال در CSS
• 68. CSS Reset و Normalize.css
• 69. استفاده از ابزارهای اتوماسیون CSS (Task Runners)
• 70. مدیریت نسخه‌ها (Versioning) در CSS
• 71. استفاده از CSS در Fleet Management Blogs: شروع
• 72. طراحی قالب‌بندی کلی وبلاگ‌های مدیریت ناوگان
• 73. قالب‌بندی بخش هدر و ناوبری وبلاگ
• 74. قالب‌بندی بخش‌های محتوای اصلی (مقالات)
• 75. قالب‌بندی بخش سایدبار
• 76. طراحی کامنت‌ها و تعاملات کاربران
• 77. استفاده از CSS برای نمایش اطلاعات ناوگان (Fleet Data)
• 78. قالب‌بندی نمودارها و گراف‌ها
• 79. طراحی فرم‌های ثبت نام و ورود
• 80. طراحی صفحه جستجو
• 81. افزودن انیمیشن‌ها و تعاملات پویا
• 82. طراحی واکنش‌گرا برای دستگاه‌های مختلف
• 83. بهینه‌سازی تصاویر برای سرعت بارگذاری
• 84. بهینه‌سازی متن و فونت‌ها برای خوانایی
• 85. سازگاری با مرورگرهای مختلف
• 86. بهبود تجربه کاربری (UX) با CSS
• 87. استفاده از CSS برای ایجاد دکمه‌های فراخوان (Call to Action)
• 88. طراحی صفحات فرود (Landing Pages)
• 89. استفاده از CSS برای ایجاد پاپ‌آپ‌ها و هشدارها
• 90. مدیریت رنگ‌ها و تم‌ها
• 91. استفاده از CSS در سیستم‌های مدیریت محتوا (CMS)
• 92. امنیت CSS: جلوگیری از حملات
• 93. بررسی و بازبینی کدهای CSS (Code Review)
• 94. آماده‌سازی برای مصاحبه شغلی CSS
• 95. منابع و آموزش‌های تکمیلی CSS
• 96. ایجاد مستندات برای کدهای CSS
• 97. به‌روزرسانی و نگهداری کدهای CSS
• 98. آینده CSS: روندهای جدید
• 99. مبانی SASS برای CSS
• 100. مبانی LESS برای CSS