سپنتا کتاب اکسپرس
کتاب HTML و CSS Grid Layout: طراحی چیدمان‌های پیچیده با CSS Grid

کتاب HTML و CSS Grid Layout: طراحی چیدمان‌های پیچیده با CSS Grid

انتخاب پلن

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

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

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

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

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

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

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

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

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

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

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

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

عنوان دوره: دوره HTML و CSS Grid Layout: طراحی چیدمان‌های پیچیده با CSS Grid

موضوع کلی: برنامه نویسی

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

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

  • 1. مبانی طراحی رابط کاربری وب
  • 2. مقدمه‌ای بر HTML و ساختار صفحه
  • 3. عناصر اساسی HTML
  • 4. کاربرد تگ‌های معنایی در HTML
  • 5. اصول اولیه CSS
  • 6. انتخابگرهای CSS و روش‌های آدرس‌دهی
  • 7. خاصیت‌های CSS برای استایل‌دهی متن
  • 8. تنظیمات رنگ و پس‌زمینه در CSS
  • 9. مدیریت اندازه و ابعاد عناصر
  • 10. قواعد Box Model در CSS
  • 11. مفهوم Padding، Border و Margin
  • 12. استفاده از واحدهای اندازه‌گیری در CSS
  • 13. طراحی واکنش‌گرا (Responsive Design)
  • 14. مقدمه‌ای بر CSS Grid Layout
  • 15. مفهوم Grid Container و Grid Item
  • 16. تعریف سطرها و ستون‌ها در Grid
  • 17. خاصیت display: grid
  • 18. خاصیت grid-template-rows
  • 19. خاصیت grid-template-columns
  • 20. خاصیت grid-template-areas
  • 21. تعریف نام مناطق در Grid
  • 22. چیدمان محتوا با استفاده از Grid Areas
  • 23. خاصیت grid-column
  • 24. خاصیت grid-row
  • 25. موقعیت‌دهی دقیق آیتم‌ها در Grid
  • 26. تراز کردن محتوا در Grid
  • 27. خاصیت justify-items
  • 28. خاصیت align-items
  • 29. خاصیت justify-content
  • 30. خاصیت align-content
  • 31. تنظیم فاصله بین سطرها و ستون‌ها (Gaps)
  • 32. خاصیت grid-gap
  • 33. خاصیت row-gap
  • 34. خاصیت column-gap
  • 35. طراحی چیدمان‌های پیچیده با Grid
  • 36. مثال‌های عملی از Grid Layout
  • 37. طراحی هدر واکنش‌گرا با Grid
  • 38. طراحی فوتر واکنش‌گرا با Grid
  • 39. طراحی فرم‌ها با Grid
  • 40. طراحی گالری تصاویر با Grid
  • 41. طراحی صفحات محصول با Grid
  • 42. طراحی داشبوردهای مدیریتی با Grid
  • 43. استفاده از Grid در کنار Flexbox
  • 44. ترکیب Grid و Flexbox برای چیدمان‌های پیشرفته
  • 45. بهینه‌سازی عملکرد Grid Layout
  • 46. عیب‌یابی در Grid Layout
  • 47. ابزارهای توسعه‌دهنده مرورگر برای Grid
  • 48. مرورگرهای سازگار با Grid
  • 49. نکات و ترفندهای Grid Layout
  • 50. طراحی چیدمان‌های با عرض متغیر
  • 51. طراحی چیدمان‌های با ارتفاع متغیر
  • 52. استفاده از Grid برای چیدمان‌های سه‌ستونی
  • 53. استفاده از Grid برای چیدمان‌های چهارستونی
  • 54. استفاده از Grid برای چیدمان‌های نامتقارن
  • 55. طراحی صفحات فرود (Landing Pages) با Grid
  • 56. طراحی وبلاگ با Grid Layout
  • 57. طراحی وب‌سایت‌های خبری با Grid
  • 58. طراحی چیدمان‌های عمودی با Grid
  • 59. طراحی چیدمان‌های افقی با Grid
  • 60. تنظیم اولویت نمایش آیتم‌ها در Grid
  • 61. خاصیت order در Grid Items
  • 62. مدیریت Grid در صفحات موبایل
  • 63. مدیریت Grid در صفحات تبلت
  • 64. مدیریت Grid در صفحات دسکتاپ
  • 65. اصول دسترسی‌پذیری (Accessibility) در Grid
  • 66. تست چیدمان در دستگاه‌های مختلف
  • 67. مقدمه‌ای بر مفاهیم پیشرفته CSS
  • 68. استفاده از Custom Properties (CSS Variables)
  • 69. انتقال‌ها (Transitions) در CSS
  • 70. انیمیشن‌ها (Animations) در CSS
  • 71. مقدمه‌ای بر طراحی UI/UX
  • 72. اصول طراحی بصری در وب
  • 73. روانشناسی رنگ در طراحی وب
  • 74. انتخاب تایپوگرافی مناسب
  • 75. ساختاردهی محتوا برای خوانایی بهتر
  • 76. اهمیت فضاهای خالی در طراحی
  • 77. طراحی فرم‌های کاربرپسند
  • 78. مراحل طراحی یک صفحه وب
  • 79. از ایده تا پیاده‌سازی
  • 80. استانداردهای کدنویسی تمیز
  • 81. معرفی فریم‌ورک‌های CSS (اشاره کوتاه)
  • 82. کاربرد Grid در فریم‌ورک‌ها
  • 83. جمع‌بندی و نکات پایانی
  • 84. تمرین عملی طراحی صفحه اصلی وب‌سایت
  • 85. تمرین عملی طراحی صفحه درباره ما
  • 86. تمرین عملی طراحی صفحه تماس با ما
  • 87. تمرین عملی طراحی صفحه نمونه کارها
  • 88. تمرین عملی طراحی صفحه جزئیات محصول
  • 89. پروژه نهایی: طراحی یک وب‌سایت کامل با Grid Layout

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

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

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

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

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

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

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

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

نظرات

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

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