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

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

عنوان دوره: CSS for Message Queues

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه ای بر CSS و ارتباط آن با صف پیام
• 2. CSS در زمینه صف پیام: چرا؟
• 3. اصول اولیه HTML برای CSS
• 4. مقدمه ای بر CSS
• 5. نحوه گنجاندن CSS (Inline, Internal, External)
• 6. انتخابگرهای CSS: عمومی
• 7. انتخابگرهای CSS: کلاس
• 8. انتخابگرهای CSS: شناسه
• 9. انتخابگرهای CSS: تگ
• 10. انتخابگرهای CSS: گروه بندی
• 11. انتخابگرهای CSS: ترکیبی
• 12. انتخابگرهای CSS: فرزند (Descendant)
• 13. انتخابگرهای CSS: فرزند مستقیم (Child)
• 14. انتخابگرهای CSS: برادر مجاور (Adjacent Sibling)
• 15. انتخابگرهای CSS: برادر کلی (General Sibling)
• 16. انتخابگرهای CSS: صفات (Attribute Selectors)
• 17. انتخابگرهای CSS: صفات با مقدار خاص
• 18. انتخابگرهای CSS: صفات با شروع مقدار
• 19. انتخابگرهای CSS: صفات با پایان مقدار
• 20. انتخابگرهای CSS: صفات حاوی مقدار
• 21. نکات مهم در مورد انتخابگرها
• 22. خواص CSS: رنگ متن
• 23. خواص CSS: رنگ پس زمینه
• 24. خواص CSS: اندازه فونت
• 25. خواص CSS: خانواده فونت
• 26. خواص CSS: وزن فونت
• 27. خواص CSS: سبک فونت
• 28. خواص CSS: تزئین متن
• 29. خواص CSS: تراز متن
• 30. خواص CSS: فاصله‌گذاری خط
• 31. خواص CSS: فاصله‌گذاری حرف
• 32. خواص CSS: دکوراسیون خط
• 33. خواص CSS: سایه متن
• 34. خواص CSS: متن سایه دار
• 35. خواص CSS: پس زمینه تکراری
• 36. خواص CSS: موقعیت پس زمینه
• 37. خواص CSS: اندازه پس زمینه
• 38. خواص CSS: رنگ پس زمینه شفاف
• 39. خواص CSS: کلیپینگ پس زمینه
• 40. خواص CSS: انیمیشن پس زمینه
• 41. مدیریت جعبه (Box Model) در CSS
• 42. عرض و ارتفاع عناصر
• 43. حاشیه (Margin)
• 44. لایه (Padding)
• 45. کادر (Border)
• 46. عرض کادر
• 47. رنگ کادر
• 48. سبک کادر
• 49. موقعیت نسبی (Position: Relative)
• 50. موقعیت مطلق (Position: Absolute)
• 51. موقعیت ثابت (Position: Fixed)
• 52. موقعیت چسبان (Position: Sticky)
• 53. بالا، پایین، چپ، راست (Top, Bottom, Left, Right)
• 54. شاخص Z (Z-index)
• 55. نمایش (Display) - Block
• 56. نمایش (Display) - Inline
• 57. نمایش (Display) - Inline-Block
• 58. نمایش (Display) - None
• 59. نمایش (Display) - Flexbox
• 60. مقدمه ای بر Flexbox
• 61. ظرف Flex (Flex Container)
• 62. آیتم Flex (Flex Item)
• 63. جهت Flex (Flex Direction)
• 64. قابلیت Wrap در Flexbox
• 65. تراز اصلی (Justify Content)
• 66. تراز متقابل (Align Items)
• 67. تراز خود (Align Self)
• 68. قابلیت Grow در Flex Items
• 69. قابلیت Shrink در Flex Items
• 70. قابلیت Basis در Flex Items
• 71. نمایش (Display) - Grid
• 72. مقدمه ای بر Grid
• 73. ظرف Grid (Grid Container)
• 74. آیتم Grid (Grid Item)
• 75. جهت Grid (Grid Direction)
• 76. تعریف ستون ها (Grid Template Columns)
• 77. تعریف سطرها (Grid Template Rows)
• 78. فضای بین ستون ها (Grid Column Gap)
• 79. فضای بین سطرها (Grid Row Gap)
• 80. تراز اصلی در Grid
• 81. تراز متقابل در Grid
• 82. قرار دادن آیتم ها در Grid
• 83. طولانی کردن آیتم ها در Grid
• 84. استفاده از نام ها در Grid
• 85. CSS برای عناصر صف پیام: نمایش وضعیت
• 86. CSS برای عناصر صف پیام: آیکون ها
• 87. CSS برای عناصر صف پیام: رنگ بندی پیام ها
• 88. CSS برای عناصر صف پیام: سبک فونت پیام ها
• 89. CSS برای عناصر صف پیام: انیمیشن برای پیام های جدید
• 90. CSS برای عناصر صف پیام: انیمیشن برای پیام های خوانده شده/خوانده نشده
• 91. CSS برای عناصر صف پیام: افکت های بصری برای پیام های مهم
• 92. CSS برای عناصر صف پیام: نمایش نشانگر پیشرفت
• 93. CSS برای عناصر صف پیام: واکنش گرایی (Responsive Design)
• 94. Media Queries
• 95. انتخابگرهای Media Query
• 96. مثال های Media Query
• 97. استفاده از Media Query برای صفحه نمایش های مختلف
• 98. استفاده از Media Query برای دستگاه های لمسی
• 99. استفاده از Media Query برای پرینت
• 100. CSS برای عناصر ورودی صف پیام