اکسپرس 24
کتاب تسلط بر Container Queries برای طراحی وب‌سایت‌های هوشمند و منعطف

کتاب تسلط بر Container Queries برای طراحی وب‌سایت‌های هوشمند و منعطف

تگ‌ها: Container Queries UX/UI توسعه فرانت‌اند رابط کاربری طراحی مدرن وب طراحی منعطف طراحی واکنش‌گرا طراحی وب طراحی وب‌سایت وب‌سایت ریسپانسیو

انتخاب پلن

افزودنی‌های اختیاری

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

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

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

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

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

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

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

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

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

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

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

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

عنوان دوره: دوره تسلط بر Container Queries برای طراحی وب‌سایت‌های هوشمند و منعطف

موضوع کلی: توسعه و طراحی رابط کاربری وب (Web UI/UX Development)

موضوع میانی: تکنیک‌های پیشرفته در طراحی واکنش‌گرا (Responsive Web Design)

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

  • 1. مقدمه‌ای بر Container Queries
  • 2. مفاهیم پایه طراحی وب واکنش‌گرا
  • 3. آشنایی با محدودیت‌های طراحی‌های سنتی واکنش‌گرا
  • 4. معرفی Container Queries و مزایای آن
  • 5. نحو و ساختار Container Queries در CSS
  • 6. عملگرهای Container Queries: width، height، aspect-ratio
  • 7. واحد‌های اندازه‌گیری Container Queries: cqi، cqw، cqh
  • 8. استفاده از Container Queries برای تغییر چیدمان صفحه
  • 9. ایجاد استایل‌های مختلف بر اساس اندازه کانتینر
  • 10. استفاده از Container Queries برای تغییر اندازه فونت‌ها
  • 11. استفاده از Container Queries برای نمایش و پنهان کردن عناصر
  • 12. استفاده از Container Queries برای تغییر تصاویر
  • 13. بهینه‌سازی Container Queries برای عملکرد بهتر
  • 14. Container Queries در مقابل Media Queries: تفاوت‌ها و شباهت‌ها
  • 15. Container Queries و طراحی موبایل‌فرست
  • 16. Container Queries و طراحی دسکتاپ‌فرست
  • 17. Container Queries و طراحی چند پلتفرمی
  • 18. استفاده از Container Queries برای ایجاد رابط‌های کاربری قابل دسترس
  • 19. آشنایی با مرورگرهای پشتیبانی‌کننده Container Queries
  • 20. پشتیبانی از Container Queries در مرورگرهای قدیمی‌تر (Polyfills)
  • 21. حل مشکلات رایج در Container Queries
  • 22. Container Queries و فریم‌ورک‌های CSS (Bootstrap, Tailwind)
  • 23. ادغام Container Queries با JavaScript
  • 24. Container Queries و کامپوننت‌های وب
  • 25. ساخت یک گرید واکنش‌گرا با Container Queries
  • 26. ساخت یک سیستم کارت با Container Queries
  • 27. ساخت یک نوار ناوبری واکنش‌گرا با Container Queries
  • 28. طراحی یک فرم واکنش‌گرا با Container Queries
  • 29. طراحی یک اسلایدر واکنش‌گرا با Container Queries
  • 30. طراحی یک ماژول واکنش‌گرا با Container Queries
  • 31. استفاده از Container Queries برای ایجاد چیدمان‌های پیچیده
  • 32. Container Queries و طراحی UI/UX
  • 33. استانداردسازی Container Queries در پروژه‌های بزرگ
  • 34. تست و دیباگ Container Queries
  • 35. ابزارهای توسعه‌دهنده برای Container Queries
  • 36. بهینه‌سازی Container Queries برای SEO
  • 37. Container Queries و دسترسی‌پذیری وب
  • 38. آینده Container Queries در طراحی وب
  • 39. Container Queries و Web Components
  • 40. Container Queries و Shadow DOM
  • 41. استفاده از Container Queries برای ایجاد انیمیشن‌های واکنش‌گرا
  • 42. Container Queries و CSS Variables
  • 43. Container Queries و Custom Properties
  • 44. Container Queries و Scope
  • 45. Container Queries و Cascade
  • 46. Container Queries و Specificity
  • 47. Container Queries و Inheritance
  • 48. Container Queries و Resetting Styles
  • 49. Container Queries و Resetting Inheritance
  • 50. Container Queries و Resolving Conflicts
  • 51. Container Queries و Pseudo-classes
  • 52. Container Queries و Pseudo-elements
  • 53. Container Queries و Attribute Selectors
  • 54. Container Queries و Class Selectors
  • 55. Container Queries و ID Selectors
  • 56. Container Queries و Type Selectors
  • 57. Container Queries و Universal Selector
  • 58. Container Queries و Combinators
  • 59. Container Queries و Adjacent Sibling Selector
  • 60. Container Queries و Child Selector
  • 61. Container Queries و Descendant Selector
  • 62. Container Queries و General Sibling Selector
  • 63. Container Queries و Negation Pseudo-class
  • 64. Container Queries و :not() Selector
  • 65. Container Queries و :any-link Selector
  • 66. Container Queries و :visited Selector
  • 67. Container Queries و :hover Selector
  • 68. Container Queries و :focus Selector
  • 69. Container Queries و :active Selector
  • 70. Container Queries و :focus-within Selector
  • 71. Container Queries و :focus-visible Selector
  • 72. Container Queries و :has() Selector
  • 73. Container Queries و :is() Selector
  • 74. Container Queries و :where() Selector
  • 75. Container Queries و :nth-child() Selector
  • 76. Container Queries و :nth-last-child() Selector
  • 77. Container Queries و :nth-of-type() Selector
  • 78. Container Queries و :nth-last-of-type() Selector
  • 79. Container Queries و :first-child Selector
  • 80. Container Queries و :last-child Selector
  • 81. Container Queries و :first-of-type Selector
  • 82. Container Queries و :last-of-type Selector
  • 83. Container Queries و :only-child Selector
  • 84. Container Queries و :only-of-type Selector
  • 85. Container Queries و :empty Selector
  • 86. Container Queries و :not(:empty) Selector
  • 87. Container Queries و :fullscreen Selector
  • 88. Container Queries و :root Selector
  • 89. Container Queries و :target Selector
  • 90. Container Queries و :defined Selector
  • 91. Container Queries و :undefined Selector
  • 92. Container Queries و :read-only Selector
  • 93. Container Queries و :read-write Selector
  • 94. Container Queries و :disabled Selector
  • 95. Container Queries و :enabled Selector
  • 96. Container Queries و :checked Selector
  • 97. Container Queries و :unchecked Selector
  • 98. Container Queries و :required Selector
  • 99. Container Queries و :optional Selector
  • 100. Container Queries و :valid Selector

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

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

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

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

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

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

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

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

نظرات

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

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