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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS برای متخصصین مدیریت ناوگان
• 2. CSS چیست و چرا مهم است؟
• 3. نحوه عملکرد CSS در وب
• 4. سینتکس پایه CSS: انتخابگرها، خواص و مقادیر
• 5. انواع استایل دهی: درون خطی، داخلی و خارجی
• 6. اتصال فایل های CSS خارجی به HTML
• 7. انتخابگرهای CSS: انتخابگرهای نوع (Type Selectors)
• 8. انتخابگرهای کلاس (Class Selectors)
• 9. انتخابگرهای شناسه (ID Selectors)
• 10. انتخابگرهای عمومی (Universal Selector)
• 11. انتخابگرهای گروهی (Grouping Selectors)
• 12. انتخابگرهای ویژگی (Attribute Selectors)
• 13. انتخابگرهای فرزند (Child Selectors)
• 14. انتخابگرهای نواده (Descendant Selectors)
• 15. انتخابگرهای مجاور (Adjacent Sibling Selectors)
• 16. انتخابگرهای عمومی خواهر و برادر (General Sibling Selectors)
• 17. شبه کلاس ها (Pseudo-classes): :hover, :active, :focus, :visited
• 18. شبه عناصر (Pseudo-elements): ::before, ::after, ::first-line, ::first-letter
• 19. مفهوم Specificity در CSS و اولویت دهی استایل ها
• 20. جعبه مدل (Box Model): محتوا، حاشیه، padding و border
• 21. تنظیم اندازه جعبه (Box Sizing)
• 22. نمایش (Display): block, inline, inline-block, none
• 23. موقعیت (Position): static, relative, absolute, fixed, sticky
• 24. Z-index و لایه بندی عناصر
• 25. Float و Clear: آشنایی و کاربرد
• 26. طراحی ریسپانسیو (Responsive Design): مفاهیم پایه
• 27. Viewport Meta Tag و اهمیت آن
• 28. پرس و جوی رسانه ای (Media Queries): syntax و کاربرد
• 29. نقطه شکست (Breakpoints) و انتخاب آنها
• 30. استفاده از واحدهای اندازه گیری: px, em, rem, %, vw, vh
• 31. استایل دهی متن: فونت، اندازه، رنگ، وزن، فاصله خطوط
• 32. تغییر فونت با @font-face
• 33. استفاده از فونت های گوگل
• 34. استایل دهی لینک ها: رنگ، زیرخط، حالت hover
• 35. لیست ها: استایل دهی و سفارشی سازی
• 36. استایل دهی جدول ها: border, padding, رنگ، طرح بندی
• 37. فرم ها: استایل دهی input, textarea, select
• 38. دکمه ها: طراحی و استایل دهی
• 39. استایل دهی تصاویر: اندازه، حاشیه، سایه
• 40. پس زمینه ها: رنگ، تصویر، تکرار، موقعیت
• 41. گرادیان ها: خطی و شعاعی
• 42. سایه ها: جعبه و متن
• 43. Transition ها: ایجاد انیمیشن های ساده
• 44. Transform ها: تغییر موقعیت، چرخش، مقیاس
• 45. انیمیشن ها: keyframes, animation properties
• 46. Grid Layout: مفاهیم پایه و ساختار
• 47. ایجاد طرح بندی با Grid Layout
• 48. Flexbox Layout: مفاهیم پایه و ساختار
• 49. ایجاد طرح بندی با Flexbox Layout
• 50. تفاوت ها و کاربردهای Grid و Flexbox
• 51. استفاده از CSS Variables (Custom Properties)
• 52. محاسبه مقادیر با calc()
• 53. فیلترها (Filters): blur, grayscale, sepia
• 54. Blend Modes: ترکیب رنگ ها
• 55. Clip-path: برش عناصر
• 56. Masking: پوشش دادن عناصر
• 57. Object-fit: تنظیم نحوه نمایش تصویر در کانتینر
• 58. Writing Mode: تغییر جهت نوشتار
• 59. Column Layout: ایجاد طرح بندی چند ستونی
• 60. Paged Media: استایل دهی برای چاپ
• 61. CSS preprocessors: Sass, Less, Stylus
• 62. Sass: نصب و راه اندازی
• 63. Sass: متغیرها، توابع، mixin ها
• 64. Sass: ارث بری (extend)
• 65. Sass: import و partials
• 66. CSS Modules: کپسوله سازی استایل ها
• 67. BEM (Block, Element, Modifier): روش نام گذاری کلاس ها
• 68. آشنایی با فریمورک های CSS: Bootstrap, Materialize, Tailwind CSS
• 69. Bootstrap: نصب و راه اندازی
• 70. Bootstrap: Grid System
• 71. Bootstrap: Components (buttons, forms, navbars)
• 72. Tailwind CSS: نصب و راه اندازی
• 73. Tailwind CSS: Utility Classes
• 74. CSS Reset: نرمال سازی استایل ها
• 75. Cross-browser compatibility: رفع مشکلات سازگاری
• 76. بهینه سازی CSS: Minification, Gzip Compression
• 77. آشنایی با DevTools مرورگر برای دیباگ CSS
• 78. استفاده از Linting tools برای CSS
• 79. CSS Architecture: سازماندهی کد
• 80. Component-based CSS
• 81. Atomic CSS
• 82. OOCSS (Object-Oriented CSS)
• 83. آشنایی با CSS-in-JS
• 84. استفاده از CSS Modules در React
• 85. Styling with Styled Components
• 86. Emotion: CSS-in-JS Library
• 87. CSS for Email Templates
• 88. Accessibility considerations in CSS (ARIA attributes)
• 89. Semantic HTML and CSS
• 90. Performance optimization techniques in CSS
• 91. Using CSS Sprites
• 92. Lazy Loading Images with CSS
• 93. CSS Containment
• 94. Font Loading Strategies
• 95. Working with Web Fonts
• 96. CSS Best Practices
• 97. Avoiding Common CSS Pitfalls
• 98. Debugging CSS Issues
• 99. Testing CSS
• 100. Future of CSS