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

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

عنوان دوره: React Native and APIs

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه‌ای بر توسعه اپلیکیشن‌های موبایل
• 2. ری‌اکت نیتیو چیست و چرا از آن استفاده می‌کنیم؟
• 3. مقایسه ری‌اکت نیتیو با دیگر فریم‌ورک‌ها (فلاتر، سوئیفت، کاتلین)
• 4. آشنایی با مفاهیم پایه: کامپوننت، JSX و Props
• 5. راه‌اندازی محیط توسعه (Node.js, Watchman, CLI)
• 6. نصب و راه‌اندازی شبیه‌سازهای iOS و Android
• 7. ساخت اولین پروژه ری‌اکت نیتیو
• 8. ساختار یک پروژه ری‌اکت نیتیو
• 9. مروری بر مفاهیم ضروری جاوا اسکریپت (ES6+): let, const, Arrow Functions
• 10. مروری بر مفاهیم ضروری جاوا اسکریپت: Destructuring و Spread Operator
• 11. مروری بر مفاهیم ضروری جاوا اسکریپت: Promises و Async/Await
• 12. کامپوننت‌های اصلی: View و Text
• 13. کامپوننت‌های اصلی: Image و BackgroundImage
• 14. کامپوننت‌های اصلی: TextInput و مدیریت ورودی کاربر
• 15. کامپوننت‌های اصلی: Button و TouchableOpacity
• 16. استایل‌دهی در ری‌اکت نیتیو با StyleSheet
• 17. مبانی Flexbox: flex, flexDirection, justifyContent
• 18. مبانی Flexbox: alignItems, alignSelf
• 19. استایل‌دهی پیشرفته: ابعاد، حاشیه‌ها و موقعیت‌یابی
• 20. مدیریت State با هوک useState
• 21. آشنایی با Props و ارسال داده به کامپوننت‌ها
• 22. کامپوننت‌های تابعی در مقابل کامپوننت‌های کلاسی
• 23. مدیریت رویدادها (Event Handling) مانند onPress و onChangeText
• 24. کار با لیست‌ها: رندر کردن آرایه‌ها با متد map
• 25. کامپوننت ScrollView برای محتوای قابل اسکرول
• 26. کامپوننت FlatList برای لیست‌های بهینه و طولانی
• 27. کامپوننت SectionList برای لیست‌های بخش‌بندی شده
• 28. مقدمه‌ای بر React Navigation
• 29. نصب و راه‌اندازی Stack Navigator
• 30. ایجاد صفحات مختلف و پیمایش بین آن‌ها
• 31. ارسال پارامتر بین صفحات (Passing Params)
• 32. پیکربندی و استایل‌دهی هدر در Stack Navigator
• 33. معرفی و پیاده‌سازی Tab Navigator
• 34. معرفی و پیاده‌سازی Drawer Navigator
• 35. ترکیب کردن Navigatorها (Nesting Navigators)
• 36. مقدمه‌ای بر API و ارتباط کلاینت-سرور
• 37. آشنایی با مفاهیم HTTP: متدها (GET, POST, PUT, DELETE) و کد‌های وضعیت
• 38. معرفی Fetch API برای ارسال درخواست‌های شبکه
• 39. ارسال اولین درخواست GET و دریافت داده
• 40. کار با پاسخ‌های JSON
• 41. نمایش داده‌های دریافت شده از API در یک لیست
• 42. مدیریت وضعیت بارگذاری (Loading State)
• 43. مدیریت خطاها در درخواست‌های شبکه
• 44. هوک useEffect و کاربرد آن در فراخوانی API
• 45. فراخوانی API هنگام بارگذاری کامپوننت
• 46. ارسال درخواست‌های شبکه با Async/Await
• 47. وابستگی‌ها در useEffect و فراخوانی مجدد API
• 48. آشنایی با کتابخانه Axios و مزایای آن
• 49. ارسال درخواست GET با Axios
• 50. ارسال درخواست POST برای ساخت داده جدید
• 51. ارسال درخواست PUT/PATCH برای به‌روزرسانی داده
• 52. ارسال درخواست DELETE برای حذف داده
• 53. پیکربندی سراسری Axios (Base URL, Headers)
• 54. مدیریت Interceptor ها در Axios برای درخواست و پاسخ
• 55. مفهوم State Management و نیاز به آن
• 56. هوک useContext برای مدیریت State سراسری
• 57. هوک useReducer برای مدیریت State های پیچیده
• 58. ترکیب useContext و useReducer برای یک راهکار State Management قوی
• 59. ساخت یک هوک سفارشی (Custom Hook) برای فراخوانی API
• 60. مقدمه‌ای بر کتابخانه‌های State Management (Redux, Zustand)
• 61. کار با فرم‌ها: کامپوننت‌های کنترل‌شده (Controlled Components)
• 62. اعتبارسنجی فرم‌ها (Form Validation)
• 63. مقدمه‌ای بر احراز هویت (Authentication) مبتنی بر توکن
• 64. مفهوم JWT (JSON Web Token)
• 65. پیاده‌سازی صفحه ورود (Login Screen)
• 66. ارسال نام کاربری و رمز عبور به API
• 67. دریافت و ذخیره‌سازی توکن در دستگاه
• 68. استفاده از AsyncStorage برای ذخیره‌سازی دائمی داده‌ها
• 69. ارسال توکن در هدر درخواست‌های نیازمند احراز هویت
• 70. پیاده‌سازی صفحه ثبت‌نام (Register Screen)
• 71. پیاده‌سازی خروج از حساب کاربری (Logout)
• 72. محافظت از مسیرها (Protected Routes) برای کاربران احراز هویت شده
• 73. رفرش کردن توکن (Token Refresh)
• 74. کار با API های نیازمند کلید (API Key)
• 75. آپلود فایل و تصویر به سرور با FormData
• 76. کار با Platform API برای کدهای مختص iOS و Android
• 77. استایل‌دهی پلتفرم-محور
• 78. آشنایی با کتابخانه‌های UI (مانند React Native Paper یا NativeBase)
• 79. استفاده از آیکون‌ها در اپلیکیشن
• 80. کار با انیمیشن‌ها: Animated API
• 81. کار با انیمیشن‌ها: کتابخانه React Native Reanimated
• 82. استفاده از ژست‌ها (Gestures) با React Native Gesture Handler
• 83. کار با Modal و نمایش پنجره‌های پاپ‌آپ
• 84. کار با Alert برای نمایش پیام به کاربر
• 85. دریافت دسترسی‌ها از کاربر (Permissions API)
• 86. کار با دوربین دستگاه
• 87. دسترسی به گالری تصاویر کاربر
• 88. دریافت موقعیت مکانی کاربر (Geolocation)
• 89. کار با نقشه‌ها با React Native Maps
• 90. مقدمه‌ای بر Push Notifications
• 91. راه‌اندازی Firebase برای Push Notifications
• 92. دریافت و نمایش Push Notification در اپلیکیشن
• 93. مفهوم Deep Linking و پیاده‌سازی آن
• 94. کار با WebView برای نمایش محتوای وب
• 95. دیباگ کردن اپلیکیشن‌های ری‌اکت نیتیو با Flipper
• 96. استفاده از React DevTools
• 97. بهینه‌سازی عملکرد: مفاهیم پایه
• 98. بهینه‌سازی عملکرد FlatList
• 99. استفاده از React.memo برای جلوگیری از رندرهای غیرضروری
• 100. هوک‌های useCallback و useMemo برای بهینه‌سازی

React Native and APIs: تبدیل ایده های شما به اپلیکیشن های موبایل قدرتمند

آیا رویای ساخت اپلیکیشن های موبایل برای iOS و Android را در سر دارید؟ آیا می خواهید با یک بار کدنویسی، اپلیکیشن هایی با عملکرد بومی (Native) بسازید؟ دوره "React Native and APIs" دقیقا همان چیزی است که به آن نیاز دارید!

در این دوره جامع، شما نه تنها با اصول و مبانی React Native آشنا می شوید، بلکه یاد می گیرید چگونه اپلیکیشن های خود را به سرویس های مختلف API متصل کنید و امکانات بی شماری را به آن ها اضافه کنید. از ساخت رابط کاربری های زیبا و جذاب گرفته تا مدیریت داده ها و ارتباط با سرور، همه چیز را در این دوره یاد خواهید گرفت.

درباره دوره React Native and APIs

دوره "React Native and APIs" یک برنامه آموزشی کامل و جامع است که به شما کمک می کند تا از یک مبتدی، به یک توسعه دهنده حرفه ای React Native تبدیل شوید. ما در این دوره، با زبانی ساده و قابل فهم، مفاهیم پیچیده را توضیح می دهیم و با مثال های عملی و پروژه های کاربردی، شما را برای ورود به بازار کار آماده می کنیم.

این دوره شامل بیش از 100 سرفصل است که به طور کامل، تمامی جنبه های React Native و اتصال به API ها را پوشش می دهد. شما در این دوره، با نحوه نصب و راه اندازی محیط توسعه، ساخت کامپوننت های مختلف، مدیریت state، استفاده از Navigation، کار با API های REST و GraphQL، پیاده سازی احراز هویت، ذخیره سازی داده ها و بسیاری موارد دیگر آشنا خواهید شد.

موضوعات کلیدی دوره

• مقدمه ای بر React Native و JSX
• کامپوننت ها: ساخت عناصر سازنده اپلیکیشن
• مدیریت State: کنترل داده ها در اپلیکیشن
• Navigation: مسیریابی بین صفحات مختلف
• Style Sheet: طراحی رابط کاربری زیبا و جذاب
• کار با API های REST: دریافت و ارسال داده ها از سرور
• کار با API های GraphQL: روشی مدرن برای تعامل با داده ها
• احراز هویت (Authentication): پیاده سازی سیستم ورود و عضویت
• ذخیره سازی داده ها: استفاده از AsyncStorage و Realm
• انیمیشن ها: افزودن جلوه های ویژه به اپلیکیشن
• تست نویسی: اطمینان از کیفیت کد
• پیاده سازی نوتیفیکیشن های پوش (Push Notifications)
• استفاده از کتابخانه های شخص ثالث
• بهینه سازی عملکرد اپلیکیشن
• انتشار اپلیکیشن در App Store و Google Play

مخاطبان دوره

این دوره برای افراد زیر مناسب است:

• افرادی که به برنامه نویسی موبایل علاقه مند هستند و می خواهند یک مهارت جدید یاد بگیرند.
• توسعه دهندگان وب که می خواهند وارد دنیای توسعه اپلیکیشن موبایل شوند.
• دانشجویان و فارغ التحصیلان رشته های کامپیوتر و IT.
• توسعه دهندگان React که می خواهند مهارت های خود را گسترش دهند.
• کارآفرینانی که می خواهند ایده های خود را به اپلیکیشن های موبایل تبدیل کنند.

چرا این دوره را بگذرانیم؟

دلایل زیادی برای گذراندن این دوره وجود دارد، اما مهمترین آن ها عبارتند از:

• یادگیری یک مهارت پرطرفدار و پولساز: React Native یکی از محبوب ترین فریم ورک های توسعه اپلیکیشن موبایل است و تقاضا برای توسعه دهندگان React Native بسیار بالاست.
• ساخت اپلیکیشن های موبایل برای iOS و Android با یک بار کدنویسی: با React Native می توانید با یک بار کدنویسی، اپلیکیشن هایی با عملکرد بومی (Native) برای هر دو پلتفرم iOS و Android بسازید.
• افزایش درآمد و فرصت های شغلی: با یادگیری React Native، می توانید درآمد خود را افزایش دهید و فرصت های شغلی بهتری پیدا کنید.
• تبدیل ایده های خود به واقعیت: با استفاده از React Native، می توانید ایده های خود را به اپلیکیشن های موبایل کاربردی و جذاب تبدیل کنید.
• دسترسی به یک جامعه فعال و پشتیبانی قوی: React Native یک جامعه بزرگ و فعال دارد که همیشه آماده کمک به شما است.
• آموزش جامع و کاربردی: این دوره، تمامی جنبه های React Native و اتصال به API ها را به طور کامل پوشش می دهد و شما را برای ورود به بازار کار آماده می کند.
• مثال های عملی و پروژه های کاربردی: در این دوره، با مثال های عملی و پروژه های کاربردی، مفاهیم را به صورت عمیق یاد خواهید گرفت.
• پشتیبانی و رفع اشکال: ما در طول دوره، پشتیبانی کامل از شما خواهیم کرد و به سوالات شما پاسخ خواهیم داد.

سرفصل‌های دوره (100 سرفصل جامع)

این دوره شامل بیش از 100 سرفصل است که به طور کامل، تمامی جنبه های React Native و اتصال به API ها را پوشش می دهد. برخی از مهمترین سرفصل ها عبارتند از:

• بخش اول: آشنایی با React Native
  • مقدمه ای بر React Native و JSX
  • نصب و راه اندازی محیط توسعه
  • ایجاد اولین پروژه React Native
  • آشنایی با ساختار پروژه
  • کامپوننت ها: Function Component vs Class Component
  • Props و State: مفاهیم کلیدی React Native
  • Lifecycle Methods در Class Components
  • Hooks: جایگزین مدرن Lifecycle Methods
  • useState Hook: مدیریت State در Function Components
  • useEffect Hook: انجام عملیات جانبی
  • useContext Hook: به اشتراک گذاری State بین کامپوننت ها
  • useReducer Hook: مدیریت State پیچیده
  • StyleSheet: طراحی رابط کاربری
  • Text: نمایش متن
  • View: ایجاد Container
  • Image: نمایش تصاویر
  • ScrollView: ایجاد صفحه قابل اسکرول
  • FlatList: نمایش لیست داده ها
  • SectionList: نمایش لیست داده ها با Section
  • Touchable Components: افزودن قابلیت لمس
  • Alert: نمایش پیام های هشدار
  • Modal: نمایش پنجره های مودال
  • ActivityIndicator: نمایش انیمیشن لودینگ
  • KeyboardAvoidingView: جلوگیری از تداخل کیبورد با رابط کاربری
• بخش دوم: Navigation و مسیریابی
  • نصب و راه اندازی React Navigation
  • Stack Navigator: مسیریابی بین صفحات
  • Tab Navigator: ایجاد تب های پایین صفحه
  • Drawer Navigator: ایجاد منوی کشویی
  • Passing Parameters: ارسال داده ها بین صفحات
  • Navigation Options: تنظیمات Navigation
  • Custom Header: طراحی Header سفارشی
  • Deep Linking: باز کردن اپلیکیشن از طریق لینک
• بخش سوم: کار با API ها
  • مقدمه ای بر API های REST
  • ارسال درخواست های HTTP با Fetch API
  • دریافت داده ها از API های REST
  • ارسال داده ها به API های REST
  • POST, PUT, DELETE Methods
  • Handling Errors: مدیریت خطاها
  • Authentication: پیاده سازی احراز هویت با API
  • API Keys: استفاده از کلید API
  • Axios: کتابخانه جایگزین Fetch API
  • GraphQL: مقدمه ای بر GraphQL
  • Apollo Client: کار با GraphQL در React Native
  • Queries و Mutations در GraphQL
• بخش چهارم: مدیریت State پیشرفته
  • Context API: مدیریت State سراسری
  • Redux: مدیریت State پیچیده
  • Redux Toolkit: ابزاری برای سهولت استفاده از Redux
  • Thunk: انجام عملیات ناهمزمان با Redux
  • Saga: مدیریت Side Effects در Redux
  • MobX: رویکردی Reactive برای مدیریت State
• بخش پنجم: ذخیره سازی داده ها
  • AsyncStorage: ذخیره سازی داده ها به صورت محلی
  • Realm: دیتابیس موبایل
  • SQLite: دیتابیس رابطه ای
  • Firebase: دیتابیس ابری
• بخش ششم: انیمیشن ها
  • Animated API: ایجاد انیمیشن های ساده
  • LayoutAnimation: ایجاد انیمیشن های تغییر Layout
  • Reanimated: کتابخانه قدرتمند برای انیمیشن های پیچیده
• بخش هفتم: نوتیفیکیشن های پوش
  • Firebase Cloud Messaging (FCM): ارسال نوتیفیکیشن های پوش
  • React Native Firebase: کار با FCM در React Native
  • Local Notifications: نمایش نوتیفیکیشن های محلی
• بخش هشتم: تست نویسی
  • Jest: فریم ورک تست نویسی
  • Enzyme: کتابخانه تست کامپوننت ها
  • React Native Testing Library: رویکردی کاربر محور برای تست
• بخش نهم: بهینه سازی و انتشار
  • Performance Optimization: بهینه سازی عملکرد اپلیکیشن
  • Debugging: رفع اشکال
  • Code Push: انتشار آپدیت بدون نیاز به ارسال به App Store و Google Play
  • Building for iOS: ساخت نسخه iOS
  • Building for Android: ساخت نسخه Android
  • Publishing to App Store: انتشار در App Store
  • Publishing to Google Play: انتشار در Google Play
• بخش دهم: پروژه های عملی
  • پروژه 1: ساخت اپلیکیشن Todo List
  • پروژه 2: ساخت اپلیکیشن Weather
  • پروژه 3: ساخت اپلیکیشن News
  • پروژه 4: ساخت اپلیکیشن Social Media
  • پروژه 5: ساخت اپلیکیشن E-commerce

همین حالا در دوره "React Native and APIs" ثبت نام کنید و سفر خود را به سوی توسعه دهنده ای حرفه ای آغاز کنید!