کتاب صوتی Flexbox: استاد چیدمان‌های انعطاف‌پذیر

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

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

عنوان دوره: دوره Flexbox: استاد چیدمان‌های انعطاف‌پذیر

موضوع کلی: مبانی برنامه‌نویسی کامپیوترهای کوچک

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

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

• 1. فهرست عناوین فصل‌های آموزشی Flexbox: استاد چیدمان‌های انعطاف‌پذیر:
• 2. Flexbox چیست؟ معرفی مفهوم و کاربردها
• 3. ساختار اصلی Flexbox: محور اصلی و محور فرعی
• 4. ویژگی `display: flex` و انواع مقادیر آن
• 5. تعریف و کاربرد `flex-direction`: ردیفی یا ستونی
• 6. خاصیت `flex-wrap`: شکستن خطوط در Flexbox
• 7. ویژگی `justify-content`: توزیع عناصر در محور اصلی
• 8. ویژگی `align-items`: توزیع عناصر در محور فرعی
• 9. ویژگی `flex-grow`: افزایش اندازه عناصر در محور اصلی
• 10. ویژگی `flex-shrink`: کاهش اندازه عناصر در محور اصلی
• 11. ویژگی `flex-basis`: اندازه اولیه عناصر در محور اصلی
• 12. ترکیب `flex`, `flex-grow`, `flex-shrink`, `flex-basis`
• 13. استفاده از واحد‌های نسبی در Flexbox: `fr`, `%`, `px`
• 14. ویژگی `order`: تغییر ترتیب نمایش عناصر
• 15. ویژگی `flex-flow`: ترکیب `flex-direction` و `flex-wrap`
• 16. ویژگی `align-content`: توزیع خطوط در محور فرعی
• 17. ایجاد چیدمان‌های چند ستونی با Flexbox
• 18. چیدمان‌های پیچیده با ترکیب Flexbox و Grid
• 19. استفاده از Flexbox برای ایجاد نوار پیمایش افقی یا عمودی
• 20. ایجاد عناصر ریسپانسیو با Flexbox
• 21. Flexbox در طراحی رابط کاربری موبایل
• 22. نکات مهم در استفاده از Flexbox: عملکرد و سازگاری مرورگرها
• 23. Flexbox در مقابل Grid: کدام را انتخاب کنیم؟
• 24. چیدمان‌های یکپارچه با Flexbox: فوترها، هدرها، نوارها
• 25. ایجاد گالری تصاویر با Flexbox
• 26. چیدمان‌های شبکه‌ای با Flexbox: کارت‌ها و آیکن‌ها
• 27. استفاده از Flexbox برای چیدمان فرم‌ها
• 28. نحوه ایجاد انیمیشن‌های ساده با Flexbox
• 29. Flexbox برای چیدمان عناصر متنی
• 30. Flexbox برای چیدمان تصاویر با نسبت‌های مختلف
• 31. Flexbox برای چیدمان عناصر با اندازه‌های متفاوت
• 32. Flexbox برای چیدمان عناصر با حاشیه‌های متفاوت
• 33. استفاده از Flexbox برای ایجاد لیست‌های کشویی
• 34. Flexbox برای چیدمان عناصر با ارتفاع متفاوت
• 35. Flexbox برای چیدمان عناصر با عرض متفاوت
• 36. Flexbox برای چیدمان عناصر با موقعیت ثابت
• 37. Flexbox برای چیدمان عناصر با پس‌زمینه متفاوت
• 38. Flexbox برای چیدمان عناصر با سایه متفاوت
• 39. Flexbox برای چیدمان عناصر با تبدیل (transform) متفاوت
• 40. Flexbox برای چیدمان عناصر با انتقال (transition) متفاوت
• 41. Flexbox برای چیدمان عناصر با فیلتر (filter) متفاوت
• 42. Flexbox برای چیدمان عناصر با ماسک (mask) متفاوت
• 43. Flexbox برای چیدمان عناصر با برش (clip) متفاوت
• 44. Flexbox برای چیدمان عناصر با زبانه (tab) متفاوت
• 45. Flexbox برای چیدمان عناصر با نمایش پنهان (hidden) متفاوت