کتاب تسلط بر CSS Grid: چیدمان‌های مدرن و واکنش‌گرا با فرمت AZW3 برای کتابخوان کیندل و فرمت EPUB

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

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

عنوان دوره: دوره تسلط بر CSS Grid: چیدمان‌های مدرن و واکنش‌گرا

موضوع کلی: طراحی وب و توسعه فرانت‌اند

موضوع میانی: چیدمان و قالب‌بندی صفحات وب

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

• 1. مقدمه‌ای بر چیدمان صفحات وب
• 2. مفاهیم پایه CSS Grid
• 3. ساختار Grid: سطرها و ستون‌ها
• 4. تعریف خطوط Grid
• 5. تعریف ناحیه‌های Grid
• 6. اندازه‌گیری طول در Grid: px، em، rem، %، fr
• 7. استفاده از واحد fr برای چیدمان‌های انعطاف‌پذیر
• 8. توابع minmax() و auto در Grid
• 9. تکرار ستون‌ها و سطرها با repeat()
• 10. نام‌گذاری ناحیه‌های Grid
• 11. قرار دادن عناصر در Grid با استفاده از نام ناحیه‌ها
• 12. تراز کردن عناصر در Grid
• 13. تراز کردن افقی و عمودی عناصر
• 14. استفاده از justify-content و align-items
• 15. تراز کردن عناصر در داخل یک ناحیه
• 16. ایجاد چیدمان‌های چند ستونی با Grid
• 17. طراحی چیدمان‌های واکنش‌گرا با Grid
• 18. استفاده از media queries در Grid
• 19. تغییر چیدمان بر اساس اندازه صفحه
• 20. چیدمان‌های پیچیده با Grid
• 21. ترکیب Grid با دیگر تکنیک‌های چیدمان
• 22. Grid و Flexbox: چه زمانی از کدام استفاده کنیم؟
• 23. چیدمان‌های مبتنی بر کارت با Grid
• 24. ساخت گالری تصاویر با Grid
• 25. چیدمان‌های خبری و مجله‌ای با Grid
• 26. چیدمان‌های داشبورد با Grid
• 27. بهینه‌سازی Grid برای عملکرد
• 28. نکات و ترفندهای CSS Grid
• 29. عیب‌یابی مشکلات Grid
• 30. ابزارهای توسعه‌دهنده برای Grid
• 31. Grid در مرورگرهای مختلف
• 32. پشتیبانی از نسخه‌های قدیمی‌تر مرورگرها
• 33. Grid و دسترس‌پذیری
• 34. نوشتن کد Grid تمیز و قابل نگهداری
• 35. استفاده از پیش‌پردازنده‌های CSS با Grid
• 36. Grid و فریم‌ورک‌های CSS
• 37. Grid و JavaScript
• 38. تغییر چیدمان Grid با JavaScript
• 39. ایجاد چیدمان‌های پویا با Grid و JavaScript
• 40. Grid و انیمیشن
• 41. انیمیشن‌های CSS با Grid
• 42. Grid و تعاملات کاربر
• 43. آشنایی با Grid Layout Module Level 1
• 44. آشنایی با Grid Layout Module Level 2
• 45. تکنیک‌های پیشرفته چیدمان Grid
• 46. چیدمان‌های ایزومتریک با Grid
• 47. چیدمان‌های نامنظم با Grid
• 48. ساخت چیدمان‌های سفارشی با Grid
• 49. Grid و طراحی رابط کاربری (UI)
• 50. Grid و تجربه کاربری (UX)
• 51. استفاده از Grid در پروژه‌های واقعی
• 52. مطالعه موردی: طراحی وب‌سایت با Grid
• 53. مطالعه موردی: طراحی اپلیکیشن وب با Grid
• 54. چالش‌های طراحی Grid و راه حل‌ها
• 55. منابع یادگیری بیشتر CSS Grid
• 56. آینده CSS Grid و چیدمان وب