سپنتا کتاب اکسپرس
کتاب چیدمان صفحات وب با CSS Grid: از مبانی تا پیشرفته

کتاب چیدمان صفحات وب با CSS Grid: از مبانی تا پیشرفته

انتخاب پلن

انتخاب پلن برای ادامه خرید الزامی است.

پرداخت اقساطی
در صورت خرید اقساطی هر قسط: 62,488 تومان
۴ قسط ماهانه. بدون سود، چک و ضامن.
پرداخت اقساطی با دیجی‌پی پرداخت اقساطی با ترب‌پی

📚 محتوای این محصول آموزشی (پکیج کامل)

💡 این محصول یک نسخهٔ کامل و جامع است

تمامی محتوای آموزشی این کتاب در قالب یک بسته‌ی کامل و یکپارچه ارائه می‌شود و شامل تمام نسخه‌ها و فایل‌های موردنیاز برای یادگیری است.

🎁 محتویات کامل بسته دانلودی

🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل کتاب‌ها، تمرین‌ها و خودآزمایی .

ℹ️ نکات مهم هنگام خرید

  • این محصول به صورت فایل دانلودی کامل ارائه می‌شود و نسخهٔ چاپی ندارد.
  • توجه: لینک‌های اختصاصی دوره طی حداکثر 24 ساعت پس از ثبت سفارش ارسال می‌شوند.
  • دقت کنید لینک ها به شماره موبایل شما ارسال می شوند. پس در ارائه شماره موبایل صحیح دقت کنید.
  • برای راهنمایی در مورد نحوه دانلود به شماره 09395106248 پیامک دهید یا تماس بگیرید. (ایده آل ترین گزینه ارسال پیام در یکی از پیام رسان ها به همین شماره است تا سریعا لینک های کتاب همانجا برای شما ارسال گردد.)
  • اگر پرداخت انجام شده ولی بعد از 24 ساعت هنوز لینک‌ها را دریافت نکرده‌اید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینک‌ها دوباره ارسال شوند.

💬 راه‌های ارتباطی پشتیبانی:
واتس‌اپ یا هر پیام رسان داخلی یا پیامک: 09395106248
تلگرام: @ma_limbs

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

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

عنوان دوره: دوره چیدمان صفحات وب با CSS Grid: از مبانی تا پیشرفته

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

موضوع میانی: ابزارهای طراحی و چیدمان وب

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

  • 1. مبانی چیدمان صفحات وب
  • 2. معرفی CSS Grid Layout
  • 3. تاریخچه و ضرورت Grid
  • 4. مفاهیم کلیدی Grid: کانتینر و آیتم
  • 5. تعریف Grid Container
  • 6. تعریف Grid Items
  • 7. خصوصیت display: grid
  • 8. تعریف Grid Rows و Columns
  • 9. خصوصیت grid-template-rows
  • 10. خصوصیت grid-template-columns
  • 11. واحد های اندازه‌گیری در Grid: px, %, em, rem
  • 12. واحد fr: نسبت‌های انعطاف‌پذیر
  • 13. تابع repeat() برای تعریف الگوهای تکراری
  • 14. تابع minmax() برای تعیین حداقل و حداکثر اندازه
  • 15. تعریف فضاهای خالی بین Grid Items: Gutters
  • 16. خصوصیت grid-gap
  • 17. خصوصیت row-gap
  • 18. خصوصیت column-gap
  • 19. تراز کردن Grid Items
  • 20. خصوصیت justify-items
  • 21. خصوصیت align-items
  • 22. تراز کردن کل Grid
  • 23. خصوصیت justify-content
  • 24. خصوصیت align-content
  • 25. نام‌گذاری Grid Lines
  • 26. خصوصیت grid-template-areas
  • 27. تعریف نام برای Row و Column Lines
  • 28. استفاده از نام‌ها برای چیدمان
  • 29. چیدمان Grid Items با استفاده از نام‌ها
  • 30. خصوصیت grid-column-start
  • 31. خصوصیت grid-column-end
  • 32. خصوصیت grid-row-start
  • 33. خصوصیت grid-row-end
  • 34. خصوصیت grid-column
  • 35. خصوصیت grid-row
  • 36. استفاده از span برای تعیین عرض و ارتفاع
  • 37. Grid Auto Placement
  • 38. تنظیمات پیش‌فرض Auto Placement
  • 39. خصوصیت grid-auto-rows
  • 40. خصوصیت grid-auto-columns
  • 41. خصوصیت grid-auto-flow
  • 42. مقادیر: row, column, dense
  • 43. درک مفهوم Dense Packing
  • 44. چیدمان عناصر نامنظم
  • 45. Responsive Design با CSS Grid
  • 46. استفاده از Media Queries
  • 47. تغییر چیدمان Grid بر اساس اندازه صفحه
  • 48. استراتژی‌های طراحی واکنش‌گرا
  • 49. Grid در طراحی سایت‌های خبری
  • 50. Grid در طراحی فروشگاه‌های آنلاین
  • 51. Grid در طراحی پورتفولیو
  • 52. Grid در طراحی داشبوردهای مدیریتی
  • 53. Grid در طراحی فرم‌ها
  • 54. Grid برای چیدمان هدر و فوتر
  • 55. Grid برای چیدمان سایدبار
  • 56. Grid برای چیدمان محتوای اصلی
  • 57. Grid برای چیدمان گالری تصاویر
  • 58. Grid برای چیدمان کارت‌ها
  • 59. Grid برای چیدمان جداول
  • 60. Grid و Flexbox: تفاوت‌ها و کاربردها
  • 61. ترکیب CSS Grid و Flexbox
  • 62. بهینه‌سازی عملکرد با CSS Grid
  • 63. نکات پیشرفته در CSS Grid
  • 64. استفاده از Grid برای ایجاد Layoutهای پیچیده
  • 65. چیدمان‌های نامتقارن با Grid
  • 66. ساخت Layoutهای کاملاً منعطف
  • 67. Grid و دسترسی‌پذیری (Accessibility)
  • 68. تست چیدمان Grid در مرورگرهای مختلف
  • 69. اشکال‌زدایی (Debugging) Layoutهای Grid
  • 70. نکات کاربردی و ترفندها
  • 71. مثال‌های عملی از پیاده‌سازی Grid
  • 72. چیدمان چند ستونه با Grid
  • 73. چیدمان چند ردیفه با Grid
  • 74. ایجاد Layoutهای مبتنی بر گرید
  • 75. Grid و معماری اطلاعات
  • 76. Grid و طراحی تجربه کاربری (UX)
  • 77. Grid و طراحی رابط کاربری (UI)
  • 78. مبانی طراحی رابط کاربری وب
  • 79. اصول طراحی بصری در وب
  • 80. رنگ‌شناسی در طراحی وب
  • 81. تایپوگرافی در طراحی وب
  • 82. استفاده از فضای سفید
  • 83. اصول سلسله مراتب بصری
  • 84. طراحی ریسپانسیو و موبایل فرست
  • 85. مقدمات HTML5 برای چیدمان
  • 86. مفاهیم پایه CSS
  • 87. انتخابگرها و اولویت‌بندی در CSS
  • 88. مدل جعبه‌ای (Box Model) در CSS
  • 89. تکنیک‌های چیدمان قدیمی‌تر (Float, Inline-block)
  • 90. مقایسه Grid با روش‌های سنتی
  • 91. چالش‌های چیدمان در وب
  • 92. راه‌حل‌های نوین چیدمان
  • 93. آینده CSS Grid Layout
  • 94. کاربرد Grid در فریم‌ورک‌های CSS
  • 95. Grid در بوت استرپ (Bootstrap)
  • 96. Grid در تیل‌ویند CSS (Tailwind CSS)
  • 97. پروژه‌های تمرینی با CSS Grid
  • 98. ساخت یک صفحه فرود (Landing Page) با Grid
  • 99. طراحی یک بلاگ با Grid
  • 100. پیاده‌سازی یک وب‌سایت شرکتی با Grid

📚 محتوای این محصول آموزشی (پکیج کامل)

💡 این محصول یک نسخهٔ کامل و جامع است

تمامی محتوای آموزشی این کتاب در قالب یک بسته‌ی کامل و یکپارچه ارائه می‌شود و شامل تمام نسخه‌ها و فایل‌های موردنیاز برای یادگیری است.

🎁 محتویات کامل بسته دانلودی

🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل کتاب‌ها، تمرین‌ها و خودآزمایی .

ℹ️ نکات مهم هنگام خرید

  • این محصول به صورت فایل دانلودی کامل ارائه می‌شود و نسخهٔ چاپی ندارد.
  • توجه: لینک‌های اختصاصی دوره طی حداکثر 24 ساعت پس از ثبت سفارش ارسال می‌شوند.
  • دقت کنید لینک ها به شماره موبایل شما ارسال می شوند. پس در ارائه شماره موبایل صحیح دقت کنید.
  • برای راهنمایی در مورد نحوه دانلود به شماره 09395106248 پیامک دهید یا تماس بگیرید. (ایده آل ترین گزینه ارسال پیام در یکی از پیام رسان ها به همین شماره است تا سریعا لینک های کتاب همانجا برای شما ارسال گردد.)
  • اگر پرداخت انجام شده ولی بعد از 24 ساعت هنوز لینک‌ها را دریافت نکرده‌اید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینک‌ها دوباره ارسال شوند.

💬 راه‌های ارتباطی پشتیبانی:
واتس‌اپ یا هر پیام رسان داخلی یا پیامک: 09395106248
تلگرام: @ma_limbs

نظرات

هنوز نظری ثبت نشده است.

وارد شوید تا نظر ثبت کنید.