آموزش React Native - تسلط به توسعه اپلیکیشنهای چند پلتفرمی
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری توسعه اپلیکیشن موبایل با React Native.
- یادگیری توسعه اپلیکیشن موبایل با React Native و رابطهای کاربری تطبیقپذیر
- یادگیری جدیدترین نسخه React Native
- استفاده از ویژگیهای Firebase با React Native
- راهاندازی محیط React Native و ساخت اولین اپلیکیشن موبایل با استفاده از Expo
- درک و بهکارگیری کامپوننتهای اصلی React Native و تکنیکهای استایلدهی برای iOS و Android
- استفاده از Flexbox برای ساخت طرح بندیهای تطبیقپذیر در دستگاههای مختلف
- پیادهسازی مدیریت رویدادها، لیستها، مودالها، تصاویر و فرمها
- دیباگ کردن اپلیکیشنها و ساختاردهی اپلیکیشنهای چند صفحهای با React Navigation (stack ،drawer ،bottom tabs)
- ساخت رابطهای کاربری واکنشگرا و تطبیقپذیر با استفاده از Dimensions API ،KeyboardAvoidingView و کدهای مختص پلتفرم
- مدیریت موثر استیت با Context API و useReducer
- اتصال اپلیکیشنها به Firebase: احراز هویت، ذخیرهسازی دادهها، درخواستهای POST/GET، بروزرسانیها و مدیریت خطا
- کار با ویژگیهای دستگاه: دوربین، انتخابگر تصویر، موقعیت جغرافیایی و نقشهها
- توسعه چندین پروژه واقعی (اپلیکیشن لیست انجام کار، بازی حدس عدد، اپلیکیشن غذا، اپلیکیشن ردیابی مواد و اپلیکیشن مبتنی بر موقعیت مکانی TastySpot)
- بهکارگیری بهترین شیوه ها برای طراحی UI/UX، بهینهسازی عملکرد و توسعه چند پلتفرمی
- انتشار با اطمینان اپلیکیشنهای آماده برای نسخه نهایی هم برای Android و هم برای iOS
پیشنیازهای دوره
- این دوره برای کسانی که دانش اولیهای از HTML ،CSS ،JavaScript و React دارند ایدهآل است، اما نیازی نیست متخصص باشید
- سیستم عامل Mac OS ترجیح داده میشود، اما اجباری نیست. میتوانید از سایر سیستمعاملها استفاده کنید.
- داشتن یک کامپیوتر سالم با 8GB رم یا بالاتر و اتصال اینترنت
- دانش اولیه JavaScript مورد نیاز است.
- اشتیاق به یادگیری توسعه اپلیکیشنهای موبایل
- تماشای کامل ویدیوهای دوره React Native، تا انتها و به ترتیب.
- هیچ چیز دیگر! فقط شما، کامپیوترتان و انگیزه شما برای شروع همین امروز
توضیحات دوره
به دوره «React Native - تسلط به توسعه اپلیکیشنهای چند پلتفرمی» خوش آمدید.
یادگیری React Native ،Expo ،Android Studio ،Hooks ،Firebase و Navigation برای ساخت اپلیکیشنهای واقعی iOS و Android با یک کدبیس واحد
فریمورک React Native یک فریمورک متنباز است که توسط Meta (Facebook) توسعه یافته و به شما امکان میدهد با یک کدبیس واحد JavaScript، اپلیکیشنهای موبایل برای هر دو پلتفرم iOS و Android بسازید. برخلاف رندر شدن به HTML، فریمورک React Native مستقیماً به کامپوننتهای UI بومی رندر میشود و عملکردی نزدیک به Native و تجربه کاربری روانی را ارائه میدهد.
از Instagram تا Tesla، بسیاری از اپلیکیشنهای برتر از React Native استفاده میکنند که آن را به یکی از پرتقاضاترین مهارتها برای توسعه موبایل مدرن تبدیل کرده است.
فریمورک React Native بهترین بخشهای توسعه با React را به توسعه Native میآورد.
این یک کتابخانه JavaScript درجه یک برای ساخت رابطهای کاربری است.
فریمورک React Native به شما امکان میدهد اپلیکیشنهای واقعاً Native بسازید و تجربه کاربران را به خطر نمیاندازد. این فریمورک مجموعهای اصلی از کامپوننتهای Native مستقل از پلتفرم مانند View ،Text و Image را ارائه میدهد که مستقیماً به بلوکهای سازنده UI بومی پلتفرم نگاشت میشوند.
در این دوره، شما React Native را گامبهگام یاد خواهید گرفت - با شروع از اصول اولیه مانند کامپوننتها، استایلدهی و رویدادها، و پیشرفت به سمت موضوعات پیشرفته مانند React Navigation ،Hooks ،Context API، احراز هویت Firebase و طرح بندیهای تطبیقپذیر
شما چندین پروژه واقعی خواهید ساخت و اعتماد به نفس لازم برای توسعه، تست و استقرار اپلیکیشنهای حرفهای در هر دو پلتفرم Android و iOS را به دست خواهید آورد.
ساخت اپلیکیشنهای Native برای Android ،iOS و موارد دیگر با استفاده از React
ویژگیهای React Native
- توسعه چند پلتفرمی: ساخت اپلیکیشن برای هر دو پلتفرم iOS و Android با یک کدبیس
- کامپوننتهای Native: اپلیکیشنها با المانهای UI بومی پلتفرم رندر میشوند، نه با Web Viewها، که عملکردی نزدیک به Native را تضمین میکند.
- قابلیت Hot Reloading: مشاهده آنی تغییرات در اپلیکیشن هنگام کدنویسی
- کامپوننتهای قابل استفاده مجدد: ایجاد المانهای UI ماژولار که میتوانند در بخشهای مختلف اپلیکیشن مجدداً استفاده شوند.
- پشتیبانی Expo: سادهسازی توسعه، تست و استقرار با ابزارهای Expo
- کتابخانه React Navigation: پیادهسازی ناوبری روان و منعطف بین چندین صفحه
- مدیریت استیت: مدیریت کارآمد دادههای سراسری اپلیکیشن با استفاده از Context API یا راهکارهای دیگر
- یکپارچهسازی با Firebase: افزودن آسان احراز هویت و ویژگیهای Backend واقعی
- جامعه بزرگ و اکوسیستم: بهرهمندی از پشتیبانی قوی جامعه کاربری و هزاران کتابخانه متنباز
در OAK Academy، تمرکز بر آموزش شفاف، پروژههای کاربردی و محتوای بهروز است. با دسترسی مادامالعمر، پشتیبانی سریع و ویدیو و صدای باکیفیت، شما همه چیزهای لازم برای تسلط بر React Native را خواهید داشت.
آنچه خواهید آموخت
- چگونگی ساخت اپلیکیشنهای موبایل از ابتدا با React Native
- ایجاد و استایلدهی کامپوننتها برای رابطهای کاربری مدرن اپلیکیشن
- مدیریت رویدادها، لیستها و تعاملات کاربر
- توسعه رابطهای کاربری تطبیقپذیر برای اندازههای مختلف صفحه نمایش
- پیادهسازی ناوبری چند صفحهای با React Navigation
- مدیریت استیت سراسری با استفاده از Context API
- بهینهسازی مدیریت ورودی با کامپوننت TextInput
- افزودن احراز هویت Firebase به اپلیکیشنهای واقعی
- ساخت اپلیکیشنهای چند پلتفرمی که روی هر دو سیستم عامل iOS و Android اجرا میشوند
- تکمیل پروژههای عملی برای تثبیت دانش خود
1. React Native چیست؟
فریمورک React Native یک فریمورک متنباز توسعه یافته توسط Meta (Facebook) است که به توسعهدهندگان اجازه میدهد اپلیکیشنهای موبایل را برای iOS و Android با استفاده از یک کدبیس واحد JavaScript/React بسازند. برخلاف راهکارهای مبتنی بر وب، React Native کامپوننتهای UI بومی را رندر میکند که عملکرد و تجربه کاربری نزدیک به Native را ارائه میدهد.
2. آیا React Native برای مبتدیان مناسب است؟
بله! React Native برای مبتدیان مناسب است، بهویژه اگر از قبل JavaScript یا React را بلد باشید. حتی اگر تجربه قبلی ندارید، این دوره شما را گامبهگام راهنمایی میکند، از اصول اولیه کامپوننتها و استایلدهی تا موضوعات پیشرفته مانند ناوبری، احراز هویت Firebase و مدیریت استیت.
3. چرا باید React Native را یاد بگیرم؟
فریمورک React Native یکی از محبوبترین فریمورکهای توسعه موبایل است که توسط شرکتهایی مانند Facebook ،Instagram و Tesla استفاده میشود. توسعه چند پلتفرمی همچنان تقاضای بالایی دارد زیرا در زمان صرفهجویی میکند، هزینهها را کاهش میدهد و اجازه میدهد اپلیکیشنها به مخاطبان وسیعتری دسترسی پیدا کنند. با یادگیری React Native، شما مهارتهایی آیندهدار برای توسعه موبایل کسب خواهید کرد.
چرا باید این دوره را بگذرانید؟
پاسخ مدرس ساده است: کیفیت آموزش
موسسه OAK Academy مستقر در لندن، یک شرکت آموزش آنلاین است. OAK Academy در زمینههای IT، نرمافزار، طراحی و توسعه به زبانهای ترکی، انگلیسی، پرتغالی و بسیاری از زبانهای دیگر در پلتفرم یودمی آموزش میدهد و بیش از 2000 ساعت درس ویدیویی دارد.
وقتی در این دوره شرکت میکنید، تخصص توسعهدهندگان باتجربه OAK Academy را حس خواهید کرد
کیفیت تولید صدا و تصویر
تمام محتوای مدرس با کیفیت بالای صدا و تصویر تولید شده است تا بهترین تجربه یادگیری را برای شما فراهم کند
شما خواهید توانست،
- بهوضوح ببینید.
- بهوضوح بشنوید.
- بدون حواسپرتی در طول دوره پیش بروید.
همین امروز ساخت اپلیکیشنهای موبایل چند پلتفرمی قدرتمند را شروع کنید!
به دوره «آموزش React Native - تسلط به توسعه اپلیکیشنهای چند پلتفرمی» بپیوندید و به یک توسعهدهنده با اعتماد به نفس React Native تبدیل شوید - یک کدبیس، امکانات بیپایان
این دوره برای چه کسانی مناسب است؟
- مبتدیانی که میخواهند ساخت اپلیکیشنهای موبایل با React Native را شروع کنند.
- توسعهدهندگان وب که از قبل JavaScript/React را میشناسند و میخواهند وارد حوزه توسعه موبایل چند پلتفرمی شوند.
- دانشجویانی که برای اولین شغل خود در توسعه اپلیکیشن موبایل آماده میشوند.
- هر کسی که علاقهمند به ساخت پروژههای واقعی (اپلیکیشنهای لیست انجام کار، بازیها، ردیابی مواد، اپلیکیشنهای مبتنی بر موقعیت مکانی و غیره) با React Native است.
- توسعهدهندگانی که میخواهند یکپارچهسازی Firebase، احراز هویت و استفاده از API را برای اپلیکیشنهای موبایل یاد بگیرند.
- هر کسی که برنامهریزی برای تغییر شغل دارد و میخواهد به یک توسعهدهنده موبایل تبدیل شود.
- هر کسی که تجربه قبلی کدنویسی توسعه موبایل ندارد اما میخواهد متخصص شود.
آموزش React Native - تسلط به توسعه اپلیکیشنهای چند پلتفرمی
-
چه چیزی یاد خواهیم گرفت؟ 02:52
-
React Native چیست؟ 04:42
-
فرآیند کامپایل و رندرینگ 04:35
-
شروع یک اپلیکیشن با React Native 07:05
-
ساخت اولین اپلیکیشن React Native با استفاده از React Native Expo 18:16
-
ساختار فایل React Native 05:57
-
راهاندازی Android Studio و Xcode 16:38
-
خلاصه بخش 07:20
-
آزمون None
-
مقدمه بخش 01:48
-
توضیح ساختار کامپوننت React Native 14:38
-
کار با کامپوننتهای اصلی 07:35
-
استایلدهی به اپلیکیشنهای React Native 10:04
-
ایجاد یک طرح بندی جدید 03:59
-
Flexbox در React Native 04:08
-
بررسی عمیق استفاده از Flexbox در React Native 11:55
-
ایجاد یک طرح بندی با استفاده از Flexbox 11:31
-
مدیریت رویدادها 05:41
-
مدیریت لیست انجام کار 05:25
-
تفاوت استایل بین iOS و Android 07:03
-
کامپوننت ScrollView 06:36
-
استفاده از FlatList در لیستها 11:34
-
شروع استفاده از کامپوننتها 06:49
-
ایجاد کامپوننت TextInput 09:02
-
حذف آیتمها با استفاده از کامپوننت Pressable 09:15
-
ویرایش استایل برای Android و iOS 04:44
-
اضافه کردن یک صفحه مودال 10:30
-
باز و بسته کردن مودال 04:13
-
بیایید از کامپوننت Image استفاده کنیم 05:09
-
تکمیل اپلیکیشن 06:50
-
خلاصه بخش 02:57
-
آزمون None
-
مقدمه بخش 02:36
-
دیباگ کردن اپلیکیشن React Native 07:00
-
شروع اپلیکیشن 04:44
-
ایجاد صفحات و ساخت دکمه سفارشی 06:49
-
استایلدهی برای Android و iOS 08:43
-
استایلدهی و پیکربندی TextInput 06:22
-
اعمال استایل به کامپوننت MainButton 09:56
-
ایجاد رنگ پسزمینه و استفاده از Linear Gradient 07:04
-
کامپوننت ImageBackground 06:19
-
شروع ساخت منطق اپلیکیشن 04:28
-
نمایش هشدار در شرایط خطا 07:47
-
تغییر صفحه هنگام وارد کردن عدد صحیح 08:04
-
ساخت کامپوننت صفحه اصلی بازی 06:11
-
ساخت کامپوننت عنوان 04:33
-
مدیریت رنگها به صورت سراسری 08:46
-
ایجاد ساختار برای تولید عدد تصادفی 11:02
-
کاری کنیم که دستگاه درست حدس بزند 15:22
-
نمایش صفحه پایان بازی وقتی دستگاه عدد صحیح را تشخیص داد 05:16
-
کار با آیکونها و استفاده از فونتهای سفارشی 13:23
-
چگونگی استفاده از پکیج "expo-splash-screen" 06:23
-
ساخت نمایش صفحه GameOverScreen 11:45
-
داینامیک کردن صفحه GameOverScreen 07:04
-
استفاده از FlatList برای حدسهای دستگاه 06:33
-
ایجاد استایل خروجیها 08:22
-
آخرین تغییرات و خلاصه 04:34
-
آزمون None
-
مقدمه بخش 01:39
-
داینامیک کردن مقدار عرض 04:47
-
دریافت اندازه دستگاه با Dimensions API 08:20
-
ادامه کار با Dimensions API 07:15
-
تنظیم ابعاد صفحه بر اساس جهتگیری صفحه دستگاهها 12:43
-
مدیریت ساختار صفحه با استفاده از کامپوننت KeyboardAvoidingView 07:20
-
تغییر صفحه اصلی بازی به حالت افقی 08:23
-
سازماندهی صفحه GameOverScreen با هوک useWindowDimensions 09:02
-
کدنویسی مختص پلتفرم 10:31
-
پایان دادن به اپلیکیشن با استفاده از StatusBar 02:38
-
آزمون None
-
مقدمه بخش 01:37
-
راهاندازی پروژه 04:47
-
ایجاد پوشهها و مدیریت دادههای ساختگی 07:29
-
نمایش دستهبندیهای غذا 10:15
-
ایجاد استایلهای دستهبندی 14:38
-
استفاده از React Navigation در اپلیکیشن 20:40
-
جابجایی بین صفحات 13:32
-
توضیحاتی در مورد استفاده از React Navigation 06:12
-
ارسال پارامترها به مسیرها 05:41
-
مشاهده اطلاعات غذا 09:26
-
استایلدهی به کامپوننت MealCard 16:21
-
برخی ویژگیهای کامپوننت Image 03:46
-
استایلدهی به هدر صفحات 05:09
-
تغییر داینامیک عنوان 09:02
-
ساخت صفحه جزئیات غذا 06:27
-
نهایی کردن صفحه جزئیات غذا 12:32
-
ایجاد دکمه در بخش هدر 11:51
-
بیایید Drawer Navigator را یاد بگیریم 09:00
-
نویگیتورهای Drawer و Bottom Tabs 17:43
-
استفاده از نویگیتورهای تو در تو در اپلیکیشن غذا 12:48
-
تغییرات نهایی 03:43
-
آزمون None
-
نمای کلی بخش 02:03
-
شروع استفاده از Context API 09:47
-
استفاده از هوک useContext 06:10
-
ساخت صفحه غذاهای مورد علاقه 10:00
-
آزمون None
-
معرفی پروژه 04:51
-
راهاندازی پروژه 06:08
-
ایجاد سیستم ناوبری 10:40
-
ایجاد استایل منو 07:19
-
ساخت کامپوننتها و دادههای ساختگی 07:47
-
ساخت کامپوننت MaterialList 07:52
-
شروع کار روی طرح بندی اپلیکیشن 08:09
-
ساخت کامپوننت رندر Material 07:53
-
ساخت دکمه افزودن Material 06:20
-
ناوبری برنامهنویسی شده صفحه 07:50
-
سازماندهی صفحه ویرایش Material 07:55
-
ساخت دکمهها برای استفاده در صفحه ویرایش Material 15:37
-
مدیریت استیت با Context API و هوک useReducer 12:08
-
ایجاد حالتهای UPDATE و DELETE 05:11
-
استفاده از ساختار Context در کامپوننتها 11:25
-
بیایید دکمهها را فعال کنیم 10:59
-
ساخت یک کامپوننت ورودی سفارشی 11:03
-
استایلدهی 13:36
-
مدیریت مقادیر وارد شده از ورودی 07:26
-
فرآیند ارسال فرم با داده واقعی 09:10
-
ویرایش دادهها در صفحه ویرایش Material 06:21
-
اعتبارسنجی داده 06:32
-
راهاندازی Firebase 07:10
-
ارسال درخواست POST به Firebase 05:22
-
دریافت داده از Firebase 07:07
-
یکپارچهسازی Context API و Firebase 08:46
-
دریافت اطلاعات ID از Firebase 06:56
-
حذف و بروزرسانی در Firebase 05:38
-
مدیریت استیت بارگذاری 11:36
-
مدیریت استیت خطا 10:57
-
آزمون None
-
نمای کلی بخش 02:57
-
معرفی اپلیکیشن آغازین 06:31
-
احراز هویت Firebase 08:04
-
ارسال اطلاعات ثبتنام به Firebase 11:17
-
ایجاد کاربر جدید 10:01
-
شروع عملیات کاربر ثبتنام شده 07:02
-
مدیریت خطا 07:04
-
استفاده از Context API برای مدیریت فرآیند احراز هویت 07:31
-
رفتن به صفحه خوشآمدگویی با استفاده از اطلاعات توکن 10:05
-
خروج 04:15
-
آزمون None
-
نمای کلی بخش 00:52
-
شروع ساخت صفحات اپلیکیشن 08:46
-
ساخت کامپوننت TastyCard 06:07
-
ایجاد ساختار ناوبری 08:09
-
دکمه هدر و رنگها 11:27
-
ساخت کامپوننت TasteForm و پیکربندی پکیج دوربین Native 12:39
-
عکس گرفتن 08:44
-
باز کردن اپلیکیشن با یک دستگاه واقعی iOS 11:48
-
نمایش تصویر گرفته شده در اپلیکیشن 07:29
-
ساخت کامپوننت برای دریافت اطلاعات موقعیت مکانی 05:41
-
دریافت اطلاعات موقعیت مکانی 07:05
-
دریافت API Key از پلتفرم Google Maps 09:46
-
نمایش موقعیت روی نقشه 12:22
-
ایجاد نقشه تعاملی و اضافه کردن نشانگر 14:04
-
نمایش موقعیت انتخاب شده از نقشه تعاملی در کامپوننت LocationPicture 12:07
-
دریافت تمام دادهها در کامپوننت TasteForm 14:48
-
تبدیل مقادیر عرض و طول جغرافیایی به آدرسهای خوانا 12:34
-
ارسال اطلاعات موقعیت مکانی به صفحه تمام مزهها 12:27
-
استایلدهی کامپوننت TastyCard 08:02
-
آزمون None
-
پایان 00:45
مشخصات آموزش
آموزش React Native - تسلط به توسعه اپلیکیشنهای چند پلتفرمی
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:159
- مدت زمان :20:37:38
- حجم :13.42GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy