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

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

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

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

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

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

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

• 1. مبانی CSS:
• 2. CSS چیست؟ معرفی و تاریخچه
• 3. نقش CSS در طراحی وب
• 4. ساختار یک قانون CSS
• 5. انتخابگرها: انواع و کاربردها
• 6. انتخابگرهای پایه: element, id, class
• 7. انتخابگرهای ترکیبی: descendant, child, adjacent sibling, general sibling
• 8. انتخابگرهای attribute: [attr], [attr=value], [attr*=value], ...
• 9. انتخابگرهای pseudo-class: hover, active, focus, first-child, ...
• 10. انتخابگرهای pseudo-element: ::before, ::after, ::first-line, ...
• 11. CSS و HTML: اتصال CSS به HTML (inline, internal, external)
• 12. ساختار فایل CSS خارجی و بهترین شیوه ها
• 13. نظرات در CSS و اهمیت آن
• 14. اصول خوانایی و مدیریت کد CSS
• 15. Box Model: مفهوم و اجزای آن (content, padding, border, margin)
• 16. اندازه گیری ها در CSS: px, em, rem, %, vw, vh
• 17. واحدها و تبدیل واحدها
• 18. رنگ ها در CSS: انواع روش های تعریف رنگ (نام، hex, rgb, rgba, hsl, hsla)
• 19. متن در CSS: فونت، اندازه فونت، وزن فونت، استایل فونت، تراز متن
• 20. استایل دهی به متن: تزئینات متن، فضای حروف، فضای کلمات، ارتفاع خط
• 21. Background: رنگ پس زمینه، تصویر پس زمینه، تکرار تصویر، موقعیت تصویر
• 22. Border: استایل، رنگ، ضخامت
• 23. Margin و Padding: تفاوت ها و کاربردها
• 24. نکات مهم در استفاده از Margin و Padding
• 25. Box Sizing: content-box و border-box
• 26. Display: inline, block, inline-block, none
• 27. Positioning: static, relative, absolute, fixed, sticky
• 28. شناوری (float): کاربردها و مشکلات
• 29. پاکسازی شناوری (clearfix)
• 30. Flexbox: معرفی و مفاهیم اصلی
• 31. Flexbox: تنظیمات container (flex-direction, flex-wrap, justify-content, align-items, align-content)
• 32. Flexbox: تنظیمات item (flex-grow, flex-shrink, flex-basis, order, align-self)
• 33. Grid Layout: معرفی و مفاهیم اصلی
• 34. Grid Layout: تعریف grid (grid-template-columns, grid-template-rows, grid-template-areas)
• 35. Grid Layout: قرار دادن آیتم ها در grid (grid-column, grid-row, grid-area)
• 36. Grid Layout: تنظیمات gap
• 37. Responsive Web Design: اصول و مبانی
• 38. Media Queries: استفاده و کاربردها
• 39. Media Queries: انواع ویژگی ها برای استفاده در کوئری ها
• 40. طراحی ریسپانسیو برای موبایل اول (mobile-first)
• 41. Viewport و تنظیمات آن
• 42. CSS Variables (Custom Properties): معرفی و استفاده
• 43. CSS Variables: دامنه و وراثت
• 44. Transition: معرفی و استفاده
• 45. Animation: معرفی و استفاده
• 46. Transform: translate, rotate, scale, skew
• 47. Transitions و Animations: تفاوت ها و موارد استفاده
• 48. Sass و Scss: معرفی و مفاهیم اصلی
• 49. Sass: متغیرها، nesting, mixins, imports
• 50. CSS Frameworks: Bootstrap, Tailwind CSS (معرفی)
• 51. Bootstrap: Grid system و استفاده از کلاس های آماده
• 52. Tailwind CSS: utility-first approach و پیکربندی
• 53. Styling Forms: استایل دهی به فیلد های ورودی و دکمه ها
• 54. Styling Tables: استایل دهی به جدول ها
• 55. Selectors specificity: اهمیت و محاسبه
• 56. Cascade: نحوه اعمال استایل ها و اولویت ها
• 57. Inheritance: وراثت در CSS
• 58. Optimizing CSS: بهینه سازی و کاهش حجم فایل های CSS
• 59. CSS Preprocessors: بررسی و مقایسه
• 60. Using CSS in React, Angular, Vue (مقدمه)
• 61. CSS Architecture: BEM, OOCSS, SMACSS (مفاهیم اولیه)
• 62. CSS debugging: ابزارها و تکنیک ها
• 63. CSS and Accessibility: اصول دسترسی پذیری
• 64. CSS and Performance: بهینه سازی برای عملکرد بهتر
• 65. Custom properties: کاربردهای پیشرفته
• 66. CSS Filters: انواع و کاربردها
• 67. CSS Blend Modes: معرفی و استفاده
• 68. CSS Shapes: ایجاد شکل های پیچیده
• 69. Clipping: برش دادن المان ها
• 70. Masking: ماسک کردن المان ها
• 71. Scroll Snap: ایجاد اسکرول های جذاب
• 72. CSS Writing Modes: پشتیبانی از زبان های راست به چپ (RTL)
• 73. CSS Grid Advanced: Grid Areas
• 74. CSS Grid Advanced: Implicit Grid
• 75. CSS Grid Advanced: Positioning items with line names
• 76. CSS Grid Advanced: minmax, fit-content
• 77. CSS Grid Advanced: repeat function
• 78. CSS Houdini: معرفی و آینده CSS
• 79. CSS Modules: معرفی و مزایا
• 80. Styled Components (مقدمه)
• 81. CSS-in-JS: مزایا و معایب
• 82. Building a responsive navigation bar
• 83. Creating a multi-column layout
• 84. Designing a responsive image gallery
• 85. Styling a login form
• 86. Building a card component
• 87. Implementing a carousel with CSS
• 88. Creating a dropdown menu
• 89. Designing a responsive footer
• 90. Styling a website's theme with variables
• 91. Applying CSS best practices
• 92. Troubleshooting common CSS issues
• 93. CSS for Fleet Management Training: نکات کلیدی و کاربردی
• 94. CSS and User Experience (UX): تاثیر CSS بر UX
• 95. Maintaining and updating CSS code
• 96. Advanced CSS animations and transitions
• 97. CSS Grid and Flexbox: Combined usage
• 98. CSS for print: media="print"
• 99. CSS Tips and Tricks
• 100. Building complex layouts with CSS