اکسپرس 24
کتاب تسلط بر مدل جعبه CSS برای ساخت طرح‌های واکنش‌گرا

کتاب تسلط بر مدل جعبه CSS برای ساخت طرح‌های واکنش‌گرا

تگ‌ها: CSS Box Model اصول CSS توسعه وب چیدمان وب‌سایت ساخت طرح واکنش‌گرا طراحی رابط کاربری طراحی ظاهر وب مدل جعبه‌ای CSS

انتخاب پلن

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

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

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

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

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

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

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

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

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

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

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

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

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

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

موضوع میانی: اصول طراحی ظاهری وب‌سایت با CSS

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

  • 1. مقدمه‌ای بر توسعه وب و طراحی رابط کاربری
  • 2. آشنایی با HTML و ساختار صفحات وب
  • 3. اصول اولیه CSS و کاربرد آن در وب
  • 4. مفهوم مدل جعبه (Box Model) در CSS
  • 5. اجزای مدل جعبه: محتوا (Content)
  • 6. اجزای مدل جعبه: فاصله داخلی (Padding)
  • 7. اجزای مدل جعبه: حاشیه (Border)
  • 8. اجزای مدل جعبه: فاصله خارجی (Margin)
  • 9. نحوه محاسبه ابعاد عناصر با مدل جعبه
  • 10. شناخت ویژگی `width` و `height`
  • 11. تنظیم `box-sizing` برای کنترل رفتار مدل جعبه
  • 12. مدل جعبه در مقابل مدل سنتی
  • 13. اهمیت مدل جعبه در چیدمان صفحات
  • 14. مدل جعبه و عناصر بلاک (Block Elements)
  • 15. مدل جعبه و عناصر درون‌خطی (Inline Elements)
  • 16. مدل جعبه و عناصر درون‌خطی-بلاکی (Inline-Block Elements)
  • 17. تنظیم حاشیه‌ها (Margins) برای ایجاد فاصله
  • 18. قوانین همپوشانی حاشیه‌ها (Margin Collapsing)
  • 19. کاربرد `padding` برای ایجاد فاصله داخلی
  • 20. تنظیم ضخامت، سبک و رنگ حاشیه (Border)
  • 21. انواع سبک‌های حاشیه (Solid, Dashed, Dotted)
  • 22. ایجاد حاشیه‌های پیچیده و سفارشی
  • 23. استفاده از `outline` در کنار مدل جعبه
  • 24. تفاوت `outline` و `border`
  • 25. مدل جعبه و تصاویر در صفحات وب
  • 26. مدل جعبه و متن در صفحات وب
  • 27. مدل جعبه و جداول در صفحات وب
  • 28. مدل جعبه و فرم‌ها در صفحات وب
  • 29. مدل جعبه و عناصر `div` و `span`
  • 30. مدل جعبه و عناصر `header`، `footer`، `nav`
  • 31. مدل جعبه و عناصر `section`، `article`، `aside`
  • 32. طراحی لایه‌بندی با استفاده از مدل جعبه
  • 33. ایجاد ستون‌ها با استفاده از مدل جعبه
  • 34. چیدمان افقی عناصر با مدل جعبه
  • 35. چیدمان عمودی عناصر با مدل جعبه
  • 36. تکنیک‌های ساده برای چیدمان واکنش‌گرا
  • 37. مفهوم طراحی واکنش‌گرا (Responsive Design)
  • 38. نقش مدل جعبه در طراحی واکنش‌گرا
  • 39. استفاده از واحدهای نسبی (%, vw, vh)
  • 40. تنظیمات مدل جعبه در دستگاه‌های مختلف
  • 41. مدل جعبه و نمایشگرهای رزولوشن بالا
  • 42. بهینه‌سازی عملکرد با مدل جعبه
  • 43. اشکال‌زدایی (Debugging) مدل جعبه
  • 44. ابزارهای توسعه‌دهنده مرورگر برای مدل جعبه
  • 45. بررسی مقادیر `padding` و `margin`
  • 46. بررسی مقادیر `border`
  • 47. بررسی ابعاد واقعی عناصر
  • 48. شناخت `box-shadow` و تأثیر آن بر نمایش
  • 49. کاربرد `text-shadow`
  • 50. مفهوم `z-index` و چیدمان لایه‌ها
  • 51. مدل جعبه و انیمیشن‌های CSS
  • 52. استفاده از `transform` در ترکیب با مدل جعبه
  • 53. مفهوم `flexbox` و مدل جعبه
  • 54. مفهوم `grid` و مدل جعبه
  • 55. مقایسه `flexbox`، `grid` و مدل جعبه سنتی
  • 56. مدل جعبه و تکنیک‌های چیدمان پیشرفته
  • 57. طراحی دکمه‌های واکنش‌گرا با مدل جعبه
  • 58. طراحی کارت‌های محصول با مدل جعبه
  • 59. طراحی منوهای ناوبری با مدل جعبه
  • 60. طراحی فرم‌های ورودی با مدل جعبه
  • 61. مدل جعبه و بهینه‌سازی برای موبایل (Mobile-First)
  • 62. مدل جعبه و استفاده از `rem` و `em`
  • 63. تنظیمات `font-size` و تأثیر آن بر مدل جعبه
  • 64. مدل جعبه و `line-height`
  • 65. مدل جعبه و `letter-spacing`
  • 66. مدل جعبه و `word-spacing`
  • 67. مدل جعبه و `text-indent`
  • 68. مدل جعبه و `text-decoration`
  • 69. مدل جعبه و `text-align`
  • 70. مدل جعبه و `vertical-align`
  • 71. مدل جعبه و `white-space`
  • 72. مدل جعبه و `overflow`
  • 73. مدل جعبه و `clip-path`
  • 74. مدل جعبه و `mask-image`
  • 75. مدل جعبه و `filter`
  • 76. مدل جعبه و `backdrop-filter`
  • 77. مدل جعبه و `box-decoration-break`
  • 78. مدل جعبه و `list-style`
  • 79. مدل جعبه و `caption-side`
  • 80. مدل جعبه و `table-layout`
  • 81. مدل جعبه و `border-collapse`
  • 82. مدل جعبه و `border-spacing`
  • 83. مدل جعبه و `empty-cells`
  • 84. مدل جعبه و `quotes`
  • 85. مدل جعبه و `counter-reset`
  • 86. مدل جعبه و `counter-increment`
  • 87. مدل جعبه و `content` (در شبه‌کلاس‌ها)
  • 88. مدل جعبه و `resize`
  • 89. مدل جعبه و `user-select`
  • 90. مدل جعبه و `pointer-events`
  • 91. مدل جعبه و `cursor`
  • 92. مدل جعبه و `visibility`
  • 93. مدل جعبه و `opacity`
  • 94. مدل جعبه و `background-origin`
  • 95. مدل جعبه و `background-clip`
  • 96. مدل جعبه و `background-attachment`
  • 97. مدل جعبه و `background-position`
  • 98. مدل جعبه و `background-repeat`
  • 99. مدل جعبه و `background-size`
  • 100. پروژه‌های عملی با تمرکز بر مدل جعبه

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

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

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

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

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

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

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

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

نظرات

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

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