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

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

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

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

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

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

• 1. CSS برای مدیریت ناوگان: بهترین روش‌ها
• 2. مقدمه ای بر CSS و نقش آن در مدیریت ناوگان
• 3. تنظیم محیط توسعه CSS
• 4. آشنایی با سینتکس CSS: انتخابگرها، خصوصیات و مقادیر
• 5. انواع انتخابگرها: عناصر، کلاس ها و ID ها
• 6. ترکیب انتخابگرها: فرزند، همسایه و ویژگی ها
• 7. آشنایی با مدل جعبه ای CSS: محتوا، padding، border و margin
• 8. تنظیم اندازه و واحدها در CSS: پیکسل، em، rem، viewport units
• 9. مدیریت رنگ ها در CSS: نام رنگ، کد هگزادسیمال، RGB و HSL
• 10. مقدمه ای بر فونت ها و استایل دهی متن در CSS
• 11. استفاده از فونت های وب: Google Fonts و CDN ها
• 12. استایل دهی لینک ها: hover، active و visited
• 13. کار با لیست ها در CSS: مرتب و نامرتب
• 14. استایل دهی جداول: border، padding و color
• 15. آشنایی با position: static، relative، absolute و fixed
• 16. استفاده از z-index برای کنترل ترتیب لایه ها
• 17. مقدمه ای بر flexbox برای طرح بندی
• 18. اصول container و item در flexbox
• 19. تنظیم direction، justify-content و align-items در flexbox
• 20. استفاده از flex-grow، flex-shrink و flex-basis
• 21. مقدمه ای بر grid layout برای طرح بندی
• 22. تعریف ردیف ها و ستون ها در grid
• 23. تنظیم grid-template-rows و grid-template-columns
• 24. استفاده از grid-gap و grid-column-gap
• 25. موقعیت دهی عناصر در grid: grid-row و grid-column
• 26. استفاده از grid-area برای نامگذاری نواحی grid
• 27. مقدمه ای بر رسانه ها (media queries) و طراحی واکنش گرا
• 28. تعریف media queries برای اندازه های مختلف صفحه نمایش
• 29. استفاده از break point ها برای تغییر طرح بندی در اندازه های مختلف
• 30. بهینه سازی تصاویر برای دستگاه های مختلف
• 31. استفاده از viewport meta tag برای کنترل ب
• 32. مقدمه ای بر ترنزیشن ها و انیمیشن ها در CSS
• 33. تعریف ترنزیشن ها: duration، property و timing function
• 34. ایجاد انیمیشن های ساده با keyframes
• 35. کنترل انیمیشن ها: iteration-count و direction
• 36. استفاده از transform برای تغییر شکل عناصر
• 37. مقدمه ای بر استایل دهی فرم ها
• 38. استایل دهی input ها، textarea ها و select ها
• 39. استفاده از pseudo-classes برای استایل دهی حالت های فرم
• 40. اعتبارسنجی فرم با CSS: required و pattern
• 41. استایل دهی دکمه ها و نشانه گرها
• 42. مقدمه ای بر پیش پردازنده های CSS: Sass و Less
• 43. متغیرها، mixin ها و توابع در Sass
• 44. استفاده از nesting در Sass
• 45. ماژول ها و وارد کردن فایل ها در Sass
• 46. کامپایل Sass به CSS
• 47. مقدمه ای بر CSS frameworks: Bootstrap و Tailwind CSS
• 48. استفاده از کلاس های utility در Tailwind CSS
• 49. استفاده از کامپوننت ها در Bootstrap
• 50. سفارشی سازی framework ها
• 51. بهینه سازی CSS برای سرعت بارگذاری صفحه
• 52. Minify کردن CSS
• 53. استفاده از CDN ها برای فایل های CSS
• 54. Gzip کردن فایل های CSS
• 55. استفاده از browser caching
• 56. آشنایی با مفاهیم دسترس پذیری (Accessibility) در CSS
• 57. استفاده از semantic HTML
• 58. ارائه متن جایگزین برای تصاویر
• 59. انتخاب رنگ های با کنتراست مناسب
• 60. تست accessibility با ابزارهای مختلف
• 61. استفاده از CSS reset و normalize.css
• 62. مقدمه ای بر CSS Modules
• 63. استفاده از scoping در CSS Modules
• 64. استفاده از CSS-in-JS
• 65. استفاده از Styled Components
• 66. استفاده از Emotion
• 67. آشنایی با مفاهیم معماری CSS: BEM و SMACSS
• 68. سازماندهی فایل های CSS
• 69. نامگذاری کلاس ها به صورت منطقی
• 70. مستندسازی CSS
• 71. استفاده از linting برای CSS
• 72. آشنایی با مفاهیم performance optimization در CSS
• 73. استفاده از will-change برای بهبود performance animation
• 74. استفاده از contain property
• 75. آشنایی با مفاهیم Critical CSS
• 76. آشنایی با مفاهیم Shadow DOM
• 77. آشنایی با مفاهیم CSS Custom Properties (Variables)
• 78. استفاده از calc() function
• 79. ایجاد layout های پیچیده با CSS grid
• 80. ایجاد layout های fluid و responsive
• 81. ایجاد طراحی های پارالاکس با CSS
• 82. ایجاد افکت های hover پیشرفته
• 83. ایجاد animation های پیچیده با CSS
• 84. استفاده از SVG در CSS
• 85. ایجاد شکل های هندسی با CSS
• 86. ایجاد تایپوگرافی زیبا با CSS
• 87. استفاده از CSS filters
• 88. استفاده از CSS blend modes
• 89. استفاده از CSS shapes
• 90. ایجاد UI های تعاملی با CSS و Javascript
• 91. آشنایی با مفاهیم Web Components
• 92. استفاده از Custom Elements
• 93. استفاده از Shadow DOM
• 94. استفاده از Templates
• 95. آشنایی با مفاهیم headless CMS
• 96. استفاده از CSS برای استایل دهی به Headless CMS
• 97. آشنایی با مفاهیم Design Systems
• 98. استفاده از CSS برای ایجاد Design Systems
• 99. تست CSS با ابزارهای مختلف
• 100. Debugging CSS

📦 مجموعه شامل:

• ✅ ویدیوهای فارسی
• ✅ پادکست های صوتی فارسی
• ✅ کتاب PDF فارسی
• ✅ کتاب ۱۰۰۰ نکته فارسی خودمونی
• ✅ کتاب ۱۰۰۰ نکته رسمی فارسی
• ✅ کتاب ۱۰۰۰ پرسش و پاسخ ۴ گزینه ای فارسی