جستجو برای:
سبد خرید 0
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام

ورود

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

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

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

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

239000 – رایگان!

امتیاز
4.57 از 69 رأی
239000 – رایگان!
ویژگی های دوره
تعداد خرید / دانلود : 3,915
نوع دوره: غیرحضوری
سطح دوره: مبتدی تا پیشرفته
پیش نیاز: javascript و reactjs مقدماتی
زبان: فارسی
23 ساعت
123 درس
روش دریافت: دانلودی
روش پشتیبانی: کامنت های دوره و گروه تلگرام
درصد پیشرفت دوره: %100
21.75k بازدید 266 دیدگاه
حالت مطالعه

آموزش 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 ویدئو

9. تغییر چینش اپلیکیشن (RTL) ویدئو

10. ارسال نوتیفیکیشن بخش اول - Local ویدئو

11. ارسال نوتیفیکیشن بخش دوم- Firebase ویدئو

12. سبد خرید بخش اول ویدئو

13. سبد خرید بخش دوم ویدئو

14. سبد خرید بخش سوم ویدئو

15. سبد خرید بخش چهارم ویدئو

16. سبد خرید بخش پنجم ویدئو

17. درگاه پرداخت API ویدئو

18. درگاه پرداخت سبد خرید APP ویدئو

19. آپلود فایل ویدئو

20. اتصال به دوربین و آپلود تصویر ویدئو

21. دیتابیس Realm بخش اول ویدئو

22. دیتابیس Realm بخش دوم ویدئو

23. دیتابیس Realm بخش سوم ویدئو

24. چندزبانه کردن اپلیکیشن بخش اول ویدئو

25. چندزبانه کردن اپلیکیشن بخش دوم ویدئو

26. تغییر آیکون اپلیکیشن ویدئو

27. گرفتن خروجی APK و AAB ویدئو

برچسب: آموزش react native آموزش ری اکت نیتیو آموزش فارسی react native آموزش پروژه محور react native

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

آموزش react navigation 3

با توجه به این که آخرین نسخه منتشر شده پکیج React Navigation نسخه 5 می باشد و نسبت به نسخه…
1,133
رایگان!
آموزش فارسی reactjs

آموزش ReactJs ورژن 16

آموزش react js(ری اکت) دوره ای است که در آن ماهیم پایه و اساسی react js به صورت گام به گام…
11,173
رایگان!
پرداخت درون برنامه ای بازار

پرداخت درون برنامه ای بازار در React Native

در این دوره میخواهیم راجب آموزش پرداخت درون برنامه ای کافه بازار در React Native صحبت کنیم.یکی از لذت بخش…
1,466
49000 – رایگان!

chat_bubble_outlineنظرات

  • میلاد
    ژانویه 31, 2023
    پاسخ

    سلام
    خواستم بدونم ورژن react native که کار میکنید چنده؟

  • amirheydari9898
    ژانویه 18, 2023
    پاسخ

    سلام آیا امکان گرفتن خروجی pwa برای react native وجود داره ؟

    • مهدی حسن زاده(مدیریت)
      ژانویه 19, 2023
      پاسخ

      سلام خیر

  • احسان
    دسامبر 5, 2022
    پاسخ

    سلام
    چه پروژه ای پیاده سازی می شه?

  • علی رضا
    سپتامبر 28, 2022
    پاسخ

    سلام
    من تاره دوره شما رو خریدم
    متاسفانه من حتی نمیتونم پروژه رو اجرا کنم !! تمام پیش نیاز ها رو نصب کردم ولی به مشکل زیر برخورد کردم
    info Starting JS server…
    info Launching emulator…
    info Successfully launched emulator.
    info Installing the app…
    Error: Could not find or load main class org.gradle.wrapper.GradleWrapperMain

    • مهدی حسن زاده(مدیریت)
      سپتامبر 29, 2022
      پاسخ

      سلام
      باید از ابزارهای دور زدن تحریم استفاده کنید
      همچنین در فایل gradle-wrapper.properties
      مقدار distributionUrl را به مقدار زیر تغییر دهید
      distributionUrl=https\://services.gradle.org/distributions/gradle-2.10-all.zip

      • علی رضا
        سپتامبر 29, 2022
        پاسخ

        این کار رو انجام دادم . لینک رو جابججا کردم ولی باز نشد .البته ابزار دور زدن تحریم الان تو ایران کار نمیکنه مجبور شدم از سایت شکن استفاده کنم ولی باز کار نمیده و همین ارور میاد . این لینکی که فرستادید رو بدون ابزار میتونم دانلود کنم باز هم نیاز به تحریم شکن هست؟؟

      • مهدی حسن زاده(مدیریت)
        اکتبر 6, 2022
        پاسخ

        برای command line نیاز به تحریم شکن هست
        در حالت عادی میشه مستقیم دانلودش کرد

  • mehdi
    می 31, 2022
    پاسخ

    سلام؟ ای کاش یه دوره فروشگاهی ریکت نیتیو با restFullApi برگزار میکردید!

  • امیر عسگری
    آوریل 24, 2022
    پاسخ

    سلام
    من شبیه ساز های اندروید و GenY motion رو طبق اموزش نصب کردن ولی هر دفعه که دستور react-native run -android رو برای اجرا میزنم ، میره و نود رو باز میکنه .
    توی پوشه پلتفرم هم چک کردن دیدم دیوایس انلاین دارم . ( طبق آموزش ) .
    الان باید چیکار کنم که روی GenY motionاجرا بشه ؟

    • مهدی حسن زاده(مدیریت)
      آوریل 25, 2022
      پاسخ

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

  • →
  • 1
  • …
  • 10
  • 11
  • 12

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

لغو پاسخ

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

قیمت :

239000 – رایگان!

امتیاز
4.57 از 69 رأی
239000 – رایگان!
تعداد خرید / دانلود : 3,915
نوع دوره: غیرحضوری
سطح دوره: مبتدی تا پیشرفته
پیش نیاز: javascript و reactjs مقدماتی
زبان: فارسی
23 ساعت
123 درس
روش دریافت: دانلودی
روش پشتیبانی: کامنت های دوره و گروه تلگرام
درصد پیشرفت دوره: %100
21.75k بازدید 266 دیدگاه
علی
علی
توسعه دهنده سمت سرور

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

دسته: دوره های آموزشی، دوره های ویژه
منتظرتون هستیم
  • phone_android
    09150274110
  • email
    reactapp.ir@gmail.com
  • بلاگ
  • ویدیو کست
  • قوانین

تمام تلاش ما در برند reactapp در کنار آموزش با کیفیت و استفاده از دانش روز، اضافه کردن چاشنی تجربه چندین ساله فعالیت در پروژه های داخلی و خارجی بوده. زمانی که شما به یادگیری اختصاص دادید برای ما اهمیت بسیار بالایی داره و به همین دلیل سعی میکنیم متحوای تولید شده، غنی، پر بار و در راستای نیاز های بازار کار باشه.

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