سپنتا کتاب اکسپرس
کتاب اصول طراحی چیدمان صفحات وب با CSS Grid

کتاب اصول طراحی چیدمان صفحات وب با CSS Grid

انتخاب پلن

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

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

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

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

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

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

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

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

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

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

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

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

عنوان دوره: دوره اصول طراحی چیدمان صفحات وب با CSS Grid

موضوع کلی: فناوری اطلاعات و ارتباطات

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

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

  • 1. مبانی طراحی چیدمان در وب
  • 2. معرفی CSS Grid Layout
  • 3. ساختار اصلی Grid
  • 4. تعریف Grid Container
  • 5. تعریف Grid Items
  • 6. خواص Grid Container
  • 7. display: grid
  • 8. display: inline-grid
  • 9. grid-template-columns
  • 10. grid-template-rows
  • 11. grid-template-areas
  • 12. grid-gap
  • 13. grid-column-gap
  • 14. grid-row-gap
  • 15. خواص Grid Item
  • 16. grid-column-start
  • 17. grid-column-end
  • 18. grid-row-start
  • 19. grid-row-end
  • 20. grid-column
  • 21. grid-row
  • 22. grid-area
  • 23. align-items
  • 24. justify-items
  • 25. align-content
  • 26. justify-content
  • 27. align-self
  • 28. justify-self
  • 29. تعریف خطوط Grid (Grid Lines)
  • 30. شماره‌گذاری خودکار خطوط
  • 31. نام‌گذاری خطوط Grid
  • 32. استفاده از نام خطوط
  • 33. تعریف ستون‌ها (Columns)
  • 34. تعریف ردیف‌ها (Rows)
  • 35. واحد fr (fractional unit)
  • 36. تابع repeat()
  • 37. تابع minmax()
  • 38. تابع auto-fill
  • 39. تابع auto-fit
  • 40. ایجاد فضاهای خالی (Gaps)
  • 41. تنظیم فاصله‌ی ستون‌ها
  • 42. تنظیم فاصله‌ی ردیف‌ها
  • 43. چیدمان خودکار Grid Items
  • 44. خاصیت grid-auto-flow
  • 45. تغییر جهت چیدمان (row/column)
  • 46. جریان چیدمان (dense)
  • 47. ترازبندی محتوا در Grid
  • 48. ترازبندی افقی آیتم‌ها
  • 49. ترازبندی عمودی آیتم‌ها
  • 50. ترازبندی محتوا در کل Grid
  • 51. ترازبندی افقی کل Grid
  • 52. ترازبندی عمودی کل Grid
  • 53. تعریف مناطق Grid (Grid Areas)
  • 54. نام‌گذاری مناطق Grid
  • 55. اختصاص آیتم به مناطق
  • 56. طراحی چیدمان با نام مناطق
  • 57. پیاده‌سازی طرح‌بندی‌های پیچیده
  • 58. طراحی هدر (Header)
  • 59. طراحی فوتر (Footer)
  • 60. طراحی سایدبار (Sidebar)
  • 61. طراحی محتوای اصلی (Main Content)
  • 62. طراحی کارت‌های خبر
  • 63. طراحی گالری تصاویر
  • 64. طراحی فرم‌ها
  • 65. طراحی واکنش‌گرا (Responsive Design)
  • 66. استفاده از Grid در طراحی واکنش‌گرا
  • 67. تغییر چیدمان در اندازه‌های مختلف صفحه
  • 68. بهینه‌سازی چیدمان برای موبایل
  • 69. بهینه‌سازی چیدمان برای تبلت
  • 70. بهینه‌سازی چیدمان برای دسکتاپ
  • 71. تکنیک‌های پیشرفته Grid
  • 72. ترکیب Grid با Flexbox
  • 73. نقش Grid در دسترسی‌پذیری (Accessibility)
  • 74. اهمیت ترتیب منطقی آیتم‌ها
  • 75. تست و اشکال‌زدایی چیدمان Grid
  • 76. ابزارهای توسعه‌دهنده مرورگر
  • 77. بررسی ساختار Grid
  • 78. بررسی ترازبندی‌ها
  • 79. مثال‌های عملی از Grid
  • 80. طراحی یک صفحه وب کامل با Grid
  • 81. طراحی یک داشبورد مدیریتی
  • 82. طراحی یک فروشگاه آنلاین
  • 83. ملاحظات عملکردی Grid
  • 84. بهترین شیوه‌ها در استفاده از Grid
  • 85. آینده CSS Grid Layout
  • 86. خلاصه و جمع‌بندی اصول Grid

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

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

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

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

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

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

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

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

نظرات

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

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