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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در وب
• 2. آشنایی با HTML و ساختار اساسی صفحات وب
• 3. CSS چیست و چرا باید آن را یاد بگیریم؟
• 4. نحوه افزودن CSS به صفحات HTML (روش های مختلف)
• 5. CSS Inline: مزایا و معایب
• 6. CSS داخلی (Internal): مزایا و معایب
• 7. CSS خارجی (External): بهترین روش و مزایا
• 8. آشنایی با Selector ها در CSS
• 9. انتخابگرهای بر اساس نام تگ (Tag Selectors)
• 10. انتخابگرهای بر اساس کلاس (Class Selectors)
• 11. انتخابگرهای بر اساس شناسه (ID Selectors)
• 12. انتخابگرهای عمومی (Universal Selector)
• 13. ترکیب Selector ها (Combinators)
• 14. انتخابگرهای فرزند (Child Selectors)
• 15. انتخابگرهای مجاور (Adjacent Sibling Selectors)
• 16. انتخابگرهای عمومی خواهر و برادر (General Sibling Selectors)
• 17. انتخابگرهای ویژگی (Attribute Selectors)
• 18. انتخابگرهای شبه کلاس (Pseudo-classes)
• 19. انتخابگرهای شبه عنصر (Pseudo-elements)
• 20. مفهوم Specificity در CSS
• 21. محاسبه Specificity و اولویت دهی استایل ها
• 22. آشنایی با Box Model در CSS
• 23. مفهوم Margin، Border، Padding و Content
• 24. تغییر اندازه Box Model (box-sizing)
• 25. واحد های اندازه گیری در CSS (پیکسل، درصد، em، rem، vh، vw)
• 26. آشنایی با فونت ها در CSS
• 27. تغییر نوع فونت (font-family)
• 28. تغییر اندازه فونت (font-size)
• 29. تغییر ضخامت فونت (font-weight)
• 30. تغییر استایل فونت (font-style)
• 31. تغییر فاصله خطوط (line-height)
• 32. تغییر رنگ فونت (color)
• 33. آشنایی با رنگ ها در CSS (Hex، RGB، RGBA، HSL، HSLA)
• 34. استفاده از گرادیان ها در CSS (Linear Gradient، Radial Gradient)
• 35. آشنایی با پس زمینه (background) در CSS
• 36. تغییر رنگ پس زمینه (background-color)
• 37. اضافه کردن تصویر پس زمینه (background-image)
• 38. تکرار تصویر پس زمینه (background-repeat)
• 39. موقعیت تصویر پس زمینه (background-position)
• 40. اندازه تصویر پس زمینه (background-size)
• 41. آشنایی با Display Property در CSS
• 42. مقادیر مختلف Display (block، inline، inline-block، none)
• 43. مفهوم Float در CSS
• 44. استفاده از Float برای چیدمان عناصر
• 45. مشکلات Float و راه حل Clearfix
• 46. آشنایی با Position Property در CSS
• 47. مقادیر مختلف Position (static، relative، absolute، fixed، sticky)
• 48. مفهوم Z-index در CSS
• 49. ایجاد لایه ها با Z-index
• 50. آشنایی با Flexbox
• 51. مفهوم محور اصلی (Main Axis) و محور فرعی (Cross Axis)
• 52. تراز کردن عناصر با Flexbox (justify-content، align-items)
• 53. تغییر جهت محور اصلی (flex-direction)
• 54. پیچیدن عناصر در Flexbox (flex-wrap)
• 55. آشنایی با Grid Layout
• 56. ایجاد ساختار های Grid
• 57. تعریف سطر ها (grid-template-rows)
• 58. تعریف ستون ها (grid-template-columns)
• 59. تغییر اندازه سطر ها و ستون ها (fr unit)
• 60. تراز کردن عناصر در Grid (justify-items، align-items، justify-content، align-content)
• 61. فاصله بین سطر ها و ستون ها (grid-gap)
• 62. استفاده از Media Queries برای طراحی Responsive
• 63. تعریف Breakpoints برای دستگاه های مختلف
• 64. طراحی برای موبایل، تبلت و دسکتاپ
• 65. آشنایی با Transition ها در CSS
• 66. ایجاد انیمیشن های ساده با Transition
• 67. آشنایی با Animation ها در CSS
• 68. تعریف Keyframes برای Animation
• 69. کنترل سرعت و تکرار انیمیشن
• 70. استفاده از transform برای تغییر شکل عناصر (rotate، scale، translate، skew)
• 71. آشنایی با CSS Variables (Custom Properties)
• 72. تعریف و استفاده از متغیر ها در CSS
• 73. استفاده از calc() برای انجام محاسبات در CSS
• 74. آشنایی با پیش پردازنده های CSS (Sass، Less)
• 75. مزایای استفاده از پیش پردازنده ها
• 76. نصب و راه اندازی Sass
• 77. استفاده از متغیر ها، Mixin ها و توابع در Sass
• 78. آشنایی با مفاهیم پیشرفته تر Sass (Extend، Partials، Modules)
• 79. بهینه سازی CSS برای بهبود سرعت بارگذاری سایت
• 80. فشرده سازی CSS (Minification)
• 81. ترکیب فایل های CSS (Concatenation)
• 82. استفاده از CDN برای فایل های CSS
• 83. آشنایی با CSS Frameworks (Bootstrap، Tailwind CSS)
• 84. مزایا و معایب استفاده از CSS Frameworks
• 85. نصب و راه اندازی Bootstrap
• 86. استفاده از Components و Utilities در Bootstrap
• 87. سفارشی سازی Bootstrap
• 88. اصول طراحی رابط کاربری (UI) و تجربه کاربری (UX)
• 89. رنگ شناسی و انتخاب پالت رنگ مناسب
• 90. Typography و انتخاب فونت مناسب
• 91. ایجاد سلسله مراتب بصری
• 92. Accessibility و طراحی برای افراد دارای معلولیت
• 93. تست و دیباگ کردن CSS
• 94. استفاده از Developer Tools در مرورگر
• 95. استفاده از Linter ها برای بررسی کد CSS
• 96. روش های مدیریت پروژه های CSS بزرگ
• 97. استفاده از سیستم نامگذاری BEM
• 98. ساخت یک وبسایت ساده برای Fleet Management با استفاده از CSS
• 99. پیاده سازی Header و Navigation
• 100. پیاده سازی Footer