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

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

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

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

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

عنوان دوره: دوره تسلط بر 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
تگ‌ها: Container Queries UX/UI توسعه فرانت‌اند رابط کاربری طراحی مدرن وب طراحی منعطف طراحی واکنش‌گرا طراحی وب طراحی وب‌سایت وب‌سایت ریسپانسیو

نظرات

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

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