آموزش react native دوره ای است که مفاهیم پایه و کاربردی فریمورک محبوب react native به صورت کاملا پروژه محور و جامع آموزش داده می شود. هدفی که در این دوره دنبال می کنیم یادیگری عمیق و مفهومی React Native است تا شما قدم به قدم با مفاهیم اساسی react native آشنا شوید، فریمورکی که با استفاده از آن می توانید برای پلتفرم Android و ios اپلیکیشن بسازید.
react native چیست؟
react native(ری اکت نیتیو) یکی دیگر از فریمورک های جاوااسکرپتی محبوب است که در سال 2015 توسط facebook منتشر شد. این فریمورک بر پایه Javascript و کتابخانه فوق العاده Reactjs توسعه داده شده است و با کمک آن می توانید اپلیکیشن های Android و Ios به صورت native بسازید.
پیش نیازهای دوره پروژه محور و جامع react native چیه؟
با توجه به اینکه react native برپایه جاوااسکریپت و reactjs توسعه داده شده است، بنابراین باید به جاوا اسکریپت ، ES6 و react js تسلط داشته باشید.اگر به این پیش نیازها تسلط ندارید، نیاز نیست نگران باشید، می توانید به صورت رایگان آموزش javascript، آموزش ES6 و آموزش react js را مشاهده کنید.
در پایان این دوره شما قادر خواهید بود :
- طراحی رابط کاربری (UI)
- پیاده سازی انیمیشن های مختلف
- ارتباط با سرور
- کار با state manager هایی مثل redux و context
- ایجاد کامپوننت های reusable
- کار با پکیج های جانبی
- …
سوالات متداول
مزایا و معایب react native چیست؟
هر فریمورک یا کتابخانه یک سری معایب و مزایا دارد که react native از این قاعده مستثنی نیست.
مزایا react native :
- یک بار کد بزن، چند جا استفاده کن
- با React Native برنامتو توسعه بده و از زبان Native در کنارش استفاده کن!
- پشتیبانی قوی توسط تیمی بزرگ از برنامه نویسان
- زمان و هزینه
- community فعال
- پشتیبانی فیسبوک
معایب react native :
- بروزرسانی بسیار زیاد React Native
- وابستگی به کتابخونه های جانبی
برنامه موبایل Native چیه؟
برنامه های موبایل Native برنامه هایی هستند که بطور مستقیم برای یک پلتفرم و سیستم عامل خاص ساخته شده اند. به طور مثل برای ساخت یک برنامه Native برای اندروید باید از زبان Java و یا Kotlin استفاده کرد و یا برای IOS از swift و یا objective-c و اما فریمورک ری اکت نیتیو که یک خروجی Native مشابه Java و Swift که تا حد زیادی حتی قابل تشخیص از هم نیستند را با یک کد یکسان در اختیار کاربر قرار می دهد
چند درصد کدها بین Androi و Ios در react native مشترک است؟
می توان گفت حدود 95 درصد کدها بین هر دو سیستم عامل در روند توسعه مشترک است و گاهی اوقات برای اینکه کاربران احساس native بودن اپلیکیشن را داشته باشند باید از کامپوننت های مخصوص استفاده کنید.به طور مثال Toast android یا DatePicker
چه اپلیکیشن هایی با react native توسعه داده شدند؟
شرکت های مختلفی از کوچک تا بزرگ از react native برای توسعه اپلیکیشن های خود و افزایش ضریب نفوذشان در قالب پلتفرم های موبایلی استفاده کرده اند مثل : Instagram، Uber Eats، Airbnb، Pinterest و … و وجود این چنین شرکت هایی که در سطح وسیع از React Native استفاده کرده اند جای تامل دارد!
آیا react native ارزش یادگیری دارد؟
برای پاسخ به این سوال می توانیم چندین جنبه را در نظر بگیریم:
- اگر شما یک توسعه دهنده جاوا اسکریپت هستید، به راحتی و با صرف زمان کمتری می توانید react native یاد بگیرید و به طور حتم فرصت های شغلی جدیدی برای شما ایجاد خواهد شد.
- اگر در یک تیم استارتاپی مشغول به فعالیت هستید و نیاز دارید در کمترین زمان ممکن اپلیکیشن برای محصول خودتون و برای هر دو پلتفرم Android و Ios داشته باشید،react native یک گزینه فوق العاده است.
- اگر به دنبال کاهش هزینه های شرکت و صرفه جویی در زمان هستید، react native گزینه ای است که باعث میشه شما در قالب یک تیم زمان و هزینه توسعه اپلیکیشن را کاهش دهید.
آیا آموزش react native وب سایت reactapp.ir کافی است؟
هدفی که ما در این دوره دنبال می کنیم یادگیری مفاهیم پایه و پیشرفته به صورت قدم به قدم و پروژه محور است.یعنی شما علاوه بر ابنکه مفاهیم اساسی react native را در قالب مثال های واقعی و پروژه یاد می گیرید، برای ورود به بازار کار نیز آماده می شوید.
با توجه به اینکه هر پروژه چالش های خاص خودش را دارد، ولی سعی ما این بوده، چالش هایی که در هر پروژه ای وجود دارد را بر طرف کنیم تا دیگر شما استرس نداشتن دانش کافی برای ورود به بازار کار را نداشته باشید و با خیال راحت پا در این مسیر بگذارید.
این دوره مناسب چه کسانی است؟
این دوره مناسب کسانی است که می خواهند با دانش جاوااسکرپتی خود اپلیکیشن های موبایل برای Android و IOS توسعه دهند.
شما با شرکت در این دوره و یادگیری اصولی تمامی مفاهیم پایه و پیشرفته React Native در قالب پروژه های مختلف می توانید به راحتی وارد بازار کار شوید.
فصل اول : مفاهیم مقدماتی
1. نصب React Native در windows
2. نصب React Native در mac
3. اجرای برنامه های react native بر روی پلتفرم android و ios ویدئو
4. راه اندازی Genymotion و اولین component در react native ویدئو
5. ایجاد TextInput ویدئو
6. کار با TextInput options ویدئو
7. کار با styleها
8. آشنایی با FlexBox بخش اول (flex, flexDirection, justifyContent, AlignItem) ویدئو
9. آشنایی با FlexBox بخش دوم (flexWarp, AlignSelf, AlignContent )
10. آشنایی با FlexBox بخش سوم (FlexGrow, FlexShrink, FlexBasic)
11. افزودن Fonts
12. آشنایی با نحوه ایجاد component ویدئو
13. Props در React Native ویدئو
14. State در React Native ویدئو
15. ایجاد لیست با ScrollView ویدئو
16. ایجاد لیست با FlatList ویدئو
17. ایجاد لیست با VirtualizedList ویدئو
18. آشنایی با TouchableOpacity, TouchableHighlite, TouchableWithoutFeedBack ویدئو
19. کار با component جدید Pressable ویدئو
20. ایجاد لیست بی نهایت (infinite List) ویدئو
21. ایجاد Modal ویدئو
22. ایجاد Alert ویدئو
23. آشنایی با RefreshControl ویدئو
24. نحوه کار با کامپوننت StatusBar و Image ویدئو
25. مینی پروژه – بخش اول ویدئو
26. مینی پروژه – بخش دوم ویدئو
27. مینی پروژه – بخش سوم (آشنایی با Formik و Yup) ویدئو
28. آشنایی با چرخه حیات کامپوننت ها در React Native (LifeCycle) ویدئو
29. آشنایی با چرخه حیات کامپوننت ها در React Native (LifeCycle) بخش دوم ویدئو
30.آشنایی با کامپوننت Platform و Dimensions ویدئو
31. معرفی React Navigation 5 ویدئو
32. َشروع کار با React Navigation ویدئو
33. ارسال پارامتر به screen ویدئو
34. جابه جایی بین صفحات - Navigate ویدئو
35. جابه جایی بین صفحات - push و goBack ویدئو
36. جابه جایی بین صفحات - popToTop و replace ویدئو
37. آشنایی با optionها و استایل دهی ویدئو
38. آشنایی با nesting navigator ویدئو
39. ایجاد Drawer ویدئو
40. ایجاد Drawer سفارشی ویدئو
41. ایجاد Tab Navigator ویدئو
42. پیاده سازی Dark Mode ویدئو
فصل دوم : انیمیشن
0. آشنایی با فصل دوم ویدئو
1. آماده سازی پروژه اصلی ویدئو
2. آماده سازی پروژه - بخش دوم ویدئو
3. Animation - timing ویدئو
4. Animation - Easing ویدئو
5. Animation - spring ویدئو
6. Animation - sequence ویدئو
7. Animation - paraller ویدئو
8. Animation - (Delay-Stagger) ویدئو
9. Animation - interpolate ویدئو
10. Animation - Event ویدئو
11. Animation - PanResponder ویدئو
12. پیاده سازی مینی پروژه ویدئو
13. پیاده سازی مینی پروژه - بخش دوم ویدئو
14. پیاده سازی پروژه Drag and Drop ویدئو
15. پیاده سازی اسلایدر Parallex ویدئو
فصل سوم: کار با API
0. آشنایی با فصل سوم ویدئو
1. API - Fetch ویدئو
2. API - Axios بخش اول ویدئو
3. API - Axios بخش دوم ویدئو
4. API - Axios بخش سوم ویدئو
5. API - Axios بخش چهارم ویدئو
6. API - Axios بخش پنجم ویدئو
7. API - Axios بخش ششم ویدئو
8. API - Axios بخش هفتم ویدئو
9. API - Error Handling ویدئو
10. مدیریت داده های دریافتی از سمت سرور ویدئو
11. ذخیره اطلاعات در دیتابیس - صفحه ثبت نام ویدئو
12. دریافت اطلاعات از API - صفحه ورود ویدئو
فصل چهارم: Context - AsyncStorage
0. آشنایی با فصل چهارم ویدئو
1. پیاده سازی سبد خرید - بخش اول ویدئو
2. پیاده سازی سبد خرید - بخش دوم ویدئو
3. پیاده سازی سبد خرید - بخش سوم ویدئو
4. پیاده سازی سبد خرید - بخش چهارم ویدئو
5. AsyncStorage - SetItem ویدئو
6. AsyncStorage - GetItem ویدئو
فصل پنجم : Redux
0. آشنایی با فصل پنجم ویدئو
1. چه زمانی از Redux استفاده کنیم ویدئو
2. کار با ساختار Redux - (َaction-reducers-store) ویدئو
3. Redux - (subscribe-dispatch) ویدئو
4. مدیریت Reducerها - combineReducers ویدئو
5. آماده سازی پروژه ToDo ویدئو
6. ToDo - افزودن کامپوننت Search ویدئو
7. ToDo - افزودن کامپوننت Menu ویدئو
8. ToDo - طراحی المان ها ویدئو
9. استفاده از Redux در پروژه ToDo - بخش اول ویدئو
10. استفاده از Redux در پروژه ToDo - بخش دوم ویدئو
11. استفاده از Redux در پروژه ToDo - بخش سوم ویدئو
13. استفاده از Redux در پروژه ToDo - بخش پنجم ویدئو
12. استفاده از Redux در پروژه ToDo - بخش چهارم ویدئو
14. کار با Middleware - Redux-thunk ویدئو
15. قسمت پایانی ویدئو
فصل ششم: مهارت های کاربردی در React Native
0. پیاده سازی Splash Screen ویدئو
1. کار با map در React Native ویدئو
2. دریافت موقعیت کاربر - location ویدئو
4. طراحی صفحه محصولات بخش دوم ویدئو
3. طراحی صفحه محصولات بخش اول ویدئو
5. کار با Share Api ویدئو
7. پیاده سازی Date Picker - بخش دوم ویدئو
6. پیاده سازی Date Picker - بخش اول ویدئو
8. کار با Web View ویدئو
دوره های مرتبط
آموزش پروژه محور React Native
انیمیشن در react native
ارسال نوتیفیکیشن در React Native
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
149,000 تومان
علی
توسعه دهنده سمت سرورعاشق جاوااسکریپت و توسعه سمت سرور و توسعه اپلیکیشن اونم با React Native:)
darabniya
با سلام
شرایط دریافت کد تخفیف 60 درصدی چیه؟ به ما که جزو کاربران قدیمی هستیم تعلق نمیگیره؟
و اینکه ری اکت نیتیو برای توسعه به سیستم قویی از لحاط سخت افزاری نیازه داره؟ درسته که رم زیادی میکشه و…؟
حداقل سیستم ما باید چه مشخصاتی باید داشته باشه برای توسعه ری اکت نیتیو؟!
تشکر
مهدی(مدیریت)
با سلام
یک هفته قبل از انتشار دوره یک landing page آماده کرده بودیم که می تونستید ایمیل خودتون رو ثبت کنید و تخفیف 60 درصدی دریافت کنید.
همین الان همه دوره رو با 40 درصد تخفیف میتونید دوره رو تهیه کنید
شما باید حداقل 6 گیگ ram داشته باشید و یک cpu core i5
mehdi tehrani
سلام اگه ممکنه طریقه استفاده از laravel api با استفاده از axios رو بگید؟ چون لاراول کار میکنم خواستم نحوه استفاده از اون رو هم داخل پروژه را بدونم؟
مهدی(مدیریت)
سلام
فرقی نمیکنه.شما با هر زبانی API رو نوشته باشید در استفاده در react native فرق نیم کنه.
فقط اگر graphql باشه یک data و query اضافه میشه
رسول
سلام مدت زمان پشتیبانی این دوره چقدر هست چون می می خوام اول رکت که پیش نیاز این دوره هست رو یاد بگیرم و بعد این دوره رو ببینم ، البته اگر پشتیبانی داشته باشه الان خرید می کنم ، اگر نسخه های جدید رکت نیتو بیاد ایا اموزش های این دوره ابدیت می شه یا نه ؟
علیرضا(مدیریت)
بله آپدیت میشه و اپدیت ها برای دانشجویانی که دوره رو تهیه کردند کاملا رایگان خواهد بود
رسول
سلام مدت زمان پشتیبانی از این دوره چقدر است چون من می خوام اول رکت رو یاد بگیرم بعد این دوره رو شروع کنم ، بعدش اگر نسخه جدید رکت نیتو بیاد ایا این دوره بروز رسانی می شود ؟
علیرضا(مدیریت)
سلام و احترام
بله تمامی دوره های سایت هر زمان منتشر بشن اپدیت اون ها کاملا رایگان خواهد بود برای دانشجویانی که ثبت نام میکنند.
هر زمان که پروژه یا هر آیتم دیگری به این دوره اضافه بشه دانشجویانی که ثبت نام کردند میتونند کاملا رایگان از اون محتوا استفاده کنند.
رسول
ممنونم
امیر
آموزش های آقای کیانی درجه یکه! من آموزش نود و graphql رو گرفته بودم محشر بود امیدوارم این آموزش هم کیفیتش مثل اونا باشه
با سپاس
علی(مدیریت)
سلام، ممنون نظر لطف شماست. خوشحالم که مفاهیمی که در دوره ها مطرح شده براتون مفید بوده. موفق باشید
mehdi tehrani
سلام؟ چرا تو فصل دوم پروژه رو کامل انجام ندادید؟؟
علی(مدیریت)
سلام وقت بخیر
دقیقا کدوم پروژه کامل انجام نشده؟ یک drag & drop پیاده سازی شده و یک slider!
omidm
سلام
دوره های قبلی که کاربردی و بروز بودن ، این دوره رو خریدم و امیدوارم این دوره هم مثل دوره ی جامع ریکت پربار باشه
با تشکر
مهدی(مدیریت)
سلام
نظر لطف شمااست.
خواهش می کنم
shahdad.alaasti
سلام و خسته نباشید
لینک دانلود فصل 6 مشکل داره
با تشکر
علی(مدیریت)
وقت بخیر لطفا ضمن اینکه کش مرورگرتون رو پاک میکنید تست بفرمایید اگر باز مشکلی بود اطلاع بدین
رضا خسروی
سلام خسته نباشید میگم برای این دو دوره ای که این مدت ممنتشر کردید
یه سوال هم داشتم ما نیاز به دانش سمت سرور خاصی برای این دوره داریم ؟
من فرانت کار میکنم و دوره ری اکت جی اس شمارو هم دیدم واقعا محتوا و پشتییبانی عالی بود حالا میخواستم برنامه نویسی موبایل رو با این دوره شروع کنم
مهدی(مدیریت)
سلام سلامت باشید
خیر.برای شرکت در این دوره نیاز به دانش سمت سرور ندارید.
خوشحالیم که دوره ری اکت برای شما مفید بوده .میتونید با خیال راحت این دوره رو برای یادگیری react native شروع کنید و در این زمینه متخصص بشید
محمد
با سلام
ببخشید مهلت استفاده از این کد تخفیف تا کی هستش؟؟؟
کد تخفیف 65% چرا به ایمیل ارسال نشده؟؟؟
مهدی(مدیریت)
با سلام
تا 3 اسفند
ایمیل ها در حال ارسال است و تا عصر برای همگی ارسال خواهد شد.
کد تخفیف 65 درصدی به ایمیل شما ارسال شد و میتونید از این کد استفاده کنید
mohamd8824
سلام
وقت بخیر
ورژن ری اکت نیتیوی که در این دوره آموزش داده میشه چند هست؟
مهدی(مدیریت)
سلام وقت بخیر
آخرین نسخه موجود react native یعنی 0.63 آموزش داده میشه
امیر عرفان
سلام محتوای بخش ری اکت نیتیو این دوره چه تفاوتی با دوره فروشگاهی داره؟ بحث احراز هویت هم مطرح شده توی این دوره یا خیر؟
علی(مدیریت)
سلام وقت بخیر
در این دوره به صورت کامل جزئیات react native بررسی میشه در فصل پنجم و ششم احراز هویت و بسیاری از مفاهیم کاربری مورد بررسی قرار می گیره از طرفی آپدیت های خوبی هم در قالب پروژه در آینده به هر فصل اضافه خواهد شد.
Mojgan
ویدیو معرفی عالی بود به زودی دوره رو تهیه میکنم خسته نباشین
علی(مدیریت)
سلام ممنون نظر لطف شماست
amir حیدری
سلام من کد تخفیف رو که میزنم اعمال نمیشه و میگه همچین کوپنی وجوود نداره
مهدی(مدیریت)
سلام
کد تخفیف ارسال شده به ایمیلتون تست شد و مشکلی نداره و اعمال میشه.لطفا مجددا تلاش کنید و روی حروف بزرگ و کوچیک دقت کنید
اگر باز هم مشکل داشتید.از طریق ایمیل یا تلگرام در ارتباط باشید
sajad79sp79
با سلام ببخشید من کد تخفیف 60 درصدی دارم وقتی اعمال میکنم 30 درصد اعمال میشه. میشه حل کنید این مشکلو؟
مهدی(مدیریت)
با سلام
قیمت دوره 149000 تومان است که 40 درصد تخفیف ثابت خورده شده 89000 تومن
حالا که شما کد تخفیف خودتون رو وارد میکنید همان 60 درصد روی قیمت کل دوره یعنی 149000 اعمال میشه