دوره ساخت انیمیشن‌های CSS جذاب و تعاملی برای وب‌سایت‌ها همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره ساخت انیمیشن‌های CSS جذاب و تعاملی برای وب‌سایت‌ها

موضوع کلی: طراحی وب و توسعه فرانت‌اند

موضوع میانی: انیمیشن و جلوه‌های بصری در وب

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

• 1. مقدمه‌ای بر انیمیشن در وب
• 2. مبانی CSS برای انیمیشن
• 3. انتخاب انیمیشن مناسب
• 4. انتقال‌ها (Transitions) در CSS
• 5. تنظیمات اولیه انتقال‌ها
• 6. تغییر خصوصیات در انتقال‌ها
• 7. تنظیم زمان‌بندی انتقال‌ها
• 8. تأخیر در شروع انتقال‌ها
• 9. تابع زمان‌بندی انتقال‌ها
• 10. تغییر شکل (Transform) در CSS
• 11. دستور translate
• 12. دستور rotate
• 13. دستور scale
• 14. دستور skew
• 15. ترکیب دستورات transform
• 16. صفحه کلید انیمیشن (Keyframes)
• 17. ایجاد انیمیشن با keyframes
• 18. دستور animation-name
• 19. دستور animation-duration
• 20. دستور animation-timing-function
• 21. دستور animation-delay
• 22. دستور animation-iteration-count
• 23. دستور animation-direction
• 24. دستور animation-fill-mode
• 25. دستور animation-play-state
• 26. انیمیشن‌های پیچیده با keyframes
• 27. انیمیشن متن در وب
• 28. انیمیشن عناصر فرم
• 29. انیمیشن المان‌های تصویری
• 30. انیمیشن تصاویر پس‌زمینه
• 31. انیمیشن‌های پارالاکس
• 32. ایجاد جلوه‌های بصری با CSS
• 33. استفاده از transition و transform همزمان
• 34. انیمیشن‌های متوالی
• 35. انیمیشن‌های تودرتو
• 36. بهینه‌سازی انیمیشن‌ها برای عملکرد
• 37. تست انیمیشن‌ها در مرورگرهای مختلف
• 38. ملاحظات دسترسی در انیمیشن‌ها
• 39. انیمیشن‌های واکنش‌گرا (Responsive)
• 40. مقدمه‌ای بر کتابخانه‌های انیمیشن جاوا اسکریپت
• 41. نمونه‌های عملی انیمیشن در وب‌سایت‌ها
• 42. بررسی انیمیشن‌های وب‌سایت‌های موفق
• 43. انیمیشن‌های UI/UX
• 44. انیمیشن‌های معرفی محصول
• 45. انیمیشن‌های بارگذاری (Loading)
• 46. انیمیشن‌های ناوبری (Navigation)
• 47. انیمیشن‌های دکمه‌ها
• 48. انیمیشن‌های کارت‌ها
• 49. انیمیشن‌های اسلایدرها
• 50. انیمیشن‌های فرم‌ها
• 51. انیمیشن‌های پیام‌های خطا و موفقیت
• 52. انیمیشن‌های تعاملی با کاربر
• 53. اصول طراحی انیمیشن‌های مؤثر
• 54. روانشناسی رنگ در انیمیشن
• 55. اصول ایجاز در انیمیشن
• 56. تکنیک‌های پیشرفته انیمیشن CSS
• 57. استفاده از CSS Variables در انیمیشن
• 58. انیمیشن‌های SVG
• 59. انیمیشن‌های Canvas
• 60. مقدمه‌ای بر انیمیشن‌های 3D در CSS
• 61. دستور perspective
• 62. دستور rotateX, rotateY, rotateZ
• 63. دستور scaleX, scaleY, scaleZ
• 64. دستور translateX, translateY, translateZ
• 65. ترکیب transform-style
• 66. دستور transform-origin
• 67. دستور backface-visibility
• 68. مقدمه‌ای بر انیمیشن‌های CSS و JavaScript
• 69. همگام‌سازی انیمیشن‌ها
• 70. انیمیشن‌های مبتنی بر اسکرول
• 71. استفاده از Intersection Observer API
• 72. مقدمه‌ای بر کتابخانه‌های انیمیشن جاوا اسکریپت (تکمیلی)
• 73. GSAP (GreenSock Animation Platform)
• 74. ScrollMagic
• 75. Anime.js
• 76. Framer Motion
• 77. انیمیشن‌های تعاملی با mouse events
• 78. انیمیشن‌های مبتنی بر رویدادهای لمسی
• 79. ملاحظات امنیتی در استفاده از کتابخانه‌های خارجی
• 80. بهینه‌سازی کتابخانه‌های انیمیشن
• 81. مقدمه‌ای بر انیمیشن‌های مینیمال
• 82. انیمیشن‌های ظریف و کاربردی
• 83. انیمیشن‌های متناسب با برندینگ
• 84. اصول انیمیشن برای رابط‌های کاربری
• 85. انیمیشن‌های گذار (Transition) پیشرفته
• 86. انیمیشن‌های سفارشی با CSS Variables
• 87. استفاده از transition-group در Vue.js
• 88. انیمیشن‌های مبتنی بر وب‌کامپوننت‌ها
• 89. انیمیشن‌های تعاملی با WebGL
• 90. مقدمه‌ای بر انیمیشن‌های آینده وب
• 91. یادگیری مستمر و به‌روزرسانی دانش انیمیشن
• 92. پروژه‌های عملی برای تقویت مهارت انیمیشن
• 93. بررسی روندهای جدید در انیمیشن وب
• 94. نکات کاربردی برای توسعه‌دهندگان انیمیشن
• 95. ارزیابی و بهبود انیمیشن‌های موجود
• 96. انیمیشن و تجربه کاربری مثبت
• 97. جمع‌بندی اصول انیمیشن در طراحی وب