آموزش React Native - ساخت اپلیکیشن‌های موبایل چندسکویی قدرتمند

آنچه یاد خواهید گرفت:

• درک اکوسیستم React Native - درک اصول React Native، مزایای آن و مقایسه با دیگر فریمورک‌های توسعه‌ موبایل
• راه‌اندازی محیط توسعه - نصب و پیکربندی با اطمینان ابزارهای لازم (Expo، اندروید استودیو) برای توسعه React Native
• تسلط به کامپوننت‌های اصلی React Native - استفاده از کامپوننت‌های اساسی مانند متن، تصویر، TextInput، دکمه، ScrollView و FlatList برای ساخت رابط‌های کاربری
• پیاده‌سازی ناوبری و انتقال داده - ساختاردهی اپلیکیشن‌های چند صفحه‌ای با استفاده از React Navigation و انتقال یکپارچه داده‌ بین صفحات
• مدیریت state اپلیکیشن - یاد می‌گیرید چگونه state پیچیده‌ اپلیکیشن را با استفاده از هوک‌های ری‌اکت (مانند useState) و ریداکس مدیریت کنید.
• واکشی و پایداری داده - بازیابی داده از APIs با استفاده از Fetch یا Axios و ذخیره داده‌ به‌ صورت محلی با AsyncStorage
• استایل‌دهی اپلیکیشن‌های React Native - اعمال تکنیک‌های استایل‌دهی، از جمله استایل‌های درون‌خطی، StyleSheet API و styled-components برای ایجاد اپلیکیشن‌های ویژوال جذاب
• پیاده‌سازی انیمیشن‌ها و حرکات - با افزودن انیمیشن‌ها و در نظر گرفتن کنترل رفتارها با استفاده از Animated API و react-native-reanimated به اپلیکیشن‌ها جان می‌بخشید.
• دسترسی به ویژگی‌های دستگاه - استفاده از APIs دستگاه برای گنجاندن قابلیت‌هایی مانند دسترسی به دوربین، ردیابی موقعیت و داده‌ حسگر در اپلیکیشن‌ها
• گنجاندن پوش نوتیفیکیشن‌ها - یاد می‌گیرید چگونه پوش نوتیفیکیشن‌ها را به اپلیکیشن‌های React Native خود با استفاده از سرویس‌های نوتیفیکیشن Expo یکپارچه کنید.
• ساخت و استقرار اپلیکیشن‌ها - کسب مهارت‌های لازم برای ساخت، امضا و انتشار اپلیکیشن‌های React Native در فروشگاه گوگل پلی و فروشگاه اپل
• گسترش React Native با کد نیتیو - یاد می‌گیرید چه زمانی و چگونه کد نیتیو (iOS و اندروید) را برای گسترش قابلیت‌های React Native برای بسیاری از عملکردها، یکپارچه کنید.

پیش‌نیازهای دوره

• اشتیاق و عزم برای اثرگذاری در جهان

توضیحات دوره

به دوره‌یReact Native - ساخت اپلیکیشن‌های قدرتمند موبایل چندمنظوره از Uplatz خوش آمدید.

React Native یک فریمورک متن باز است که توسط فیسبوک توسعه یافته و به توسعه‌دهندگان امکان می‌دهد که اپلیکیشن‌های موبایل را با استفاده از جاوااسکریپت و ری‌اکت بسازند. React Native این امکان را فراهم می‌کند تا اپلیکیشن‌های موبایل مشابه نیتیو برای هر دو پلتفرم iOS و اندروید با استفاده از یک پایگاه کد ایجاد شود. به جای کامپایل کردن به کامپوننت‌های وب، کامپوننت‌های React Native به‌طور مستقیم به عناصر رابط کاربری نیتیو موبایل کامپایل می‌شوند که عملکرد بالا و تجربه کاربری یکپارچه‌ را ارائه می‌دهد.

React Native چگونه کار می‌کند؟

React Native یک فریمورک محبوب برای ساخت اپلیکیشن‌های موبایل چندمنظوره با استفاده از جاوااسکریپت است. بیایید عمیقاً به بررسی نحوه‌ عملکرد آن بپردازیم:

جاوااسکریپت و کد نیتیو

• React Native به شما امکان می‌دهد که منطق اپلیکیشن خود را با استفاده از جاوااسکریپت بنویسید، در حالی که رابط کاربری با استفاده از کامپوننت‌های نیتیو می‌شود. این بدان معنا است که اپلیکیشن شما شبیه به یک اپلیکیشن نیتیو به نظر می‌رسد و احساس می‌شود، هرچند که با جاوااسکریپت ساخته شده است.

بریج

• React Native از یک «بریج» برای ارتباط کد جاوااسکریپت شما با کد نیتیو پلتفرم هدف (iOS یا اندروید) استفاده می‌کند. این بریج، ارتباط بین این دو را تسهیل می‌کند و به جاوااسکریپت اجازه می‌دهد از APIs نیتیو و عناصر رابط کاربری دسترسی پیدا کند.

Threads

• Thread اصلی - این Thread اصلی است که مسئول مدیریت بروزرسانی‌ها و تعاملات رابط کاربری است.
• Thread جاوااسکریپت - این Thread کد جاوااسکریپت شما را اجرا می‌کند و منطق و state اپلیکیشن را مدیریت می‌نماید.
• Thread سایه - این Thread، طرح‌بندی رابط کاربری را با استفاده از Yoga محاسبه می‌کند، موتور طرح‌بندی که طرح‌بندی‌های Flexbox را به طرح‌بندی‌های نیتیو ترجمه می‌کند.
• Thread ماژول‌های نیتیو - این Thread، دسترسی به APIs خاص پلتفرم، مانند دوربین، لوکیشن و حسگرها را فراهم می‌کند.

رندرینگ رابط کاربری

• زمانی که شما کد رابط کاربری را در React Native با استفاده از JSX (گسترش سینتکس به جاوااسکریپت) می‌نویسید، این ابتدا به HTML ترجمه نمی‌شود مانند توسعه وب ری‌اکت، در عوض، React Native کامپوننت‌های JSX شما را به کامپوننت‌های نیتیو رابط کاربری متناظر خود در پلتفرم نگاشت می‌کند. این امر امکان می‌دهد ظاهر و احساسی نیتیو داشته باشد.

جریان ارتباطات

• زمانی که کاربر با اپلیکیشن تعامل می‌کند، thread اصلی یک رویداد را به thread جاوااسکریپت از طریق بریج ارسال می‌کند.
• thread جاوااسکریپت این رویداد را پردازش کرده و state اپلیکیشن را بروزرسانی می‌کند.
• این بروزرسانی‌ها سپس به thread اصلی ارسال می‌شوند که رابط کاربری را با تغییرات جدید دوباره رندر می‌کند.

تصور کنید که دو نفر به زبان‌های مختلف صحبت می‌کنند و نیاز به ارتباط دارند. بریج به‌ عنوان مترجم عمل می‌کند و به آنها امکان می‌دهد که یکدیگر را درک کنند. در React Native، بریج، دستورالعمل‌های جاوااسکریپت را به کد نیتیو که دستگاه موبایل می‌تواند درک کرده و بالعکس ترجمه می‌کند.

این معماری به React Native امکان می‌دهد که تجربه‌ای کاملاً نیتیو ارائه دهد در حالی که انعطاف‌پذیری و کارایی توسعه جاوااسکریپت را به‌کار می‌برد.

ویژگی‌های کلیدی React Native

• توسعه چندمنظوره - نوشتن یک پایگاه کد که در هر دو پلتفرم iOS و اندروید کار می‌کند.
• عملکرد نیتیو - استفاده از کامپوننت‌های نیتیو برای رندرینگ، اطمینان از عملکرد نزدیک به نیتیو
• Hot Reloading - به توسعه‌دهندگان امکان می‌دهد که تغییرات بلادرنگ بدون راه‌اندازی مجدد اپلیکیشن مشاهده کنند.
• کامپوننت‌های قابل استفاده مجدد - از کامپوننت‌های رابط کاربری قابل استفاده مجدد برای ساخت اپلیکیشن‌ها به‌طور مؤثر استفاده می‌کند و زمان توسعه را کاهش می‌دهد.
• اکوسیستم بزرگ - از کتابخانه‌های شخص ثالث پشتیبانی می‌کند و دارای اکوسیستم غنی از پلاگین‌ها و ابزارها است.
• کامیونیتی فعال - تحت حمایت یک کامیونیتی قوی از توسعه‌دهندگان و مدیریت شده توسط فیسبوک است که به بهبودهای مداوم کمک می‌کند.

چرا یادگیری React Nativeمفید است؟

• کارایی - با توسعه برای هر دو پلتفرم با یک پایگاه کد، زمان و هزینه‌ توسعه را کاهش می‌دهد.
• تقاضای بالا - شرکت‌ها به‌طور فزاینده‌ای React Native را به دلیل چندمنظوره بودن آن اتخاذ می‌کنند که این یک مهارت ارزشمند در بازار کار است.
• قابلیت مقیاس‌پذیری - معماری React Native امکان مقیاس‌پذیری اپلیکیشن‌ها را از پروژه‌های ساده تا اپلیکیشن‌های پیچیده موبایل آسان می‌کند.
• اکوسیستم در حال رشد - این فریمورک همچنان با یک کامیونیتی قوی و منابع وسیع در حال توسعه است و از توسعه‌دهندگان جدید و مجرب حمایت می‌کند.
• تجربه مشابه نیتیو - عملکرد و تجربه کاربری اپلیکیشن‌های نیتیو را فراهم می‌کند و آن را به گزینه‌ای بسیار مطلوب برای توسعه چندمنظوره تبدیل می‌کند.

React Native - برنامه درسی دوره

آشنایی با React Native

• بررسی React Native و مقایسه آن با سایر فریمورک‌های موبایل

شروع کار با React Native

• نصب Expo و ساخت اولین اپلیکیشن React Native​​​​​​​ خود

مبانی توسعه موبایل

• درک چرخه عمر توسعه اپلیکیشن‌های موبایل

نیتیو در مقابل React Native​​​​​​​​​​​​​​

• مزایا و معایب توسعه اپلیکیشن‌‌های نیتیو در مقابل React Native​​​​​​​

راه‌اندازی اندروید استودیو

• دانلود و نصب اندروید استودیو و راه‌اندازی یک دستگاه مجازی

استایل‌دهی در React Native​​​​​​​

• بررسی تکنیک‌های مختلف استایل‌دهی برای اپلیکیشن‌های React Native

کامپوننت‌های اصلی - متن، تصویر و ورودی

• یاد می‌گیرید چگونه از کامپوننت‌های متن، تصویر و TextInput در React Native استفاده کنید.

مدیریت Stateبا استفاده از هوک‌ها

• آشنایی با مدیریت State با استفاده از هوک useState

کار با دکمه‌ها و رویدادهای لمسی

• یاد می‌گیرید چگونه دکمه‌های تعاملی و حرکات لمسی را پیاده‌ کنید.

Views قابل اسکرول

• پیاده‌سازی ScrollView و FlatList و SectionList

ساخت اپلیکیشن لیست To-Do

• ساخت اپلیکیشن ساده لیست To-Do با استفاده از FlatList و استایل‌ها

React Navigation

• پیاده‌سازی ناوبری با استفاده از React Navigation با ناوبرهای استک و تب

انتقال داده بین صفحات

• یاد می‌گیرید چگونه داده‌ را در صفحات مختلف اپلیکیشن منتقل کنید.

مدیریت State های ناوبری

• مدیریت State ناوبری در اپلیکیشن‌های پیچیده

کار با ناوبرهای تودرتو

• استفاده از ناوبرهای تودرتو در یک اپلیکیشن چند صفحه‌ای

سفارشی‌سازی ناوبری

• سفارشی‌سازی هدرها و گزینه‌های ناوبری برای احساس منحصربه‌فرد در اپلیکیشن

مدیریت Stateبا ریداکس

• آشنایی با ریداکس و استفاده از آن در React Native برای مدیریت state

واکشی داده از APIs

• استفاده از Axios یا Fetch برای بازیابی داده‌ از APIs خارجی

پایداری داده‌ با استفاده از AsyncStorage

• یاد می‌گیرید که چگونه داده‌ را به‌ صورت محلی با استفاده از AsyncStorage پایدار کنید.

ساخت اپلیکیشن‌های داده محور با ریداکس

• ساخت اپلیکیشن‌های مقیاس‌پذیر با استفاده از ریداکس و Context API

استایل‌دهی پیشرفته با Styled-Components

• راه‌اندازی و ایجاد styled components قابل استفاده مجدد

انیمیشن‌ها در React Native​​​​​​​

• آشنایی با انیمیشن‌ها با استفاده از Animated API، شامل انیمیشن‌های fade، مقیاس و چرخش

مدیریت حرکات

• پیاده‌سازی انیمیشن‌ها و حرکات پیچیده با استفاده از react-native-reanimated

کار با APIs دستگاه

• دسترسی به ویژگی‌های دستگاه مانند دوربین، لوکیشن، شتاب‌سنج و ژیروسکوپ

پوش نوتیفیکیشن‌ها با Expo

• یاد می‌گیرید که چگونه پوش نوتیفیکیشن‌ها را در اپلیکیشن‌های React Native راه‌اندازی و مدیریت کنید.

پخش و ضبط رسانه

• کار با فایل‌های صوتی و ویدئویی و ضبط رسانه در React Native

SQLite و پایگاه داده‌های محلی

• یاد می‌گیرید چگونه پایگاه‌های داده محلی را با استفاده از SQLite ایجاد و مدیریت کنید.

احرازهویت کاربر

• پیاده‌سازی لاگین، خروج از سیستم و احرازهویت کاربر در اپلیکیشن‌های React Native

بهینه‌سازی عملکرد

• تکنیک‌هایی برای بهبود عملکرد اپلیکیشن و پروفایلینگ با Expo

ساخت و استقرار اپلیکیشن‌ها

• مراحل ساخت، امضا و انتشار اپلیکیشن React Native خود در گوگل پلی و اپ استور

جدا شدن از Expo

• زمان و دلیل جدا شدن از Expo به گردش‌کار اولیه

یکپارچه‌سازی کد نیتیو

• کار با کد نیتیو در React Native برای هر دو پلتفرم iOS و اندروید

این دوره برای چه کسانی مناسب است؟

• برنامه‌نویسان مبتدی تا سطح متوسط - افرادی با دانش اولیه از برنامه‌نویسی، به‌ویژه در جاوااسکریپت که می‌خواهند توسعه اپلیکیشن موبایل را یاد بگیرند.
• توسعه‌دهندگان اپلیکیشن‌های موبایل - کسانی که در توسعه موبایل نیتیو (iOS یا اندروید) تجربه دارند و می‌خواهند یک فریمورک چندمنظوره یاد بگیرند.
• توسعه‌دهندگان باتجربه وب ری‌اکت - توسعه‌دهندگانی که با ری‌اکت آشنا هستند و می‌خواهند از مهارت‌های خود برای ساخت اپلیکیشن‌های موبایل استفاده کنند.
• مهندسان فرانت‌اند - گسترش مهارت‌ها برای گنجاندن توسعه اپلیکیشن موبایل با React Native
• مهندسان فول‌استک - افزودن توسعه موبایل چندمنظوره به مجموعه مهارت‌های خود برای مالکیت پروژه end-to-end
• کارآفرینان و صاحبان کسب‌وکار - افرادی با ایده‌های اپلیکیشن که می‌خواهند یاد بگیرند چگونه اپلیکیشن‌های خود را بسازند.
• کسی که به دنبال شروع یک حرفه در توسعه اپلیکیشن موبایل است.
• دانشجویان و افرادی که به‌ دنبال گسترش مهارت‌های خود هستند - کسی که به دنبال گسترش مهارت‌های خود و ورود به حوزه توسعه اپلیکیشن موبایل است.
• طراحان UI و UX - دستیابی به درک بهتری از پیاده‌سازی فنی طراحی‌های خود در محیط React Native
• مهندسان تضمین کیفیت - یادگیری React Native برای درک بهتر فریمورک و نوشتن تست‌های موثرتر