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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و اهمیت آن در طراحی وب
• 2. CSS چیست و چگونه کار می کند؟
• 3. آشنایی با سینتکس CSS (انتخابگرها، ویژگی ها، مقادیر)
• 4. روش های افزودن CSS به صفحات HTML (داخلی، خارجی، درون خطی)
• 5. انتخابگرهای CSS: عنصر، کلاس، ID
• 6. انتخابگرهای CSS: ویژگی، شبه کلاس، شبه عنصر
• 7. انتخابگرهای CSS: ترکیب کننده ها (فرزند، مجاور، عمومی)
• 8. قواعد خاصیت (Specificity) در CSS
• 9. ارث بری (Inheritance) در CSS
• 10. مقدمه ای بر مدل جعبه ای (Box Model)
• 11. حاشیه (Margin)، حاشیه داخلی (Padding)، مرز (Border)
• 12. اندازه گیری در CSS: پیکسل (px)، درصد (%)، em، rem، viewport units
• 13. تنظیم عرض و ارتفاع عناصر
• 14. خاصیت نمایش (Display): block, inline, inline-block, none
• 15. خاصیت موقعیت (Position): static, relative, absolute, fixed, sticky
• 16. ایجاد طرح بندی های ساده با CSS
• 17. مقدمه ای بر طرح بندی های شناور (Float)
• 18. رفع مشکلات شناور (Clearfix)
• 19. مقدمه ای بر طرح بندی های انعطاف پذیر (Flexbox)
• 20. مفاهیم Container و Item در Flexbox
• 21. خاصیت های justify-content و align-items در Flexbox
• 22. خاصیت های flex-direction و flex-wrap در Flexbox
• 23. خاصیت های flex-grow, flex-shrink, flex-basis در Flexbox
• 24. مرتب سازی عناصر با خاصیت order در Flexbox
• 25. مقدمه ای بر طرح بندی های شبکه ای (Grid)
• 26. مفاهیم Container و Item در Grid
• 27. تعریف ردیف و ستون در Grid
• 28. خاصیت های grid-template-rows و grid-template-columns
• 29. خاصیت های grid-gap, row-gap, column-gap
• 30. قرار دادن عناصر در Grid با grid-row-start, grid-row-end, grid-column-start, grid-column-end
• 31. کوتاه نویسی در Grid: grid-area
• 32. تراز بندی عناصر در Grid با justify-items, align-items, place-items
• 33. تراز بندی محتوا در عناصر Grid با justify-content, align-content, place-content
• 34. واکنش گرایی (Responsiveness) چیست و چرا مهم است؟
• 35. مقدمه ای بر پرس و جوهای رسانه ای (Media Queries)
• 36. استفاده از پرس و جوهای رسانه ای برای دستگاه های مختلف
• 37. طراحی Mobile-First
• 38. واحدهای اندازه گیری انعطاف پذیر (em, rem, vw, vh)
• 39. تصاویر واکنش گرا (Responsive Images)
• 40. ویدئوهای واکنش گرا (Responsive Videos)
• 41. مقدمه ای بر فریم ورک های CSS (Bootstrap, Tailwind CSS)
• 42. مزایا و معایب استفاده از فریم ورک های CSS
• 43. آشنایی با سیستم Grid در Bootstrap
• 44. آشنایی با Component های Bootstrap
• 45. نصب و راه اندازی Tailwind CSS
• 46. آشنایی با کلاس های utility-first در Tailwind CSS
• 47. سفارشی سازی Tailwind CSS
• 48. مقدمه ای بر متغیرهای CSS (Custom Properties)
• 49. تعریف و استفاده از متغیرهای CSS
• 50. محاسبات ریاضی در CSS با calc()
• 51. توابع رنگ در CSS (rgb, rgba, hsl, hsla)
• 52. گرادیان های خطی (Linear Gradients)
• 53. گرادیان های شعاعی (Radial Gradients)
• 54. سایه ها (Box Shadow و Text Shadow)
• 55. فیلترهای CSS (Blur, Brightness, Contrast)
• 56. تبدیل ها (Transform): translate, rotate, scale, skew
• 57. انتقال ها (Transition) برای ایجاد انیمیشن های ساده
• 58. انیمیشن ها (Animation) با keyframes
• 59. ایجاد جلوه های ویژه با CSS
• 60. مقدمه ای بر preprocessors CSS (Sass, Less)
• 61. مزایا و معایب استفاده از preprocessors CSS
• 62. نصب و راه اندازی Sass
• 63. متغیرها در Sass
• 64. Mixins در Sass
• 65. ارث بری (Extend) در Sass
• 66. حلقه ها و شرط ها در Sass
• 67. توابع سفارشی در Sass
• 68. وارد کردن فایل ها در Sass (Partials و Modules)
• 69. بهینه سازی CSS برای بهبود عملکرد وب سایت
• 70. کوچک سازی (Minification) CSS
• 71. فشرده سازی (Compression) CSS
• 72. استفاده از CDN برای ارائه CSS
• 73. لود تنبل (Lazy Loading) CSS
• 74. CSS Sprites
• 75. تصاویر SVG و CSS
• 76. Accessibility (دسترسی پذیری) در CSS
• 77. ایجاد تم های تیره و روشن با CSS
• 78. استفاده از CSS برای چاپ (Print Styles)
• 79. سازگاری CSS با مرورگرهای مختلف (Cross-Browser Compatibility)
• 80. اشکال زدایی (Debugging) CSS با استفاده از ابزارهای توسعه دهنده مرورگر
• 81. مقدمه ای بر مفاهیم BEM (Block, Element, Modifier)
• 82. سازماندهی و مدیریت فایل های CSS
• 83. استفاده از CSS Reset یا Normalize
• 84. Git و CSS: مدیریت تغییرات CSS
• 85. تست CSS
• 86. معرفی منابع آنلاین برای یادگیری CSS
• 87. آخرین ترندها در CSS
• 88. بررسی کتابخانه های UI بر پایه CSS
• 89. موقعیت شغلی برنامه نویس فرانت اند و اهمیت CSS
• 90. جمع بندی دوره و نکات تکمیلی
• 91. پروژه عملی: طراحی یک وب سایت ساده برای مدیریت ناوگان
• 92. پروژه عملی: طراحی داشبورد مدیریت ناوگان با CSS
• 93. پروژه عملی: پیاده سازی یک سیستم مسیریابی با استفاده از CSS
• 94. پروژه عملی: ایجاد فرم های ورود و ثبت نام با CSS زیبا
• 95. پروژه عملی: ایجاد یک گالری تصاویر واکنش گرا
• 96. پروژه عملی: ساخت منوهای ناوبری پیچیده با CSS
• 97. پروژه عملی: ایجاد یک صفحه فرود (Landing Page) حرفه ای
• 98. پرسش و پاسخ
• 99. منابع تکمیلی برای مطالعه بیشتر
• 100. تقدیر و تشکر از شرکت کنندگان