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

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

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

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مبانی CSS:
• 2. CSS چیست و چرا مهم است؟
• 3. نحوه اتصال CSS به HTML
• 4. ساختار و نحو CSS
• 5. انتخابگرها: مقدمه
• 6. انتخابگرهای نوع
• 7. انتخابگرهای کلاس
• 8. انتخابگرهای شناسه
• 9. انتخابگرهای عمومی و انتخابگرهای فرزند
• 10. انتخابگرهای همجوار و عمومی برادر
• 11. انتخابگرهای صفتی
• 12. انتخابگرهای شبه کلاس
• 13. انتخابگرهای شبه عنصر
• 14. شناخت مفهوم اولویت (Specificity) در CSS
• 15. نحوه عملکرد جعبه مدل (Box Model)
• 16. Margin، Border، Padding و Content
• 17. تنظیم اندازه (Width و Height)
• 18. واحدها: px, em, rem, % و vw/vh
• 19. رنگ‌ها: نام رنگ‌ها، مقادیر hex, rgb و rgba
• 20. متن: فونت، اندازه فونت، وزن فونت، استایل فونت، تراز متن
• 21. استفاده از Google Fonts
• 22. کار با background: رنگ، تصویر، تکرار و اندازه
• 23. Positioning: static, relative, absolute, fixed, sticky
• 24. Display: inline, block, inline-block, none, flex, grid
• 25. شناخت مفهوم Overflow
• 26. مقدمه ای بر Flexbox: اصول اولیه
• 27. Flexbox: جهت و تراز آیتم‌ها
• 28. Flexbox: توزیع فضا
• 29. Flexbox: مرتب سازی آیتم‌ها
• 30. مقدمه ای بر Grid: اصول اولیه
• 31. Grid: تعریف ردیف‌ها و ستون‌ها
• 32. Grid: تراز آیتم‌ها
• 33. Grid: توزیع فضا
• 34. Grid: ناحیه‌بندی (Grid Areas)
• 35. CSS Variables (Custom Properties)
• 36. CSS Reset و Normalize
• 37. بهینه سازی CSS برای سرعت
• 38. CSS Comments و Documenting
• 39. سازگاری مرورگرها و بررسی مشکلات
• 40. مقدمه ای بر Responsive Design
• 41. Media Queries: اساس طراحی واکنش‌گرا
• 42. Fluid Grids: طراحی شبکه‌های سیال
• 43. Responsive Images: بهینه‌سازی تصاویر
• 44. Responsive Typography: تایپوگرافی واکنش‌گرا
• 45. Mobile-First Approach
• 46. CSS Transitions
• 47. CSS Transforms: translate, rotate, scale, skew
• 48. CSS Animations: ایجاد انیمیشن‌های ساده
• 49. Keyframes در CSS
• 50. CSS Filters: تغییر ظاهر عناصر
• 51. CSS Gradients: ایجاد گرادیان
• 52. Box Shadow و Text Shadow
• 53. کار با Icons و Font Awesome
• 54. اصول SASS/SCSS: مقدمه
• 55. نصب و راه‌اندازی SASS/SCSS
• 56. متغیرها و میکس‌این‌ها در SASS/SCSS
• 57. Nested Rules در SASS/SCSS
• 58. Importing و Modular CSS
• 59. استفاده از Bootstrap (مقدماتی)
• 60. اصول اولیه OOCSS (Object-Oriented CSS)
• 61. اصول BEM (Block, Element, Modifier)
• 62. CSS Modules
• 63. انتخاب فریمورک CSS مناسب
• 64. آشنایی با CSS Frameworks (Tailwind CSS, Materialize)
• 65. استفاده از CSS در Fleet Management: بررسی نیازها
• 66. طراحی رابط کاربری برای داشبورد مدیریت ناوگان
• 67. پیاده‌سازی نمودارها و جداول در CSS
• 68. طراحی فرم‌های ورود اطلاعات و گزارش‌گیری
• 69. بهینه‌سازی CSS برای دستگاه‌های تلفن همراه (Mobile Optimization)
• 70. استفاده از CSS برای نقشه و مکان‌یابی
• 71. طراحی منوها و نوار ناوبری (Navigation Bar)
• 72. ایجاد انیمیشن‌های تعاملی برای عناصر UI
• 73. ایجاد هدر و فوتر ثابت
• 74. طراحی قالب‌های ایمیل (CSS for Emails)
• 75. مبانی Accessibility در CSS (WCAG)
• 76. بهینه‌سازی CSS برای SEO
• 77. ابزارهای توسعه‌دهندگان مرورگر: بررسی و استفاده
• 78. Debugging CSS: روش‌ها و ابزارها
• 79. CSS Linter و Code Style Guides
• 80. Version Control با Git و CSS
• 81. Deployment و بهینه‌سازی برای Production
• 82. CSS Performance Optimization: تکنیک‌های پیشرفته
• 83. Minifying و Uglifying CSS
• 84. Lazy Loading CSS
• 85. Critical CSS
• 86. Inline CSS vs External CSS
• 87. Understanding Specificity and Cascade in Detail
• 88. Advanced Selectors and Pseudo-classes
• 89. Custom Properties and Themeing
• 90. CSS Frameworks - Deep Dive
• 91. Working with Preprocessors
• 92. CSS in JavaScript (Styled Components, Emotion)
• 93. Server-Side Rendering and CSS
• 94. CSS and Web Components
• 95. Accessibility Best Practices in CSS
• 96. CSS for Dark Mode
• 97. CSS and Performance Metrics
• 98. Future of CSS
• 99. CSS Grid Layouts for Complex UI Designs
• 100. Building Reusable CSS Components