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

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

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

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

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

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

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

• 1. آشنایی با CSS و نقش آن در طراحی وب
• 2. CSS چیست و چرا باید از آن استفاده کرد؟
• 3. نحوه نوشتن و ساختار یک فایل CSS
• 4. انتخابگرها (Selectors) در CSS: مقدماتی
• 5. انتخابگرهای نوع (Type Selectors)
• 6. انتخابگرهای کلاس (Class Selectors)
• 7. انتخابگرهای شناسه (ID Selectors)
• 8. انتخابگرهای عمومی (Universal Selector)
• 9. نحوه اعمال CSS به صفحات HTML: روش های inline
• 10. نحوه اعمال CSS به صفحات HTML: روش internal
• 11. نحوه اعمال CSS به صفحات HTML: روش external
• 12. اولویت بندی CSS (Specificity)
• 13. آشنایی با باکس مدل (Box Model) در CSS
• 14. محتوا (Content)، پدینگ (Padding)، بوردر (Border) و مارجین (Margin)
• 15. تنظیم اندازه عناصر (Width و Height)
• 16. تنظیم حاشیه ها (Margins) به صورت جداگانه
• 17. تنظیم پدینگ (Padding) به صورت جداگانه
• 18. تنظیم بوردر (Border) به صورت جداگانه
• 19. انواع واحد های اندازه گیری در CSS (پیکسل، درصد، em، rem)
• 20. کار با رنگ ها در CSS: نام رنگ ها، کد HEX
• 21. کار با رنگ ها در CSS: کد RGB و RGBA
• 22. کار با رنگ ها در CSS: کد HSL و HSLA
• 23. تنظیم پس زمینه (Background) عناصر
• 24. تنظیم رنگ پس زمینه (Background Color)
• 25. تنظیم تصویر پس زمینه (Background Image)
• 26. تکرار تصویر پس زمینه (Background Repeat)
• 27. موقعیت تصویر پس زمینه (Background Position)
• 28. اندازه تصویر پس زمینه (Background Size)
• 29. فونت ها در CSS: تنظیم نوع فونت (Font Family)
• 30. فونت ها در CSS: تنظیم اندازه فونت (Font Size)
• 31. فونت ها در CSS: تنظیم وزن فونت (Font Weight)
• 32. فونت ها در CSS: تنظیم استایل فونت (Font Style)
• 33. فونت ها در CSS: تنظیم خط زیر فونت (Text Decoration)
• 34. فونت ها در CSS: تنظیم فاصله بین خطوط (Line Height)
• 35. مدیریت متن در CSS: تراز کردن متن (Text Align)
• 36. مدیریت متن در CSS: تغییر حروف (Text Transform)
• 37. مدیریت متن در CSS: تورفتگی متن (Text Indent)
• 38. لیست ها در CSS: استایل دهی به لیست های مرتب (Ordered Lists)
• 39. لیست ها در CSS: استایل دهی به لیست های نامرتب (Unordered Lists)
• 40. جدول ها در CSS: استایل دهی به جدول ها
• 41. لینک ها در CSS: استایل دهی به لینک ها (Link, Visited, Hover, Active)
• 42. نمایش عناصر (Display Property): block, inline, inline-block
• 43. نمایش عناصر (Display Property): none
• 44. موقعیت دهی عناصر (Positioning): static, relative
• 45. موقعیت دهی عناصر (Positioning): absolute
• 46. موقعیت دهی عناصر (Positioning): fixed
• 47. موقعیت دهی عناصر (Positioning): sticky
• 48. Z-index و لایه بندی عناصر
• 49. آشنایی با فلوت ها (Floats) و Clearfix
• 50. ایجاد طرح بندی های ساده با استفاده از فلوت ها
• 51. آشنایی با Flexbox: مفاهیم اولیه
• 52. Container در Flexbox: flex-direction
• 53. Container در Flexbox: flex-wrap
• 54. Container در Flexbox: justify-content
• 55. Container در Flexbox: align-items
• 56. Container در Flexbox: align-content
• 57. Item در Flexbox: order
• 58. Item در Flexbox: flex-grow
• 59. Item در Flexbox: flex-shrink
• 60. Item در Flexbox: flex-basis
• 61. Item در Flexbox: align-self
• 62. ایجاد طرح بندی های پیچیده با Flexbox
• 63. آشنایی با Grid Layout: مفاهیم اولیه
• 64. تعریف ردیف ها و ستون ها در Grid
• 65. grid-template-rows و grid-template-columns
• 66. grid-gap, grid-row-gap, grid-column-gap
• 67. قرار دادن عناصر در Grid: grid-row-start, grid-row-end
• 68. قرار دادن عناصر در Grid: grid-column-start, grid-column-end
• 69. نامگذاری خطوط و نواحی در Grid
• 70. grid-template-areas
• 71. ایجاد طرح بندی های پیشرفته با Grid Layout
• 72. رسپانسیو کردن صفحات وب: مفهوم طراحی رسپانسیو
• 73. Viewport Meta Tag
• 74. Media Queries: نوشتن Media Queries
• 75. Media Queries: استفاده از breakpoints مختلف
• 76. رسپانسیو کردن فونت ها و تصاویر
• 77. آشنایی با CSS Framework ها: Bootstrap
• 78. آشنایی با CSS Framework ها: Tailwind CSS
• 79. استفاده از CSS Framework ها در پروژه های Fleet Management
• 80. انیمیشن ها در CSS: Transition ها
• 81. انیمیشن ها در CSS: Keyframes
• 82. transform: rotate, scale, translate, skew
• 83. کار با Pseudo-classes: hover, active, focus, visited
• 84. کار با Pseudo-elements: ::before, ::after
• 85. سایه ها در CSS: box-shadow
• 86. سایه ها در CSS: text-shadow
• 87. فیلترها در CSS: blur, brightness, contrast
• 88. گرادیان ها در CSS: Linear Gradient
• 89. گرادیان ها در CSS: Radial Gradient
• 90. SVG (Scalable Vector Graphics) در CSS
• 91. CSS Preprocessors: Sass (SCSS)
• 92. CSS Preprocessors: Less
• 93. متغیرها (Variables) در CSS
• 94. توابع (Functions) در CSS
• 95. میکس این ها (Mixins) در CSS
• 96. ماژولار کردن CSS (CSS Modules)
• 97. بهینه سازی CSS برای افزایش سرعت بارگذاری سایت
• 98. ابزارهای توسعه دهندگان (Developer Tools) در مرورگرها
• 99. دیباگ کردن CSS
• 100. Best Practices در کدنویسی CSS