دوره CSS for Fleet Management Training Providers همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و کاربرد آن در Fleet Management
• 2. آشنایی با مفاهیم پایه HTML برای CSS
• 3. نحوه ایجاد فایل CSS و اتصال آن به HTML
• 4. آشنایی با سینتکس CSS (انتخابگر، ویژگی، مقدار)
• 5. انواع انتخابگرها در CSS (عنصر، کلاس، شناسه)
• 6. انتخابگرهای ترکیبی (فرزند، نواده، مجاور، عمومی)
• 7. استفاده از کامنت ها در CSS
• 8. واحد های اندازه گیری در CSS (پیکسل، درصد، em، rem)
• 9. رنگ ها در CSS (نام رنگ، هگزادسیمال، RGB، RGBA، HSL، HSLA)
• 10. آشنایی با مدل جعبه ای (Box Model)
• 11. Margin و padding در CSS
• 12. Border و ویژگی های آن
• 13. Content و اندازه آن
• 14. overflow و مدیریت محتوای اضافی
• 15. display و انواع آن (block, inline, inline-block, none)
• 16. position و انواع آن (static, relative, absolute, fixed, sticky)
• 17. z-index و مدیریت لایه ها
• 18. آشنایی با فونت ها و ویژگی های آن (font-family, font-size, font-weight, font-style)
• 19. متن و ویژگی های آن (text-align, text-decoration, text-transform, letter-spacing, line-height)
• 20. Background و ویژگی های آن (background-color, background-image, background-repeat, background-position, background-size)
• 21. آشنایی با لیست ها و ویژگی های آن
• 22. جداول و استایل دهی به آن ها
• 23. فرم ها و استایل دهی به آن ها
• 24. دکمه ها و استایل دهی به آن ها
• 25. لینک ها و استایل دهی به آن ها (state: hover, active, visited)
• 26. آشنایی با شبه کلاس ها (pseudo-classes)
• 27. آشنایی با شبه عناصر (pseudo-elements)
• 28. استفاده از CSS برای ایجاد طرح بندی (Layout)
• 29. آشنایی با float و clear
• 30. آشنایی با flexbox
• 31. Flex Container و Flex Items
• 32. جهت دهی Flex Items
• 33. ترازبندی Flex Items
• 34. آشنایی با Grid Layout
• 35. Grid Container و Grid Items
• 36. تعریف سطر و ستون در Grid
• 37. ترازبندی Grid Items
• 38. استفاده از media queries برای طراحی واکنش گرا (Responsive Design)
• 39. آشنایی با viewport
• 40. استفاده از درصد و واحدهای نسبی برای اندازه گیری
• 41. طراحی برای دستگاه های مختلف (موبایل، تبلت، دسکتاپ)
• 42. آشنایی با فریم ورک های CSS (Bootstrap, Tailwind CSS)
• 43. نصب و راه اندازی Bootstrap
• 44. کامپوننت های Bootstrap (دکمه ها، فرم ها، جداول و غیره)
• 45. Grid System در Bootstrap
• 46. استایل دهی سفارشی در Bootstrap
• 47. نصب و راه اندازی Tailwind CSS
• 48. آشنایی با کلاس های Utility در Tailwind CSS
• 49. سفارشی سازی Tailwind CSS
• 50. نحوه استفاده از متغیرها در CSS (CSS Variables)
• 51. آشنایی با توابع در CSS (calc, min, max)
• 52. انیمیشن ها در CSS (transitions)
• 53. انیمیشن ها در CSS (keyframe animations)
• 54. تبدیل ها در CSS (transform)
• 55. استفاده از CSS برای بهینه سازی عملکرد وب سایت
• 56. آشنایی با روش های بهینه سازی CSS
• 57. Minification و Concatenation CSS
• 58. Lazy Loading تصاویر
• 59. استفاده از CDN برای CSS
• 60. آشنایی با پیش پردازنده های CSS (Sass, Less)
• 61. نصب و راه اندازی Sass
• 62. متغیرها در Sass
• 63. Mixin ها در Sass
• 64. ارث بری (inheritance) در Sass
• 65. حلقه ها و شرط ها در Sass
• 66. کامپایل Sass به CSS
• 67. آشنایی با معماری CSS (BEM, OOCSS)
• 68. نام گذاری کلاس ها بر اساس BEM
• 69. استفاده از OOCSS برای ایجاد کدهای قابل استفاده مجدد
• 70. آشنایی با CSS Modules
• 71. استفاده از CSS Modules در پروژه ها
• 72. Scoped CSS
• 73. آشنایی با Atomic CSS
• 74. نوشتن CSS با استفاده از Javascript (Styled Components, Emotion)
• 75. آشنایی با Web Accessibility و CSS
• 76. ایجاد وب سایت های در دسترس با CSS
• 77. استفاده از ARIA attributes
• 78. تست کردن وب سایت از نظر دسترس پذیری
• 79. دیباگ کردن CSS با استفاده از DevTools
• 80. استفاده از ویژگی !important
• 81. مشکلات رایج در CSS و راه حل های آن
• 82. Cross-Browser Compatibility و راه حل ها
• 83. آشنایی با مفاهیم Design Systems و CSS
• 84. ایجاد Design Systems با استفاده از CSS
• 85. تست و اعتبارسنجی CSS
• 86. آشنایی با CSS Linting
• 87. استفاده از Stylelint
• 88. نوشتن CSS قابل نگهداری
• 89. مستند سازی CSS
• 90. استفاده از CSS برای ایجاد Dashboard های مدیریتی Fleet Management
• 91. استایل دهی به جداول داده
• 92. استایل دهی به نمودارها و گزارشات
• 93. ایجاد فرم های ورود داده
• 94. ایجاد Navigation Menu
• 95. استایل دهی به نقشه ها
• 96. استفاده از CSS برای نمایش اطلاعات GPS
• 97. ایجاد گزارشات مدیریتی با CSS
• 98. ایجاد رابط کاربری واکنش گرا برای Fleet Management
• 99. بهینه سازی CSS برای Dashboard های Fleet Management
• 100. استفاده از CSS برای ایجاد سیستم های هشدار و notification