فلش‌کارت‌های آموزشی CSS for No-Code/Low-Code Platforms

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

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

عنوان دوره: دوره CSS for No-Code/Low-Code Platforms

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

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

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

• 1. CSS چیست و چرا مهم است؟
• 2. CSS برای No-Code/Low-Code: مقدمه
• 3. نقش CSS در طراحی بصری
• 4. تفاوت CSS سنتی با CSS در پلتفرم‌های No-Code
• 5. اولین قدم‌ها با CSS در محیط No-Code
• 6. انتخاب ادیتور یا ابزار CSS در پلتفرم
• 7. مروری بر نحو (Syntax) CSS
• 8. انتخابگرها (Selectors) پایه: تگ‌ها
• 9. انتخابگرها: کلاس‌ها
• 10. انتخابگرها: شناسه‌ها (IDs)
• 11. انتخابگرهای ترکیبی (Combinators)
• 12. انتخابگرهای صفتی (Attribute Selectors)
• 13. انتخابگرهای شبه‌کلاس (Pseudo-classes) پایه
• 14. انتخابگرهای شبه‌کلاس پیشرفته
• 15. انتخابگرهای شبه‌عنصر (Pseudo-elements) پایه
• 16. انتخابگرهای شبه‌عنصر پیشرفته
• 17. اصول CSS: قوانین (Rules) و ویژگی‌ها (Properties)
• 18. مقادیر (Values) در CSS
• 19. واحدها (Units) در CSS: پیکسل (px)
• 20. واحدها: درصد (%)
• 21. واحدها: واحدهای نسبی (em, rem)
• 22. واحدها: واحدهای viewport (vw, vh)
• 23. واحدها: واحدهای زاویه (deg, grad, rad, turn)
• 24. واحدها: واحدهای زمان (s, ms)
• 25. مدل جعبه‌ای (Box Model): محتوا (Content)
• 26. مدل جعبه‌ای: پدینگ (Padding)
• 27. مدل جعبه‌ای: حاشیه (Border)
• 28. مدل جعبه‌ای: مارجین (Margin)
• 29. نحوه نمایش عناصر (Display Property): inline
• 30. نحوه نمایش: block
• 31. نحوه نمایش: inline-block
• 32. نحوه نمایش: none
• 33. نحوه نمایش: flex
• 34. نحوه نمایش: grid
• 35. مدیریت اندازه (Sizing) عناصر: عرض (Width)
• 36. مدیریت اندازه: ارتفاع (Height)
• 37. حداقل و حداکثر اندازه (min-width, max-width, min-height, max-height)
• 38. رنگ‌ها در CSS: نام رنگ‌ها
• 39. رنگ‌ها: مقادیر هگزادسیمال (Hex)
• 40. رنگ‌ها: مقادیر RGB
• 41. رنگ‌ها: مقادیر RGBA (با شفافیت)
• 42. رنگ‌ها: مقادیر HSL
• 43. رنگ‌ها: مقادیر HSLA (با شفافیت)
• 44. تنظیم رنگ پس‌زمینه (Background Color)
• 45. تنظیم تصویر پس‌زمینه (Background Image)
• 46. تکرار تصویر پس‌زمینه (Background Repeat)
• 47. موقعیت تصویر پس‌زمینه (Background Position)
• 48. مقیاس تصویر پس‌زمینه (Background Size)
• 49. نوشتار (Typography): فونت فمیلی (Font Family)
• 50. نوشتار: اندازه فونت (Font Size)
• 51. نوشتار: وزن فونت (Font Weight)
• 52. نوشتار: سبک فونت (Font Style)
• 53. نوشتار: تزئینات متن (Text Decoration)
• 54. نوشتار: تراز متن (Text Align)
• 55. نوشتار: فاصله‌گذاری خطوط (Line Height)
• 56. نوشتار: فاصله‌گذاری حروف (Letter Spacing)
• 57. نوشتار: فاصله‌گذاری کلمات (Word Spacing)
• 58. نوشتار: تغییر حروف (Text Transform)
• 59. حاشیه‌ها (Borders): عرض حاشیه (Border Width)
• 60. حاشیه‌ها: سبک حاشیه (Border Style)
• 61. حاشیه‌ها: رنگ حاشیه (Border Color)
• 62. حاشیه‌ها: گرد کردن گوشه‌ها (Border Radius)
• 63. سایه‌ها (Shadows): سایه متن (Text Shadow)
• 64. سایه‌ها: سایه جعبه‌ای (Box Shadow)
• 65. تبدیل‌ها (Transforms): چرخش (Rotate)
• 66. تبدیل‌ها: مقیاس‌بندی (Scale)
• 67. تبدیل‌ها: جابجایی (Translate)
• 68. تبدیل‌ها: کج کردن (Skew)
• 69. انتقال‌ها (Transitions): تعریف انتقال (Transition Property)
• 70. انتقال‌ها: مدت زمان انتقال (Transition Duration)
• 71. انتقال‌ها: تاخیر در انتقال (Transition Delay)
• 72. انتقال‌ها: منحنی زمان‌بندی (Transition Timing Function)
• 73. انیمیشن‌ها (Animations): تعریف Keyframes
• 74. انیمیشن‌ها: نام انیمیشن
• 75. انیمیشن‌ها: مدت زمان انیمیشن
• 76. انیمیشن‌ها: تکرار انیمیشن
• 77. انیمیشن‌ها: جهت انیمیشن
• 78. انیمیشن‌ها: حالت پایانی انیمیشن
• 79. انیمیشن‌ها: تاخیر در انیمیشن
• 80. استفاده از CSS در ادیتورهای Visual
• 81. استایل‌دهی به دکمه‌ها
• 82. استایل‌دهی به فرم‌ها
• 83. استایل‌دهی به تصاویر
• 84. استایل‌دهی به جداول
• 85. استایل‌دهی به لیست‌ها
• 86. CSS Responsive: واحدهای نسبی برای ابعاد
• 87. CSS Responsive: استفاده از Max-Width
• 88. CSS Responsive: Media Queries (مقدمه)
• 89. CSS Responsive: Media Queries برای عرض صفحه
• 90. CSS Responsive: Media Queries برای دستگاه‌های مختلف
• 91. CSS Responsive: طراحی Mobile-First
• 92. CSS Responsive: طراحی Desktop-First
• 93. انعطاف‌پذیری با Flexbox: مفاهیم پایه
• 94. Flexbox: تنظیم چیدمان (Justify Content)
• 95. Flexbox: تراز عناصر (Align Items)
• 96. Flexbox: چیدمان چند خطی (Flex Wrap)
• 97. Flexbox: ترتیب عناصر (Order)
• 98. CSS Grid: مفاهیم پایه
• 99. Grid: تعریف سطرها و ستون‌ها
• 100. Grid: قرار دادن عناصر در Grid