دوره React Native: Building a Language Learning App همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره React Native: Building a Language Learning App

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

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

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

• 1. معرفی دوره و اپلیکیشن زبان‌آموزی
• 2. ری‌اکت نیتیو چیست و چرا از آن استفاده می‌کنیم؟
• 3. تفاوت Expo و React Native CLI
• 4. راه‌اندازی محیط توسعه با Expo
• 5. ساختار یک پروژه ری‌اکت نیتیو
• 6. آشنایی با JSX و سینتکس آن
• 7. کامپوننت‌های تابعی (Functional Components)
• 8. مفهوم Props برای انتقال داده به کامپوننت‌ها
• 9. مفهوم State و هوک useState برای مدیریت وضعیت داخلی
• 10. کامپوننت‌های پایه: View, Text, StyleSheet
• 11. استایل‌دهی و کار با StyleSheet
• 12. طراحی چیدمان (Layout) با Flexbox
• 13. کار با ورودی کاربر: TextInput و Button
• 14. کامپوننت‌های تعاملی: TouchableOpacity و Pressable
• 15. دیباگ کردن اپلیکیشن‌های ری‌اکت نیتیو
• 16. مقدمه‌ای بر ناوبری (Navigation) در اپلیکیشن
• 17. نصب و راه‌اندازی React Navigation
• 18. پیاده‌سازی Stack Navigator برای جریان‌های خطی
• 19. انتقال بین صفحات و ارسال پارامتر
• 20. پیاده‌سازی Tab Navigator برای بخش‌های اصلی برنامه
• 21. پیاده‌سازی Drawer Navigator برای منوی کشویی
• 22. ترکیب Navigatorها (Nesting Navigators)
• 23. شخصی‌سازی Header در صفحات
• 24. پیکربندی گزینه‌های ناوبری برای هر صفحه
• 25. ناوبری پیشرفته و مدیریت تاریخچه (Navigation State)
• 26. طراحی ساختار پوشه‌ها برای اپلیکیشن زبان‌آموزی
• 27. ساخت صفحه اصلی (Home Screen)
• 28. نمایش لیست درس‌ها با استفاده از ScrollView
• 29. بهینه‌سازی لیست‌های طولانی با FlatList
• 30. ساخت کامپوننت کارت درس (LessonCard)
• 31. ساخت صفحه جزئیات درس (Lesson Details Screen)
• 32. کار با تصاویر (Image Component) و بهینه‌سازی آن‌ها
• 33. استفاده از آیکون‌ها با کتابخانه Vector Icons
• 34. استایل‌دهی پیشرفته و Platform-specific styles
• 35. طراحی واکنش‌گرا (Responsive Design) با Dimensions API
• 36. ایجاد کامپوننت‌های قابل استفاده مجدد (Reusable Components)
• 37. پیاده‌سازی صفحه واژگان (Vocabulary Screen)
• 38. ساخت کامپوننت کارت کلمه (WordCard)
• 39. مقدمه‌ای بر تم‌بندی (Theming)
• 40. پیاده‌سازی تم روشن و تاریک (Light/Dark Mode)
• 41. مدیریت فونت‌ها و استایل‌های سراسری
• 42. ساخت صفحه پروفایل کاربر (User Profile Screen)
• 43. طراحی و اعتبارسنجی فرم‌های ثبت‌نام و ورود
• 44. نمایش پیغام‌های خطا و موفقیت به کاربر
• 45. چرا به مدیریت وضعیت (State Management) نیاز داریم؟
• 46. مفهوم بالا بردن وضعیت (Lifting State Up)
• 47. آشنایی با Context API برای مدیریت وضعیت سراسری
• 48. ایجاد یک Context برای تم برنامه
• 49. مقدمه‌ای بر Redux و Redux Toolkit
• 50. راه‌اندازی Store و Slices در Redux Toolkit
• 51. اتصال کامپوننت‌ها به Redux با useSelector و useDispatch
• 52. مدیریت وضعیت پیشرفت کاربر در درس‌ها با Redux
• 53. ذخیره‌سازی وضعیت در حافظه دستگاه با Redux Persist
• 54. مدیریت وضعیت‌های پیچیده و غیرهمزمان با Async Thunks
• 55. مقدمه‌ای بر کار با API و درخواست‌های شبکه
• 56. دریافت داده از سرور با Fetch API
• 57. استفاده از کتابخانه Axios برای درخواست‌های بهینه‌تر
• 58. مدیریت وضعیت‌های در حال بارگذاری (Loading) و خطا (Error)
• 59. کار با متدهای POST, PUT, DELETE
• 60. ساخت یک سرور Mock با json-server برای تست
• 61. پیاده‌سازی صفحه ورود (Login) و ارتباط با API احراز هویت
• 62. مدیریت توکن احراز هویت (Authentication Token)
• 63. ارسال درخواست‌های نیازمند احراز هویت
• 64. پردازش و نمایش داده‌های دریافت شده از API
• 65. پخش فایل‌های صوتی برای تلفظ کلمات (expo-av)
• 66. ضبط صدای کاربر برای تمرین تلفظ (expo-av)
• 67. مدیریت دسترسی‌ها (Permissions) مانند میکروفون و دوربین
• 68. ذخیره‌سازی داده‌های محلی با AsyncStorage
• 69. ارسال پوش نوتیفیکیشن (Push Notifications) برای یادآوری تمرین
• 70. مقدمه‌ای بر انیمیشن‌ها با Animated API
• 71. ایجاد انیمیشن‌های مبتنی بر حرکت کاربر (Gestures)
• 72. استفاده از LayoutAnimation برای انیمیشن‌های ساده در تغییر چیدمان
• 73. استفاده از دوربین و گالری دستگاه (expo-image-picker)
• 74. پیاده‌سازی قابلیت آپلود تصویر پروفایل کاربر
• 75. ساخت بخش آزمون (Quiz Feature): سوالات چندگزینه‌ای
• 76. منطق محاسبه امتیاز و نمایش نتیجه آزمون
• 77. نمایش پیشرفت کاربر با نمودارها (Charts)
• 78. پیاده‌سازی یک فلش‌کارت ساده برای مرور لغات
• 79. استفاده از WebView برای نمایش محتوای وب
• 80. مفهوم Deep Linking برای باز کردن اپ از طریق لینک
• 81. کار با نقشه‌ها (Maps) برای تمرین‌های مبتنی بر مکان
• 82. اشتراک‌گذاری محتوا (امتیاز، پیشرفت) با Share API
• 83. پشتیبانی از چند زبانگی در اپلیکیشن (i18n)
• 84. پیاده‌سازی قابلیت جستجو در بین لغات و درس‌ها
• 85. اهمیت تست در توسعه اپلیکیشن‌های موبایل
• 86. مقدمه‌ای بر تست‌نویسی با Jest
• 87. تست واحد (Unit Testing) برای توابع و منطق برنامه
• 88. تست کامپوننت‌ها با React Native Testing Library
• 89. مفهوم تست End-to-End و آشنایی با Detox
• 90. تکنیک‌های بهینه‌سازی عملکرد (Performance Optimization)
• 91. بهینه‌سازی عملکرد FlatList و لیست‌های طولانی
• 92. استفاده از هوک‌های useMemo و useCallback برای بهینه‌سازی رندر
• 93. استفاده از React.memo برای جلوگیری از رندرهای غیرضروری
• 94. آماده‌سازی اپلیکیشن برای انتشار (Release)
• 95. پیکربندی آیکون و صفحه اسپلش (Splash Screen)
• 96. فرآیند بیلد گرفتن اپلیکیشن با EAS Build
• 97. انتشار اپلیکیشن در Google Play Store
• 98. انتشار اپلیکیشن در Apple App Store
• 99. به‌روزرسانی اپلیکیشن بدون نیاز به انتشار مجدد (OTA Updates)
• 100. مدیریت متغیرهای محیطی (Environment Variables) برای توسعه و محصول نهایی