جستجو برای:
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام
  • درباره ما
  • تماس با ما
آموزش جاوا اسکریپت(javascript)-کتابخانه ها و فریمورک ها
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام
0

ورود و ثبت نام

آموزش جامع و پروژه محور react native

خانهدوره هادوره های آموزشیآموزش جامع و پروژه محور react native
آموزش پروژه محور react native
حالت مطالعه

آموزش 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 ارزش یادگیری دارد؟

برای پاسخ به این سوال می توانیم چندین جنبه را در نظر بگیریم:

  1. اگر شما یک توسعه دهنده جاوا اسکریپت هستید، به راحتی و با صرف زمان کمتری می توانید react native یاد بگیرید و به طور حتم فرصت های شغلی جدیدی برای شما ایجاد خواهد شد.
  2. اگر در یک تیم استارتاپی مشغول به فعالیت هستید و نیاز دارید در کمترین زمان ممکن اپلیکیشن برای محصول خودتون و برای هر دو پلتفرم Android و Ios داشته باشید،react native یک گزینه فوق العاده است.
  3. اگر به دنبال کاهش هزینه های شرکت و صرفه جویی در زمان هستید، react native گزینه ای است که باعث میشه شما در قالب یک تیم زمان و هزینه توسعه اپلیکیشن را کاهش دهید.

آیا آموزش react native وب سایت reactapp.ir کافی است؟

هدفی که ما در این دوره دنبال می کنیم یادگیری مفاهیم پایه و پیشرفته به صورت قدم به قدم و پروژه محور است.یعنی شما علاوه بر ابنکه مفاهیم اساسی react native را در قالب مثال های واقعی و پروژه یاد می گیرید، برای ورود به بازار کار نیز آماده می شوید.
با توجه به اینکه هر پروژه چالش های خاص خودش را دارد، ولی سعی ما این بوده، چالش هایی که در هر پروژه ای وجود دارد را بر طرف کنیم تا دیگر شما استرس نداشتن دانش کافی برای ورود به بازار کار را نداشته باشید و با خیال راحت پا در این مسیر بگذارید.

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

این دوره مناسب کسانی است که می خواهند با دانش جاوااسکرپتی خود اپلیکیشن های موبایل برای Android و IOS توسعه دهند.

شما با شرکت در این دوره و یادگیری اصولی تمامی مفاهیم پایه و پیشرفته React Native در قالب پروژه های مختلف می توانید به راحتی وارد بازار کار شوید.

دوره جامع و پروژه محور ری اکت نیتیو (React Native)

معرفی دوره ویدئو

پیش نمایش

ری اکت نیتیو (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

دوره های مرتبط

آموزش پروژه محور react native

آموزش پروژه محور React Native

در دوره آموزش پروژه محور react native قصد داریم یک اپلیکیشن برای مدیریت دانش آموزان بنویسیم.با تماشای این دوره شما…
79
25,000 تومان

انیمیشن در react native

در این سری از آموزش های رایگان react native نحوه کار و پیاده سازی انیمیشن های(animations) مختلف در قالب مثال…
446
رایگان!

ارسال نوتیفیکیشن در React Native

در این سری از آموزش های رایگان react native یاد میگیریم که چطور نوتیفیکیشن در react native (ری اکت نیتیو)…
639
رایگان!

chat_bubble_outlineنظرات

  • darabniya
    فوریه 18, 2021
    پاسخ

    با سلام
    شرایط دریافت کد تخفیف 60 درصدی چیه؟ به ما که جزو کاربران قدیمی هستیم تعلق نمیگیره؟
    و اینکه ری اکت نیتیو برای توسعه به سیستم قویی از لحاط سخت افزاری نیازه داره؟ درسته که رم زیادی میکشه و…؟
    حداقل سیستم ما باید چه مشخصاتی باید داشته باشه برای توسعه ری اکت نیتیو؟!
    تشکر

    • مهدی(مدیریت)
      فوریه 18, 2021
      پاسخ

      با سلام
      یک هفته قبل از انتشار دوره یک landing page آماده کرده بودیم که می تونستید ایمیل خودتون رو ثبت کنید و تخفیف 60 درصدی دریافت کنید.
      همین الان همه دوره رو با 40 درصد تخفیف میتونید دوره رو تهیه کنید
      شما باید حداقل 6 گیگ ram داشته باشید و یک cpu core i5

  • mehdi tehrani
    فوریه 17, 2021
    پاسخ

    سلام اگه ممکنه طریقه استفاده از laravel api با استفاده از axios رو بگید؟ چون لاراول کار میکنم خواستم نحوه استفاده از اون رو هم داخل پروژه را بدونم؟

    • مهدی(مدیریت)
      فوریه 18, 2021
      پاسخ

      سلام
      فرقی نمیکنه.شما با هر زبانی API رو نوشته باشید در استفاده در react native فرق نیم کنه.
      فقط اگر graphql باشه یک data و query اضافه میشه

  • رسول
    فوریه 17, 2021
    پاسخ

    سلام مدت زمان پشتیبانی این دوره چقدر هست چون می می خوام اول رکت که پیش نیاز این دوره هست رو یاد بگیرم و بعد این دوره رو ببینم ، البته اگر پشتیبانی داشته باشه الان خرید می کنم ، اگر نسخه های جدید رکت نیتو بیاد ایا اموزش های این دوره ابدیت می شه یا نه ؟

    • علیرضا(مدیریت)
      فوریه 17, 2021
      پاسخ

      بله آپدیت میشه و اپدیت ها برای دانشجویانی که دوره رو تهیه کردند کاملا رایگان خواهد بود

  • رسول
    فوریه 17, 2021
    پاسخ

    سلام مدت زمان پشتیبانی از این دوره چقدر است چون من می خوام اول رکت رو یاد بگیرم بعد این دوره رو شروع کنم ، بعدش اگر نسخه جدید رکت نیتو بیاد ایا این دوره بروز رسانی می شود ؟

    • علیرضا(مدیریت)
      فوریه 17, 2021
      پاسخ

      سلام و احترام
      بله تمامی دوره های سایت هر زمان منتشر بشن اپدیت اون ها کاملا رایگان خواهد بود برای دانشجویانی که ثبت نام میکنند.
      هر زمان که پروژه یا هر آیتم دیگری به این دوره اضافه بشه دانشجویانی که ثبت نام کردند میتونند کاملا رایگان از اون محتوا استفاده کنند.

      • رسول
        فوریه 17, 2021
        پاسخ

        ممنونم

  • امیر
    فوریه 17, 2021
    پاسخ

    آموزش های آقای کیانی درجه یکه! من آموزش نود و graphql رو گرفته بودم محشر بود امیدوارم این آموزش هم کیفیتش مثل اونا باشه

    با سپاس

    • علی(مدیریت)
      فوریه 17, 2021
      پاسخ

      سلام، ممنون نظر لطف شماست. خوشحالم که مفاهیمی که در دوره ها مطرح شده براتون مفید بوده. موفق باشید

  • mehdi tehrani
    فوریه 16, 2021
    پاسخ

    سلام؟ چرا تو فصل دوم پروژه رو کامل انجام ندادید؟؟

    • علی(مدیریت)
      فوریه 17, 2021
      پاسخ

      سلام وقت بخیر
      دقیقا کدوم پروژه کامل انجام نشده؟ یک drag & drop پیاده سازی شده و یک slider!

  • omidm
    فوریه 16, 2021
    پاسخ

    سلام
    دوره های قبلی که کاربردی و بروز بودن ، این دوره رو خریدم و امیدوارم این دوره هم مثل دوره ی جامع ریکت پربار باشه
    با تشکر

    • مهدی(مدیریت)
      فوریه 17, 2021
      پاسخ

      سلام
      نظر لطف شمااست.
      خواهش می کنم

  • shahdad.alaasti
    فوریه 16, 2021
    پاسخ

    سلام و خسته نباشید
    لینک دانلود فصل 6 مشکل داره
    با تشکر

    • علی(مدیریت)
      فوریه 16, 2021
      پاسخ

      وقت بخیر لطفا ضمن اینکه کش مرورگرتون رو پاک میکنید تست بفرمایید اگر باز مشکلی بود اطلاع بدین

  • رضا خسروی
    فوریه 16, 2021
    پاسخ

    سلام خسته نباشید میگم برای این دو دوره ای که این مدت ممنتشر کردید
    یه سوال هم داشتم ما نیاز به دانش سمت سرور خاصی برای این دوره داریم ؟
    من فرانت کار میکنم و دوره ری اکت جی اس شمارو هم دیدم واقعا محتوا و پشتییبانی عالی بود حالا میخواستم برنامه نویسی موبایل رو با این دوره شروع کنم

    • مهدی(مدیریت)
      فوریه 16, 2021
      پاسخ

      سلام سلامت باشید
      خیر.برای شرکت در این دوره نیاز به دانش سمت سرور ندارید.
      خوشحالیم که دوره ری اکت برای شما مفید بوده .میتونید با خیال راحت این دوره رو برای یادگیری react native شروع کنید و در این زمینه متخصص بشید

  • محمد
    فوریه 16, 2021
    پاسخ

    با سلام
    ببخشید مهلت استفاده از این کد تخفیف تا کی هستش؟؟؟
    کد تخفیف 65% چرا به ایمیل ارسال نشده؟؟؟

    • مهدی(مدیریت)
      فوریه 16, 2021
      پاسخ

      با سلام
      تا 3 اسفند
      ایمیل ها در حال ارسال است و تا عصر برای همگی ارسال خواهد شد.
      کد تخفیف 65 درصدی به ایمیل شما ارسال شد و میتونید از این کد استفاده کنید

  • mohamd8824
    فوریه 16, 2021
    پاسخ

    سلام
    وقت بخیر
    ورژن ری اکت نیتیوی که در این دوره آموزش داده میشه چند هست؟

    • مهدی(مدیریت)
      فوریه 16, 2021
      پاسخ

      سلام وقت بخیر
      آخرین نسخه موجود react native یعنی 0.63 آموزش داده میشه

  • امیر عرفان
    فوریه 16, 2021
    پاسخ

    سلام محتوای بخش ری اکت نیتیو این دوره چه تفاوتی با دوره فروشگاهی داره؟ بحث احراز هویت هم مطرح شده توی این دوره یا خیر؟

    • علی(مدیریت)
      فوریه 16, 2021
      پاسخ

      سلام وقت بخیر
      در این دوره به صورت کامل جزئیات react native بررسی میشه در فصل پنجم و ششم احراز هویت و بسیاری از مفاهیم کاربری مورد بررسی قرار می گیره از طرفی آپدیت های خوبی هم در قالب پروژه در آینده به هر فصل اضافه خواهد شد.

  • Mojgan
    فوریه 16, 2021
    پاسخ

    ویدیو معرفی عالی بود به زودی دوره رو تهیه میکنم خسته نباشین

    • علی(مدیریت)
      فوریه 16, 2021
      پاسخ

      سلام ممنون نظر لطف شماست

  • amir حیدری
    فوریه 16, 2021
    پاسخ

    سلام من کد تخفیف رو که میزنم اعمال نمیشه و میگه همچین کوپنی وجوود نداره

    • مهدی(مدیریت)
      فوریه 16, 2021
      پاسخ

      سلام
      کد تخفیف ارسال شده به ایمیلتون تست شد و مشکلی نداره و اعمال میشه.لطفا مجددا تلاش کنید و روی حروف بزرگ و کوچیک دقت کنید
      اگر باز هم مشکل داشتید.از طریق ایمیل یا تلگرام در ارتباط باشید

  • sajad79sp79
    فوریه 16, 2021
    پاسخ

    با سلام ببخشید من کد تخفیف 60 درصدی دارم وقتی اعمال میکنم 30 درصد اعمال میشه. میشه حل کنید این مشکلو؟

    • مهدی(مدیریت)
      فوریه 16, 2021
      پاسخ

      با سلام
      قیمت دوره 149000 تومان است که 40 درصد تخفیف ثابت خورده شده 89000 تومن
      حالا که شما کد تخفیف خودتون رو وارد میکنید همان 60 درصد روی قیمت کل دوره یعنی 149000 اعمال میشه

  • 1
  • 2
  • ←

قوانین ثبت دیدگاه

لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

قیمت :

149,000 تومان

امتیاز
4.50 از 6 رأی
149,000 تومان
تعداد دانشجو : 104
نوع دوره: غیرحضوری
سطح دوره: مبتدی تا پیشرفته
پیش نیاز: javascript و reactjs مقدماتی
زبان: فارسی
20 ساعت
105 درس
روش دریافت: دانلودی
روش پشتیبانی: کامنت های دوره و گروه تلگرام
درصد پیشرفت دوره: %100
2.61k بازدید 52 دیدگاه
علی
علی
توسعه دهنده سمت سرور

عاشق جاوااسکریپت و توسعه سمت سرور و توسعه اپلیکیشن اونم با React Native:)

دسته: دوره های آموزشی، دوره های ویژه
ارتباط با ما
  • 09150274110
  • contact@reactapp.ir
دسترسی سریع
  • بلاگ
  • تله فیلم آموزشی
  • آموزش متنی
  • قوانین

تیم reactapp تمام تلاش خودش رو انجام میده تا محتوایی با کیفیت و به روز رو در اختیار علاقه مندان به حوزه جاوااسکریپت قرار بده. چیدمان تمامی آموزش های ویدئویی و مقالات به نحوی هست که شمارو به سمت بازار کار سوق بده تا هر چه سریع تر به عنوان یک نیرو فنی در بازار کار مشغول به فعالیت شده و به درآمد زایی برسید.

کلیه حقوق این سایت محفوظ و متعلق به reactapp.ir میباشد.
X
پیش نمایش دوره پیشرفته و پروژه محور جاوا اسکریپت منتشر شد. با ثبت ایمیلتون یک کد تخفیف 60 درصدی در روز انتشار دوره هدیه بگیرید.
ثبت ایمیل

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت