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

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

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

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

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

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

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

• 1. مبانی CSS:
• 2. نحوه شروع با CSS و چگونگی پیوند آن با HTML
• 3. آشنایی با سینتکس CSS و قوانین اساسی
• 4. انتخابگرها: انتخاب عناصر HTML برای استایل دهی
• 5. انتخابگرهای پایه: عنصر، کلاس، ID
• 6. انتخابگرهای ترکیبی: فرزند، نوه، همجوار، عمومی
• 7. انتخابگرهای ویژگی: بر اساس ویژگی های HTML
• 8. انتخابگرهای شبه کلاس: حالت ها و تعاملات
• 9. انتخابگرهای شبه عنصر: برای استایل دهی به بخش های خاصی از عناصر
• 10. شناخت مفاهیم Cascading و Specificity در CSS
• 11. اولویت انتخابگرها و نحوه محاسبه آن
• 12. به ارث بری در CSS و نحوه عملکرد آن
• 13. مدل جعبه (Box Model): Margin, Border, Padding, Content
• 14. اندازه گیری واحدها: px, em, rem, %, vh, vw
• 15. ویژگی های متن: رنگ، فونت، اندازه، تراز، فاصله بین حروف
• 16. ویژگی های پس زمینه: رنگ، تصویر، تکرار، موقعیت
• 17. استفاده از تصاویر در CSS: background-image و img
• 18. کار با فونت ها: font-family, font-weight, font-style
• 19. متن سایه و استایل دهی به متن
• 20. کار با لیست ها: لیست های مرتب و نامرتب
• 21. جدول ها در CSS: استایل دهی به جداول
• 22. استایل دهی به لینک ها و دکمه ها
• 23. مفهوم Display: block, inline, inline-block, none
• 24. موقعیت دهی (Positioning): static, relative, absolute, fixed, sticky
• 25. شناخت مفهوم Float و کاربرد آن در چیدمان
• 26. پاک کردن Float ها: clear
• 27. Flexbox: معرفی و مبانی
• 28. Flexbox: محور اصلی و محور عمودی
• 29. Flexbox: ویژگی های container
• 30. Flexbox: ویژگی های item
• 31. Grid Layout: معرفی و مبانی
• 32. Grid Layout: تعریف grid
• 33. Grid Layout: قرار دادن آیتم ها در grid
• 34. Grid Layout: ویژگی های container
• 35. Grid Layout: ویژگی های item
• 36. طراحی واکنش گرا: معرفی و مفاهیم
• 37. Media Queries: نوشتن و استفاده از آن ها
• 38. واحد های اندازه گیری واکنش گرا
• 39. تصاویر واکنش گرا: نحوه استفاده از تصاویر با اندازه های مختلف
• 40. Viewport و تنظیمات آن
• 41. CSS Transitions: ایجاد انیمیشن های ساده
• 42. CSS Transforms: تغییر شکل عناصر
• 43. CSS Animations: ایجاد انیمیشن های پیشرفته
• 44. سفارشی سازی نشانگر موس (cursor)
• 45. کار با gradient ها: linear و radial
• 46. فیلترها و افکت ها در CSS
• 47. استفاده از font icons: Font Awesome
• 48. آشنایی با Preprocessors: Sass, Less (مقدماتی)
• 49. متغیرها در CSS و استفاده از آن ها
• 50. Importing و Organizing کد CSS
• 51. ساخت layout های پیچیده با استفاده از Flexbox و Grid
• 52. مدیریت CSS در پروژه های بزرگ
• 53. نحوه استفاده از Framework های CSS: Bootstrap, Tailwind CSS (مقدماتی)
• 54. بهینه سازی CSS: کاهش حجم فایل و سرعت بارگذاری
• 55. فایل های CSS خارجی و Inline
• 56. Inline styles در مقایسه با External Stylesheets
• 57. استفاده از comment ها در CSS
• 58. نکات مهم در سازماندهی فایل های CSS
• 59. ساخت یک قالب پایه برای سایت
• 60. چگونگی نوشتن CSS تمیز و خوانا
• 61. رفع اشکال در CSS: DevTools مرورگر
• 62. بررسی خطاهای رایج در CSS
• 63. مرورگرهای مختلف و سازگاری با CSS
• 64. شناخت و استفاده از CSS Reset و Normalize
• 65. معرفی و کاربرد CSS Preprocessors
• 66. نصب و راه‌اندازی Sass و Less
• 67. متغیرها، Mixins، و توابع در Sass
• 68. Nested rules در Sass و Less
• 69. کاربرد @import در Sass و Less
• 70. استفاده از if/else و loops در Sass و Less
• 71. ساخت تم های مختلف با استفاده از متغیرها
• 72. بهره گیری از Sass و Less در پروژه های بزرگ
• 73. استفاده از Bootstrap برای طراحی صفحات
• 74. نصب و پیکربندی Bootstrap
• 75. Grid System در Bootstrap
• 76. Components در Bootstrap: Buttons, Forms, Navbar
• 77. Responsive design با Bootstrap
• 78. Customization در Bootstrap
• 79. مقدمه ای بر Tailwind CSS
• 80. نصب و پیکربندی Tailwind CSS
• 81. Utility-first approach در Tailwind CSS
• 82. Customizing Tailwind CSS
• 83. ساخت کامپوننت های سفارشی با Tailwind CSS
• 84. CSS Modules: معرفی و کاربرد
• 85. CSS-in-JS: معرفی و کاربرد (مقدماتی)
• 86. مروری بر Web Accessibility و CSS
• 87. استفاده از CSS برای دسترسی پذیری
• 88. بهینه سازی CSS برای موتورهای جستجو (SEO)
• 89. CSS و performance: کاهش زمان بارگذاری
• 90. مفاهیم پیشرفته در طراحی قالب سایت
• 91. طراحی رابط کاربری (UI) با CSS
• 92. بهترین شیوه های کدنویسی CSS
• 93. ابزارهای آنلاین برای نوشتن و تست CSS
• 94. آینده CSS: ویژگی های جدید و تکنولوژی های نوظهور
• 95. پیاده سازی طرح رنگ در پروژه های مدیریت ناوگان
• 96. استایل دهی به عناصر مهم در مدیریت ناوگان
• 97. طراحی فرم های تعاملی برای اطلاعات ناوگان
• 98. طراحی جداول داده ای برای نمایش اطلاعات ناوگان
• 99. استفاده از انیمیشن و ترانزیشن برای بهبود رابط کاربری ناوگان
• 100. بهینه سازی CSS برای نمایش اطلاعات ناوگان در انواع دستگاه ها