سپنتا کتاب اکسپرس
کتاب ساخت کارت‌های نمایشی واکنش‌گرا با CSS برای مبتدیان

کتاب ساخت کارت‌های نمایشی واکنش‌گرا با CSS برای مبتدیان

انتخاب پلن

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

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

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

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

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

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

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

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

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

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

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

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

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

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

موضوع میانی: طراحی واکنش‌گرا در CSS

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

  • 1. مقدمه‌ای بر طراحی وب و تجربه کاربری
  • 2. اصول طراحی رابط کاربری (UI)
  • 3. اصول طراحی تجربه کاربری (UX)
  • 4. ساختار صفحات وب با HTML
  • 5. مفاهیم پایه CSS
  • 6. نحوه استایل‌دهی عناصر با CSS
  • 7. انتخابگرهای CSS و کاربرد آن‌ها
  • 8. واحدها و مقادیر در CSS
  • 9. رنگ‌ها و پس‌زمینه‌ها در CSS
  • 10. فونت‌ها و متن در CSS
  • 11. جعبه مدل (Box Model) در CSS
  • 12. حاشیه‌ها، فاصله‌ها و کادرها در CSS
  • 13. پس‌زمینه‌ها در CSS
  • 14. انتقال‌ها (Transitions) در CSS
  • 15. تبدیل‌ها (Transforms) در CSS
  • 16. انیمیشن‌ها در CSS
  • 17. مقدمه‌ای بر طراحی واکنش‌گرا
  • 18. اهمیت طراحی واکنش‌گرا
  • 19. نکات کلیدی در طراحی واکنش‌گرا
  • 20. استفاده از Viewport Meta Tag
  • 21. واحدها در طراحی واکنش‌گرا (em, rem, vw, vh)
  • 22. مدیریت اندازه فونت در دستگاه‌های مختلف
  • 23. تنظیم تصاویر برای نمایش واکنش‌گرا
  • 24. استفاده از Media Queries
  • 25. کاربرد Media Queries برای عرض صفحه
  • 26. کاربرد Media Queries برای ارتفاع صفحه
  • 27. کاربرد Media Queries برای جهت صفحه
  • 28. کاربرد Media Queries برای وضوح صفحه
  • 29. نکات پیشرفته در Media Queries
  • 30. طراحی سیال (Fluid Design)
  • 31. شبکه‌های سیال (Fluid Grids)
  • 32. طراحی Mobile-First
  • 33. مزایای رویکرد Mobile-First
  • 34. پیاده‌سازی Mobile-First
  • 35. طراحی Desktop-First (برای مقایسه)
  • 36. معایب رویکرد Desktop-First
  • 37. سیستم‌های گرید در CSS
  • 38. مقدمه‌ای بر Flexbox
  • 39. اصول Flexbox: Container Properties
  • 40. اصول Flexbox: Item Properties
  • 41. ساخت Layout با Flexbox
  • 42. کاربرد Flexbox در طراحی کارت
  • 43. مقدمه‌ای بر CSS Grid Layout
  • 44. اصول CSS Grid: Container Properties
  • 45. اصول CSS Grid: Item Properties
  • 46. ساخت Layout با CSS Grid
  • 47. کاربرد CSS Grid در طراحی کارت
  • 48. طراحی کارت نمایشی (Card Design)
  • 49. اجزای یک کارت نمایشی
  • 50. ساختار HTML برای کارت
  • 51. استایل‌دهی اولیه کارت با CSS
  • 52. افزودن تصویر به کارت
  • 53. تنظیمات حاشیه و سایه کارت
  • 54. تایپوگرافی در کارت
  • 55. رنگ‌بندی کارت
  • 56. استفاده از آیکون‌ها در کارت
  • 57. ایجاد کارت با پس‌زمینه متحرک
  • 58. کارت‌های با افکت هاور (Hover Effects)
  • 59. انیمیشن‌های ساده برای کارت
  • 60. کارت‌های با محتوای متنی طولانی
  • 61. مدیریت نمایش محتوا در کارت
  • 62. کارت‌های با دکمه‌ها و لینک‌ها
  • 63. طراحی کارت با فرم‌های ساده
  • 64. کارت‌های با چیدمان ستونی
  • 65. کارت‌های با چیدمان سطری
  • 66. کارت‌های با قابلیت اسکرول داخلی
  • 67. طراحی کارت برای گالری تصاویر
  • 68. کارت‌های خبر و مقالات
  • 69. کارت‌های پروفایل کاربری
  • 70. کارت‌های محصولات
  • 71. کارت‌های نظرات کاربران
  • 72. کارت‌های با ساختار سلسله مراتبی
  • 73. بهینه‌سازی کارت‌ها برای سرعت بارگذاری
  • 74. تست و اشکال‌زدایی کارت‌ها
  • 75. ابزارهای توسعه‌دهنده مرورگر
  • 76. تست واکنش‌گرایی در مرورگر
  • 77. بهبود دسترسی‌پذیری (Accessibility) در کارت‌ها
  • 78. استانداردهای دسترسی‌پذیری وب (WCAG)
  • 79. کاربرد ARIA در کارت‌ها
  • 80. اصول طراحی UI/UX برای کارت‌ها
  • 81. روانشناسی رنگ در طراحی کارت
  • 82. تأثیر فونت بر خوانایی کارت
  • 83. سادگی و مینیمالیسم در طراحی کارت
  • 84. اصول بصری در طراحی کارت
  • 85. رعایت تعادل و هماهنگی در کارت
  • 86. استفاده از فضای سفید (Whitespace)
  • 87. نمونه‌های موفق کارت نمایشی
  • 88. تحلیل کارت‌های موفق
  • 89. کاربرد Pattern در طراحی کارت
  • 90. تکنیک‌های پیشرفته در CSS
  • 91. نکات پایانی و جمع‌بندی
  • 92. منابع تکمیلی برای یادگیری CSS
  • 93. مسیر یادگیری طراحی وب واکنش‌گرا

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

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

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

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

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

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

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

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

نظرات

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

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