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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و اهمیت آن در طراحی وب
• 2. CSS چیست و چگونه کار می کند؟
• 3. نحوه اتصال CSS به HTML (روش های مختلف)
• 4. سینتکس CSS: انتخابگرها، ویژگی ها و مقادیر
• 5. انواع انتخابگرها در CSS (شناسه، کلاس، تگ)
• 6. انتخابگرهای ترکیبی (فرزند، نسل، مجاور، عمومی)
• 7. انتخابگرهای شبه کلاس (Pseudo-classes)
• 8. انتخابگرهای شبه المان (Pseudo-elements)
• 9. وراثت (Inheritance) در CSS
• 10. اولویت (Specificity) در CSS
• 11. Box Model در CSS: محتوا، پدینگ، بوردر، مارجین
• 12. اندازه گیری در CSS: واحدهای مطلق (px، pt، cm)
• 13. اندازه گیری در CSS: واحدهای نسبی (em، rem، vw، vh، %)
• 14. نحوه اعمال رنگ ها در CSS (نام رنگ، کد هگزادسیمال، RGB، RGBA)
• 15. نحوه اعمال پس زمینه در CSS (رنگ، تصویر، تکرار، موقعیت)
• 16. کار با فونت ها در CSS (خانواده، اندازه، وزن، سبک)
• 17. تغییر متن در CSS (رنگ، تراز، فاصله، دکوراسیون)
• 18. کار با لینک ها در CSS (حالت های مختلف لینک)
• 19. لیست ها در CSS (تغییر استایل لیست ها)
• 20. جدول ها در CSS (تغییر استایل جدول ها)
• 21. موقعیت دهی (Positioning) در CSS: استاتیک، نسبی، مطلق، ثابت، چسبنده
• 22. مفهوم Z-index و نحوه استفاده از آن
• 23. Flexbox: مقدمه و مفاهیم پایه
• 24. Flexbox: ویژگی های Container (justify-content، align-items، flex-direction)
• 25. Flexbox: ویژگی های Items (flex-grow، flex-shrink، flex-basis، align-self)
• 26. Grid Layout: مقدمه و مفاهیم پایه
• 27. Grid Layout: تعریف سطرها و ستون ها
• 28. Grid Layout: قرار دادن آیتم ها در Grid
• 29. Grid Layout: ویژگی های Grid Container (grid-template، gap)
• 30. Grid Layout: ویژگی های Grid Items (grid-column، grid-row)
• 31. Media Queries: طراحی واکنش گرا (Responsive Design)
• 32. تعریف Media Queries و نحوه استفاده از آن ها
• 33. Viewport چیست و چگونه تنظیم می شود؟
• 34. نحوه استفاده از breakpoints برای طراحی واکنش گرا
• 35. مفاهیم پایه طراحی موبایل فرست (Mobile-First)
• 36. انواع Layout های واکنش گرا (Fluid، Adaptive)
• 37. CSS Reset چیست و چرا باید از آن استفاده کرد؟
• 38. نرمالایز کردن CSS (Normalize.css)
• 39. کار با تصاویر در CSS (اندازه، موقعیت، فیلترها)
• 40. شیوه نامه نویسی (CSS Styling) برای فرم ها
• 41. نحوه ایجاد دکمه های جذاب با CSS
• 42. ایجاد انیمیشن های ساده با CSS Transitions
• 43. ایجاد انیمیشن های پیچیده با CSS Animations
• 44. کلید فریم ها (Keyframes) در CSS Animations
• 45. کار با Transform در CSS (چرخش، مقیاس، انتقال)
• 46. کار با Shadow در CSS (box-shadow، text-shadow)
• 47. فیلترهای CSS (Blur، Grayscale، Sepia)
• 48. Gradient ها در CSS (Linear، Radial)
• 49. Masking و Clipping در CSS
• 50. CSS Variables (متغیرها)
• 51. مقدمه ای بر CSS Preprocessors (Sass، Less)
• 52. نصب و راه اندازی Sass
• 53. سینتکس Sass (متغیرها، Mixins، Functions)
• 54. Nestting در Sass
• 55. Partials و Imports در Sass
• 56. Extend و Inheritance در Sass
• 57. Modules در Sass
• 58. مفاهیم و کاربردهای CSS Frameworks (Bootstrap, Tailwind CSS)
• 59. Bootstrap: Grid System
• 60. Bootstrap: Components (Navbar, Buttons, Forms)
• 61. Tailwind CSS: Utility Classes
• 62. Tailwind CSS: Customizing Styles
• 63. CSS Architecture: BEM (Block, Element, Modifier)
• 64. CSS Architecture: OOCSS (Object-Oriented CSS)
• 65. CSS Modules: Scope و Isolation
• 66. CSS-in-JS: Styled Components
• 67. مفاهیم Accessibility در CSS (ARIA Attributes)
• 68. بهینه سازی CSS برای بهبود عملکرد سایت
• 69. Minify کردن CSS
• 70. Gzip Compression
• 71. Caching CSS
• 72. Lazy Loading CSS
• 73. Critical CSS
• 74. استفاده از CSS Sprites
• 75. بررسی و دیباگ CSS با استفاده از Developer Tools
• 76. اجرای تست های CSS
• 77. ابزارهای Linting CSS (Stylelint)
• 78. کار با Icon Fonts (Font Awesome)
• 79. ایجاد طرح بندی های پیچیده با CSS
• 80. استفاده از CSS برای ایجاد افکت های ویژه
• 81. ساخت گالری تصاویر با CSS
• 82. ایجاد منوهای کشویی با CSS
• 83. استفاده از CSS برای ایجاد تایپوگرافی جذاب
• 84. ایجاد افکت های Hover با CSS
• 85. ایجاد اسلایدر با CSS
• 86. بهینه سازی تصاویر برای وب
• 87. کار با SVG در CSS
• 88. نحوه کار با CSS Grid Template Areas
• 89. استفاده از CSS Shapes
• 90. نوشتن CSS برای مرورگرهای قدیمی (polyfills)
• 91. آشنایی با مفاهیم جدید در CSS (Container Queries)
• 92. آشنایی با Custom Properties
• 93. بررسی performance و امنیت CSS
• 94. نحوه ساخت یک قالب (Theme) با CSS
• 95. کار با CSS در React
• 96. کار با CSS در Angular
• 97. کار با CSS در Vue.js
• 98. CSS برای سیستم های مدیریت ناوگان: چالش ها و راه حل ها
• 99. طراحی داشبوردهای اطلاعاتی با CSS
• 100. نمایش نقشه ها و موقعیت مکانی با CSS