دوره Advanced CSS Animations and Transitions همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Advanced CSS Animations and Transitions

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

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

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

• 1. آشنایی با مفاهیم پایه انیمیشن در CSS
• 2. انتقال‌های CSS: اصول و مبانی
• 3. کاربرد transition-property
• 4. تنظیم transition-duration
• 5. تعیین transition-timing-function
• 6. پیکربندی transition-delay
• 7. نحوه استفاده از transition-timing-function های پیش‌فرض
• 8. ایجاد transition های سفارشی با cubic-bezier
• 9. انتقال بین ویژگی‌های مختلف CSS
• 10. انیمیشن‌های CSS: مبانی و سینتکس
• 11. تعریف کلیدواژه‌های keyframes
• 12. استفاده از percentages در keyframes
• 13. استفاده از from و to در keyframes
• 14. تنظیم animation-name
• 15. تعیین animation-duration
• 16. پیکربندی animation-timing-function
• 17. تنظیم animation-delay
• 18. تعیین animation-iteration-count
• 19. تنظیم animation-direction
• 20. کاربرد animation-fill-mode
• 21. استفاده از animation-play-state
• 22. ایجاد انیمیشن‌های پیچیده با keyframes
• 23. انیمیشن‌های مبتنی بر transform: translate
• 24. انیمیشن‌های مبتنی بر transform: rotate
• 25. انیمیشن‌های مبتنی بر transform: scale
• 26. انیمیشن‌های مبتنی بر transform: skew
• 27. ترکیب transform ها در انیمیشن‌ها
• 28. انیمیشن‌های مبتنی بر opacity
• 29. انیمیشن‌های مبتنی بر color
• 30. انیمیشن‌های مبتنی بر background-position
• 31. انیمیشن‌های مبتنی بر box-shadow
• 32. انیمیشن‌های مبتنی بر text-shadow
• 33. انیمیشن‌های مبتنی بر filters
• 34. انتقال‌های پیچیده با استفاده از CSS Variables
• 35. ساخت انیمیشن‌های واکنشی (Responsive Animations)
• 36. مدیریت انیمیشن‌ها با JavaScript (مقدماتی)
• 37. استفاده از requestAnimationFrame برای انیمیشن‌های روان
• 38. همگام‌سازی انیمیشن‌ها با اسکرول صفحه
• 39. ایجاد جلوه‌های انیمیشنی برای عناصر UI
• 40. انیمیشن‌های ورود و خروج عناصر (Enter/Exit Animations)
• 41. انیمیشن‌های پیش‌بارگذار (Preloader Animations)
• 42. انیمیشن‌های ناوبری (Navigation Animations)
• 43. انیمیشن‌های فرم‌ها (Form Animations)
• 44. انیمیشن‌های دکمه‌ها (Button Animations)
• 45. انیمیشن‌های کارت‌ها (Card Animations)
• 46. انیمیشن‌های لیست‌ها (List Animations)
• 47. انیمیشن‌های اسلایدرها (Slider Animations)
• 48. انیمیشن‌های مودال‌ها (Modal Animations)
• 49. انیمیشن‌های تولتیپ‌ها (Tooltip Animations)
• 50. انیمیشن‌های پارالاکس (Parallax Animations)
• 51. انیمیشن‌های متن (Text Animations)
• 52. انیمیشن‌های آیکون‌ها (Icon Animations)
• 53. استفاده از SVG در انیمیشن‌های CSS
• 54. انیمیشن‌های SVG با CSS
• 55. انیمیشن‌های مسیر SVG (SVG Path Animations)
• 56. استفاده از ابزارهای توسعه‌دهنده مرورگر برای اشکال‌زدایی انیمیشن
• 57. بهینه‌سازی عملکرد انیمیشن‌های CSS
• 58. نکات پیشرفته در timing-functions
• 59. ایجاد انیمیشن‌های تودرتو (Nested Animations)
• 60. مدیریت انیمیشن‌ها در شرایط مختلف (Focus, Hover)
• 61. تکنیک‌های پیشرفته keyframes
• 62. انیمیشن‌های مبتنی بر filter های CSS
• 63. استفاده از animation-composition
• 64. ساخت انیمیشن‌های خطی (Linear Animations)
• 65. ساخت انیمیشن‌های منحنی (Curved Animations)
• 66. انیمیشن‌های مبتنی بر تغییر شکل (Morphing Animations)
• 67. ایجاد انیمیشن‌های تکرارشونده (Looping Animations)
• 68. انیمیشن‌های مبتنی بر زمان (Time-based Animations)
• 69. مدیریت انیمیشن‌ها در دستگاه‌های موبایل
• 70. تست انیمیشن‌ها در مرورگرهای مختلف
• 71. اصول دسترسی‌پذیری (Accessibility) در انیمیشن‌ها
• 72. کاهش انیمیشن‌ها برای کاربران حساس
• 73. روش‌های جایگزین برای انیمیشن‌های سنگین
• 74. ایجاد انیمیشن‌های ساده و مؤثر
• 75. انیمیشن‌های مبتنی بر رویدادهای ورودی کاربر
• 76. کاربرد انیمیشن در تجربه کاربری (UX)
• 77. ملاحظات اخلاقی در استفاده از انیمیشن
• 78. مستندسازی انیمیشن‌های CSS
• 79. یادگیری از نمونه‌های موفق انیمیشن
• 80. تمرین عملی: ساخت یک انیمیشن پیچیده
• 81. تمرین عملی: انیمیشن صفحه خوش‌آمدگویی
• 82. تمرین عملی: انیمیشن گالری تصاویر
• 83. تمرین عملی: انیمیشن ابزارک‌های وب
• 84. تمرین عملی: انیمیشن عناصر بصری در محتوای آموزشی
• 85. بررسی کتابخانه‌های انیمیشن CSS (معرفی مختصر)
• 86. ملاحظات امنیتی در پیاده‌سازی انیمیشن‌ها
• 87. آشنایی با CSS Motion Path (مقدماتی)
• 88. ایجاد انیمیشن‌های مبتنی بر مسیر در CSS
• 89. کاربرد animation-direction: alternate-reverse
• 90. تنظیم transition-timing-function های سفارشی
• 91. ساخت انیمیشن‌های متغیر با CSS Variables
• 92. استفاده از keyframe-based animations برای کنترل دقیق
• 93. انیمیشن‌های پیشرفته با ترکیب transform و filter
• 94. مدیریت انیمیشن‌ها با استفاده از JavaScript و CSS
• 95. پیش‌بینی رفتار انیمیشن‌ها در مرورگرهای مختلف
• 96. بهینه‌سازی انیمیشن‌ها برای نمایش در صفحات وب
• 97. ملاحظات مربوط به مصرف منابع در انیمیشن‌های پیچیده