فلش‌کارت‌های آموزشی CSS for Fleet Management Handbooks

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

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

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

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

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

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

• 1. مبانی CSS:
• 2. CSS چیست و چرا استفاده می شود؟
• 3. ساختار و نحو CSS
• 4. چگونه CSS را به HTML اضافه کنیم؟ (Inline, Internal, External)
• 5. انتخابگرها (Selectors): انواع و کاربردها
• 6. انتخابگرهای پایه (Element, ID, Class)
• 7. انتخابگرهای ترکیبی (Descendant, Child, Adjacent Sibling, General Sibling)
• 8. انتخابگرهای Attribute و Pseudo-class
• 9. انتخابگرهای Pseudo-element
• 10. نحوه اولویت بندی و Cascade در CSS
• 11. مدل جعبه (Box Model): Margin, Border, Padding, Content
• 12. اندازه گیری ها: px, em, rem, % و واحدهای دیگر
• 13. تایپوگرافی: فونت، اندازه فونت، وزن، استایل، خطوط متن
• 14. متن: تراز، دکوراسیون، فضای بین حروف و کلمات
• 15. رنگ ها: انواع فرمت های رنگی (RGB, Hex, HSL, RGBA)
• 16. پس زمینه: رنگ، تصویر، تکرار، موقعیت
• 17. Display Property: Block, Inline, Inline-block, None
• 18. Positioning: Static, Relative, Absolute, Fixed, Sticky
• 19. شناوری (Float) و پاکسازی (Clear)
• 20. Layout با استفاده از Float
• 21. Layout با استفاده از Flexbox: معرفی و مفاهیم اصلی
• 22. Flexbox: تنظیم جهت و چیدمان آیتم ها
• 23. Flexbox: تنظیم اندازه و فضای آیتم ها
• 24. Flexbox: تراز بندی (Alignment) در محور اصلی و فرعی
• 25. Layout با استفاده از Grid: معرفی و مفاهیم اصلی
• 26. Grid: تعریف ردیف و ستون ها
• 27. Grid: قرار دادن آیتم ها در Grid
• 28. Grid: تنظیم اندازه و فضای آیتم ها
• 29. Grid: تراز بندی (Alignment) در Grid
• 30. Responsive Design: مفهوم و اهمیت
• 31. Media Queries: استفاده و کاربرد
• 32. Responsive Design: تصاویر و ویدیوها
• 33. Responsive Design: فونت ها و متن ها
• 34. Mobile-First Approach
• 35. CSS Frameworks: معرفی و مقایسه
• 36. Bootstrap: آشنایی و استفاده اولیه
• 37. Tailwind CSS: آشنایی و استفاده اولیه
• 38. Sass: معرفی و مفاهیم
• 39. Sass: متغیرها، توابع و mixin ها
• 40. CSS Preprocessors: بررسی و مقایسه
• 41. Transition: ایجاد انیمیشن های ساده
• 42. Transform: تغییر شکل المان ها
• 43. Animation: ایجاد انیمیشن های پیچیده
• 44. بخش های خاص در CSS برای مدیریت ناوگان:
• 45. طراحی رابط کاربری برای داشبورد مدیریت ناوگان
• 46. استفاده از CSS برای نمایش داده های آماری
• 47. ایجاد جداول پویا برای نمایش اطلاعات ناوگان
• 48. طراحی فرم های تعاملی برای ثبت اطلاعات
• 49. ایجاد تقویم برای مدیریت برنامه ریزی
• 50. پیاده سازی نقشه ها و موقعیت یابی
• 51. استفاده از CSS برای بهینه سازی سرعت بارگذاری
• 52. سازگاری با مرورگرهای مختلف
• 53. بهینه سازی CSS برای دستگاه های مختلف (موبایل، تبلت، دسکتاپ)
• 54. اصول دسترسی پذیری (Accessibility) در CSS
• 55. نوشتن CSS تمیز و خوانا
• 56. کدنویسی CSS با قابلیت نگهداری بالا
• 57. استفاده از کامپوننت های CSS
• 58. استفاده از کتابخانه های آیکون
• 59. بهینه سازی تصاویر و فایل های CSS
• 60. مدیریت ورژن CSS
• 61. استفاده از DevTools برای اشکال زدایی CSS
• 62. نکات امنیتی در CSS
• 63. CSS و SEO: بهینه سازی برای موتورهای جستجو
• 64. تست کردن CSS
• 65. انتخابگرهای پیشرفته و تکنیک های ترکیبی
• 66. Custom Properties (CSS Variables)
• 67. حالت های مختلف (States) و انتخابگرهای مرتبط
• 68. کار با اشکال (Shapes) و انحناها در CSS
• 69. Masking و Clipping
• 70. Filters و Effects
• 71. تکنیک های پیشرفته برای Transition و Animation
• 72. کار با Gradient های پیشرفته
• 73. CSS Grid Layout: ترفندها و تکنیک های پیشرفته
• 74. Flexbox: ترفندها و تکنیک های پیشرفته
• 75. پروژه ها و تمرین های عملی:
• 76. ساخت یک وب سایت ساده با استفاده از CSS
• 77. پیاده سازی یک صفحه فرود (Landing Page) ریسپانسیو
• 78. ایجاد یک داشبورد ساده
• 79. طراحی یک فرم تعاملی
• 80. ایجاد یک گالری تصاویر
• 81. ساخت یک منوی ناوبری پیشرفته
• 82. تمرین های عملی برای افزایش مهارت در CSS
• 83. استفاده از CSS در پروژه های واقعی
• 84. مباحث تکمیلی:
• 85. CSS Custom Properties در عمل
• 86. استفاده از CSS در React, Angular, Vue
• 87. CSS Modules
• 88. Styled Components
• 89. CSS-in-JS: مزایا و معایب
• 90. Web Components و Shadow DOM
• 91. LRT (Logical Properties)
• 92. Container Queries
• 93. استفاده از CSS در ایمیل
• 94. آینده CSS و ترندهای جدید
• 95. جمع بندی و منابع آموزشی
• 96. ویژگی‌های اصلی CSS: رنگ‌ها، فونت‌ها، پس‌زمینه‌ها و کادرها
• 97. مدل جعبه‌ای (Box Model) و اندازه‌گذاری عناصر
• 98. سیستم‌های چیدمان پیشرفته: فلکس‌باکس (Flexbox) و گرید (Grid)
• 99. طراحی واکنش‌گرا (Responsive Design) با Media Queries
• 100. متغیرهای CSS (Custom Properties) و سازماندهی کد