اپلیکیشن اندرویدی فلش‌کارت آموزشی React Native Animations with Reanimated 2

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

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

عنوان دوره: دوره React Native Animations with Reanimated 2

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

موضوع میانی: ری‌اکت نیتیو (React Native)

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

• 1. آشنایی با مفاهیم پایه انیمیشن در React Native
• 2. معرفی کتابخانه Reanimated 2
• 3. نصب و راه‌اندازی Reanimated 2
• 4. کار با مقادیر قابل انیمیشن (Animated Values)
• 5. مفهوم Shared Values
• 6. استفاده از useSharedValue
• 7. کار با UseDerivedValue
• 8. مفهوم UseAnimatedStyle
• 9. نحوه اعمال استایل‌های انیمیشنی
• 10. انیمیشن‌های ساده با useNativeDriver
• 11. کار با Worklets
• 12. ساخت Worklets ساده
• 13. ارتباط Worklets با مقادیر قابل انیمیشن
• 14. انیمیشن‌های مبتنی بر زمان
• 15. استفاده از useTiming
• 16. پارامترهای useTiming
• 17. انیمیشن‌های مبتنی بر فیزیک
• 18. استفاده از useSpring
• 19. پارامترهای useSpring
• 20. استفاده از useDecay
• 21. پارامترهای useDecay
• 22. انیمیشن‌های مبتنی بر پاندول
• 23. استفاده از useBouncing
• 24. پارامترهای useBouncing
• 25. ترکیب انیمیشن‌ها
• 26. ساخت انیمیشن‌های پیچیده
• 27. کنترل انیمیشن‌ها
• 28. شروع، توقف و ریست کردن انیمیشن‌ها
• 29. مکث کردن و ادامه دادن انیمیشن‌ها
• 30. تغییر سرعت انیمیشن‌ها
• 31. انیمیشن‌های چرخه‌ای (Looping Animations)
• 32. ساخت انیمیشن‌های تکرار شونده
• 33. انیمیشن‌های شرطی
• 34. استفاده از انیمیشن‌ها در لیست‌ها (FlatList/ScrollView)
• 35. بهینه‌سازی انیمیشن‌ها برای عملکرد
• 36. رفع مشکلات رایج در انیمیشن‌ها
• 37. کار با Gesture Handlers و Reanimated
• 38. ترکیب Gesture Handlers و Reanimated
• 39. ساخت UIهای تعاملی با انیمیشن
• 40. انیمیشن‌های انتقال صفحه (Screen Transitions)
• 41. مفهوم Layout Animations
• 42. استفاده از Layout Animations با Reanimated
• 43. انیمیشن‌های سفارشی برای Layout Animations
• 44. انیمیشن‌های ورودی و خروجی عناصر
• 45. مدیریت وضعیت انیمیشن‌ها
• 46. انتقال بین حالت‌های مختلف UI با انیمیشن
• 47. ساخت UIهای انیمیشنی پیچیده
• 48. انیمیشن‌های مبتنی بر رویدادهای سیستم
• 49. استفاده از Reanimated در پروژه‌های واقعی
• 50. نمونه‌های عملی از انیمیشن‌های پیشرفته
• 51. ساخت انیمیشن‌های سفارشی برای کامپوننت‌ها
• 52. انیمیشن‌های مرتبط با پیمایش (Scroll Animations)
• 53. پیاده‌سازی Parallax Scrolling
• 54. انیمیشن‌های مرتبط با ورودی کاربر
• 55. انیمیشن‌های مرتبط با تغییر اندازه عناصر
• 56. ایجاد انیمیشن‌های سه‌بعدی (با محدودیت)
• 57. استفاده از Reanimated برای انیمیشن‌های UI Kit
• 58. ساخت انیمیشن‌های سفارشی برای دکمه‌ها
• 59. انیمیشن‌های سفارشی برای کارت‌ها
• 60. انیمیشن‌های سفارشی برای مودال‌ها
• 61. انیمیشن‌های سفارشی برای تولتیپ‌ها
• 62. ساخت انیمیشن‌های سفارشی برای اسلایدرها
• 63. انیمیشن‌های سفارشی برای چک‌باکس‌ها
• 64. انیمیشن‌های سفارشی برای رادیو باتن‌ها
• 65. انیمیشن‌های سفارشی برای تب‌ها
• 66. انیمیشن‌های سفارشی برای منوهای کشویی
• 67. انیمیشن‌های سفارشی برای نوتیفیکیشن‌ها
• 68. انیمیشن‌های سفارشی برای لودرها
• 69. انیمیشن‌های سفارشی برای آیکون‌ها
• 70. انیمیشن‌های سفارشی برای نمودارها
• 71. انیمیشن‌های سفارشی برای نقشه
• 72. انیمیشن‌های سفارشی برای فرم‌ها
• 73. انیمیشن‌های سفارشی برای گالری تصاویر
• 74. انیمیشن‌های سفارشی برای بازی‌های ساده
• 75. انیمیشن‌های سفارشی برای اپلیکیشن‌های آموزشی
• 76. انیمیشن‌های سفارشی برای اپلیکیشن‌های سلامت
• 77. انیمیشن‌های سفارشی برای اپلیکیشن‌های مالی
• 78. انیمیشن‌های سفارشی برای اپلیکیشن‌های سفر
• 79. انیمیشن‌های سفارشی برای اپلیکیشن‌های خبر
• 80. انیمیشن‌های سفارشی برای اپلیکیشن‌های شبکه‌های اجتماعی
• 81. انیمیشن‌های سفارشی برای اپلیکیشن‌های پیام‌رسان
• 82. انیمیشن‌های سفارشی برای اپلیکیشن‌های فروشگاهی
• 83. انیمیشن‌های سفارشی برای اپلیکیشن‌های رزرو
• 84. انیمیشن‌های سفارشی برای اپلیکیشن‌های املاک
• 85. انیمیشن‌های سفارشی برای اپلیکیشن‌های آموزشی زبان
• 86. انیمیشن‌های سفارشی برای اپلیکیشن‌های موسیقی
• 87. انیمیشن‌های سفارشی برای اپلیکیشن‌های فیلم
• 88. انیمیشن‌های سفارشی برای اپلیکیشن‌های ورزشی
• 89. انیمیشن‌های سفارشی برای اپلیکیشن‌های مذهبی (با رویکرد علمی و رسمی)
• 90. آشنایی با کتابخانه‌های مشابه و جایگزین‌های Reanimated
• 91. نکات پیشرفته در استفاده از Reanimated
• 92. بهترین شیوه‌ها برای ساخت انیمیشن‌های مؤثر
• 93. ملاحظات امنیتی در استفاده از انیمیشن‌ها
• 94. آینده انیمیشن در React Native