کتاب صوتی CSS Grid و چیدمان‌های مدرن

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

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

عنوان دوره: دوره CSS Grid و چیدمان‌های مدرن

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

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

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

• 1. مقدمه‌ای بر CSS Grid
• 2. ساختار اصلی CSS Grid
• 3. تعریف و پیکربندی سطرها و ستون‌ها
• 4. استفاده از `grid-template-columns`
• 5. استفاده از `grid-template-rows`
• 6. تعریف گستره‌های سلول با `grid-template-areas`
• 7. ایجاد طرح‌های تکرارشونده با `repeat`
• 8. چیدمان‌های واکنش‌گرا با `fr` واحد
• 9. تغییر اندازه سلول‌ها با `minmax`
• 10. تراز کردن محتوا در سلول‌ها: `justify-content` و `align-items`
• 11. تراز کردن محتوا در داخل سلول‌ها: `justify-self` و `align-self`
• 12. چینش عناصر در گرید: `grid-column` و `grid-row`
• 13. چینش عناصر با نام‌گذاری مناطق گرید
• 14. ایجاد شکاف بین عناصر با `grid-gap`
• 15. استفاده از `grid-auto-rows` و `grid-auto-columns`
• 16. تغییر ترتیب عناصر با `order`
• 17. ایجاد طرح‌های پیچیده با چند ستونی و چند ردیفی
• 18. طرح‌های گرید با نسبت‌های مختلف
• 19. استفاده از `grid-area` برای تعریف مناطق نام‌گذاری شده
• 20. ایجاد طرح‌های چند صفحه‌ای با گرید
• 21. طرح‌های گرید برای ناوبری سایت
• 22. طرح‌های گرید برای کارت‌های محتوا
• 23. طرح‌های گرید برای فرم‌ها
• 24. طرح‌های گرید برای تصاویر و ویدیوها
• 25. طرح‌های گرید برای عناصر تعاملی
• 26. بهینه‌سازی گرید برای موبایل
• 27. تکنیک‌های اشکال‌زدایی گرید
• 28. سازگاری گرید با مرورگرهای مختلف
• 29. ترکیب گرید با سایر روش‌های چیدمان (مانند Flexbox)
• 30. گرید در مقابل فلکس‌باکس: چه زمانی از کدام استفاده کنیم؟
• 31. نکات پیشرفته در استفاده از گرید
• 32. ایجاد طرح‌های گرید با استفاده از CSS Custom Properties (Variables)
• 33. استفاده از `calc()` در گرید
• 34. ایجاد انیمیشن با گرید
• 35. ایجاد طرح‌های گرید با استفاده از Sass یا Less
• 36. استفاده از گرید برای ایجاد طرح‌های ایزومتریک
• 37. طرح‌های گرید با استفاده از `auto-fit` و `auto-fill`
• 38. طرح‌های گرید با استفاده از `masonry`
• 39. طرح‌های گرید برای رسپانسیو ایمیج گالری
• 40. طرح‌های گرید برای ساختار صفحه اصلی وب‌سایت
• 41. طرح‌های گرید برای بخش نظرات
• 42. طرح‌های گرید برای نمایش داده‌های جدولی
• 43. طرح‌های گرید برای ایجاد طرح‌بندی‌های مجله‌ای
• 44. طرح‌های گرید برای ایجاد طرح‌بندی‌های وبلاگ
• 45. طرح‌های گرید برای ایجاد طرح‌بندی‌های فروشگاه اینترنتی