دوره Deep Dive into CSS Animations همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Deep Dive into CSS Animations

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

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

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

• 1. مبانی انیمیشن در CSS
• 2. انتخاب عناصر برای انیمیشن
• 3. تعریف کلیدواژه‌ها (Keyframes)
• 4. ایجاد انیمیشن‌های ساده
• 5. ویژگی `animation-name`
• 6. تنظیم مدت زمان انیمیشن (`animation-duration`)
• 7. کنترل سرعت انیمیشن (`animation-timing-function`)
• 8. تأخیر در شروع انیمیشن (`animation-delay`)
• 9. تعداد تکرار انیمیشن (`animation-iteration-count`)
• 10. جهت انیمیشن (`animation-direction`)
• 11. حالت انیمیشن در پایان (`animation-fill-mode`)
• 12. توقف و ادامه انیمیشن (`animation-play-state`)
• 13. تلفیق ویژگی‌های انیمیشن
• 14. انیمیشن‌های ترنزیشن (Transitions)
• 15. مقایسه انیمیشن و ترنزیشن
• 16. ایجاد ترنزیشن‌های ساده
• 17. ویژگی `transition-property`
• 18. تنظیم مدت زمان ترنزیشن (`transition-duration`)
• 19. کنترل سرعت ترنزیشن (`transition-timing-function`)
• 20. تأخیر در شروع ترنزیشن (`transition-delay`)
• 21. تلفیق ویژگی‌های ترنزیشن
• 22. انیمیشن‌های transform
• 23. تبدیل عناصر (Translate)
• 24. چرخش عناصر (Rotate)
• 25. مقیاس‌بندی عناصر (Scale)
• 26. کژنمایی عناصر (Skew)
• 27. ترکیب تبدیل‌ها
• 28. انیمیشن‌های کلیدواژه‌ای با Transform
• 29. انیمیشن‌های پیچیده با Keyframes
• 30. استفاده از توابع زمان‌بندی سفارشی
• 31. ایجاد انیمیشن‌های واکنش‌گرا (Responsive Animations)
• 32. انیمیشن‌های مبتنی بر اسکرول
• 33. بهینه‌سازی عملکرد انیمیشن‌ها
• 34. استفاده از `will-change`
• 35. جلوگیری از انیمیشن‌های ناخواسته
• 36. انیمیشن‌های متنی
• 37. انیمیشن‌های تصاویر
• 38. انیمیشن‌های دکمه‌ها و فرم‌ها
• 39. انیمیشن‌های پس‌زمینه
• 40. انیمیشن‌های رابط کاربری (UI Animations)
• 41. اصول طراحی انیمیشن‌های UI
• 42. انیمیشن‌های ناوبری
• 43. انیمیشن‌های بارگذاری (Loading Animations)
• 44. انیمیشن‌های بازخورد (Feedback Animations)
• 45. انیمیشن‌های انتقال صفحه (Page Transition Animations)
• 46. انیمیشن‌های مبتنی بر جاوا اسکریپت (مقدماتی)
• 47. اتصال CSS Animations به جاوا اسکریپت
• 48. کنترل انیمیشن‌ها با جاوا اسکریپت
• 49. انیمیشن‌های پیشرفته
• 50. استفاده از CSS Variables در انیمیشن‌ها
• 51. انیمیشن‌های سه‌بعدی (3D Animations)
• 52. ایجاد عمق در انیمیشن‌های سه‌بعدی
• 53. تبدیل‌های سه‌بعدی
• 54. پرسپکتیو در انیمیشن‌های سه‌بعدی
• 55. انیمیشن‌های سایه در سه‌بعدی
• 56. استفاده از `transform-style`
• 57. انیمیشن‌های انیمیشن‌های مبتنی بر SVG
• 58. انیمیشن Path در SVG
• 59. انیمیشن‌های اشکال SVG
• 60. استفاده از `SMIL` در SVG (با احتیاط و چارچوب)
• 61. انیمیشن‌های مبتنی بر فریم‌های کلیدی SVG
• 62. ابزارهای کمکی برای انیمیشن SVG
• 63. بررسی و اشکال‌زدایی انیمیشن‌ها
• 64. ابزارهای توسعه‌دهنده مرورگر برای انیمیشن
• 65. تحلیل عملکرد انیمیشن
• 66. تست انیمیشن در دستگاه‌های مختلف
• 67. اصول دسترسی‌پذیری (Accessibility) در انیمیشن‌ها
• 68. مدیریت انیمیشن‌ها برای کاربران حساس
• 69. انیمیشن‌های مبتنی بر رویدادهای ماوس
• 70. انیمیشن‌های مبتنی بر فوکوس
• 71. انیمیشن‌های مبتنی بر فعال‌سازی (Activation)
• 72. استانداردهای طراحی انیمیشن
• 73. الگوهای طراحی انیمیشن
• 74. اصول انیمیشن در رابط کاربری اسلامی-ایرانی
• 75. کاربرد انیمیشن در وب‌سایت‌های آموزشی
• 76. کاربرد انیمیشن در وب‌سایت‌های فرهنگی
• 77. کاربرد انیمیشن در وب‌سایت‌های تجاری
• 78. کاربرد انیمیشن در وب‌سایت‌های خبری
• 79. کاربرد انیمیشن در وب‌سایت‌های خدماتی
• 80. کاربرد انیمیشن در وب‌سایت‌های دولتی
• 81. کاربرد انیمیشن در پلتفرم‌های یادگیری آنلاین
• 82. ملاحظات شرعی در استفاده از انیمیشن
• 83. پرهیز از هرگونه مصداق لهو و لعب
• 84. پرهیز از ترویج الگوهای غربی غیرشرعی
• 85. تأکید بر محتوای سازنده و مفید
• 86. انیمیشن‌های مرتبط با مباحث علمی
• 87. انیمیشن‌های مرتبط با تاریخ ایران
• 88. انیمیشن‌های مرتبط با فرهنگ ایرانی
• 89. انیمیشن‌های مرتبط با مفاخر اسلامی
• 90. انیمیشن‌های مرتبط با دستاوردهای علمی داخلی
• 91. انیمیشن‌های مرتبط با موضوعات اخلاقی
• 92. انیمیشن‌های مرتبط با سبک زندگی اسلامی
• 93. انیمیشن‌های مرتبط با آموزش مفاهیم دینی (با احتیاط)
• 94. انیمیشن‌های مرتبط با معرفی آثار فرهنگی و هنری داخلی
• 95. انیمیشن‌های مرتبط با معرفی جاذبه‌های گردشگری ایران
• 96. انیمیشن‌های مرتبط با موضوعات اجتماعی سازنده
• 97. انیمیشن‌های مرتبط با ترویج علم و دانش
• 98. انیمیشن‌های مرتبط با هویت ملی و اسلامی
• 99. انیمیشن‌های مرتبط با حفظ میراث فرهنگی