فلش‌کارت‌های آموزشی تکنیک‌های Grid System و Flexbox برای چیدمان‌های واکنش‌گرا

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

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

عنوان دوره: دوره تکنیک‌های Grid System و Flexbox برای چیدمان‌های واکنش‌گرا

موضوع کلی: توسعه فردی

موضوع میانی: طراحی ریسپانسیو (Responsive Design)

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

• 1. فصل اول: مقدمه ای بر چیدمان های واکنش گرا
• 2. فصل دوم: اهمیت Grid System و Flexbox
• 3. فصل سوم: مفاهیم پایه CSS برای چیدمان
• 4. فصل چهارم: معرفی Grid System
• 5. فصل پنجم: اصول طراحی با Grid
• 6. فصل ششم: ساختاردهی صفحه با Grid
• 7. فصل هفتم: Grid Areas و نامگذاری
• 8. فصل هشتم: Grid Templates و ابعاد
• 9. فصل نهم: Grid Gaps و فاصله گذاری
• 10. فصل دهم: Grid Alignment و تراز بندی
• 11. فصل یازدهم: Grid Items و چیدمان خودکار
• 12. فصل دوازدهم: Grid Items و کنترل دستی
• 13. فصل سیزدهم: Grid Responsive با Media Queries
• 14. فصل چهاردهم: Grid برای Layout های پیچیده
• 15. فصل پانزدهم: Grid برای گالری تصاویر
• 16. فصل شانزدهم: Grid برای فرم ها
• 17. فصل هفدهم: Grid برای جداول
• 18. فصل هجدهم: Grid برای Navigation Bar
• 19. فصل نوزدهم: Grid برای Footer
• 20. فصل بیستم: بررسی مثال های عملی Grid
• 21. فصل بیست و یکم: مقدمه ای بر Flexbox
• 22. فصل بیست و دوم: اصول طراحی با Flexbox
• 23. فصل بیست و سوم: Flex Container و Flex Items
• 24. فصل بیست و چهارم: Flex Direction و جهت دهی
• 25. فصل بیست و پنجم: Flex Wrap و درهم تنیدگی
• 26. فصل بیست و ششم: Justify Content و تراز بندی محور اصلی
• 27. فصل بیست و هفتم: Align Items و تراز بندی محور فرعی
• 28. فصل بیست و هشتم: Align Content و تراز بندی خطوط
• 29. فصل بیست و نهم: Flex Basis و اندازه اولیه
• 30. فصل سی ام: Flex Grow و رشد
• 31. فصل سی و یکم: Flex Shrink و انقباض
• 32. فصل سی و دوم: Flex Shorthand
• 33. فصل سی و سوم: Order و ترتیب عناصر
• 34. فصل سی و چهارم: Flexbox Responsive با Media Queries
• 35. فصل سی و پنجم: Flexbox برای چیدمان های یک بعدی
• 36. فصل سی و ششم: Flexbox برای Navigation Bar
• 37. فصل سی و هفتم: Flexbox برای Card Layout
• 38. فصل سی و هشتم: Flexbox برای Form Layout
• 39. فصل سی و نهم: Flexbox برای Modal Windows
• 40. فصل چهلم: Flexbox برای Sidebar
• 41. فصل چهل و یکم: بررسی مثال های عملی Flexbox
• 42. فصل چهل و دوم: ترکیب Grid System و Flexbox
• 43. فصل چهل و سوم: زمانی که از Grid استفاده کنیم
• 44. فصل چهل و چهارم: زمانی که از Flexbox استفاده کنیم
• 45. فصل چهل و پنجم: استراتژی های ترکیب Grid و Flexbox
• 46. فصل چهل و ششم: مثال های ترکیبی Grid و Flexbox
• 47. فصل چهل و هفتم: مدیریت چیدمان در دستگاه های مختلف
• 48. فصل چهل و هشتم: طراحی Mobile First
• 49. فصل چهل و نهم: طراحی Desktop First
• 50. فصل پنجاهم: تست واکنش گرایی
• 51. فصل پنجاه و یکم: ابزارهای توسعه دهنده مرورگر
• 52. فصل پنجاه و دوم: مفهوم Viewport
• 53. فصل پنجاه و سوم: متا تگ Viewport
• 54. فصل پنجاه و چهارم: واحدهای نسبی در CSS
• 55. فصل پنجاه و پنجم: واحدهای px, em, rem
• 56. فصل پنجاه و ششم: واحدهای vw, vh, %
• 57. فصل پنجاه و هفتم: Media Queries پیشرفته
• 58. فصل پنجاه و هشتم: Breakpoints های متداول
• 59. فصل پنجاه و نهم: طراحی برای پرینت
• 60. فصل شصتم: Accessibility در چیدمان ها
• 61. فصل شصت و یکم: دسترسی پذیری با Semantic HTML
• 62. فصل شصت و دوم: چیدمان های قابل پیمایش با کیبورد
• 63. فصل شصت و سوم: کنتراست رنگ و خوانایی
• 64. فصل شصت و چهارم: مدیریت اندازه فونت
• 65. فصل شصت و پنجم: چیدمان های بدون جاوا اسکریپت
• 66. فصل شصت و ششم: بهینه سازی عملکرد چیدمان
• 67. فصل شصت و هفتم: Lazy Loading تصاویر
• 68. فصل شصت و هشتم: فشرده سازی فایل های CSS
• 69. فصل شصت و نهم: استفاده از CDN
• 70. فصل هفتادم: ابزارهای اتوماسیون Build
• 71. فصل هفتاد و یکم: Sass و Less برای CSS
• 72. فصل هفتاد و دوم: PostCSS و Autoprefixer
• 73. فصل هفتاد و سوم: الگوهای طراحی UI
• 74. فصل هفتاد و چهارم: سیستم های طراحی (Design Systems)
• 75. فصل هفتاد و پنجم: ابزارها و فریمورک های Grid
• 76. فصل هفتاد و ششم: Bootstrap Grid System
• 77. فصل هفتاد و هفتم: Tailwind CSS Flexbox و Grid
• 78. فصل هفتاد و هشتم: Bulma Flexbox و Grid
• 79. فصل هفتاد و نهم: Materialize CSS Grid
• 80. فصل هشتادم: Grid CSS Frameworks
• 81. فصل هشتاد و یکم: Flexbox CSS Frameworks
• 82. فصل هشتاد و دوم: چالش های رایج در چیدمان
• 83. فصل هشتاد و سوم: حل مشکلات عمودی تراز بندی
• 84. فصل هشتاد و چهارم: حل مشکلات توزیع فضا
• 85. فصل هشتاد و پنجم: مدیریت عناصر خارج از محدوده
• 86. فصل هشتاد و ششم: ساختاردهی مجدد کد CSS
• 87. فصل هشتاد و هفتم: استفاده از CSS Variables
• 88. فصل هشتاد و هشتم: بهترین شیوه ها در نامگذاری کلاس ها
• 89. فصل هشتاد و نهم: کامنت گذاری در CSS
• 90. فصل نودم: Refactoring کدهای چیدمان
• 91. فصل نود و یکم: Grid و Flexbox برای انیمیشن ها
• 92. فصل نود و دوم: چیدمان های تعاملی
• 93. فصل نود و سوم: تست در مرورگرهای مختلف
• 94. فصل نود و چهارم: تست در دستگاه های مختلف
• 95. فصل نود و پنجم: آینده چیدمان های وب
• 96. فصل نود و ششم: Grid v2 و Grid v3
• 97. فصل نود و هفتم: ویژگی های جدید CSS
• 98. فصل نود و هشتم: یادگیری مستمر و منابع بروز
• 99. فصل نود و نهم: پروژه عملی نهایی
• 100. فصل صدم: جمع بندی و گام های بعدی