قیمت این دوره: 150,000 تومان
  • مدرس دوره : یونس قربانی
  • تعداد ویدیوها : 56 ویدیو
  • مدت زمان دوره : 16:36:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1398/01/31
 فروش این دوره متوقف شده است .
دوره آموزش جامع React Native

دوره آموزش جامع React Native

دوره آموزش مقدماتی تا پیشرفته React Native به همراه پروژه عملی

 

یکی از آرزوهای من و شاید خیلی از برنامه نویس ها  این بوده که با یادگیری یک زبان برنامه نویسی برنامه هایی بنویسیم که روی پلتفرم های مختلف اجرا بشه. هر چند که تلاش های زیادی تو این زمینه شد ولی هیچکدوم چنگی به دل نزد تا اینکه فیسبوک در ابتدای سال ۲۰۱۳ اولین نسخه stable از یک کتابخونه جاوا اسکریپت رو بصورت open-source روی  GitHub منتشر کرد.اسم این کتابخونه ReactJs بود که برای توسعه وب اپلیکیشن ها مورد استفاده قرار میگرفت.این کتابخونه سرعت بسیار بالاو سادگی خاصی داشت که باعث شد خیلی سریع مورد توجه قرار بگیره. اواخر مارچ ۲۰۱۵ بود که فیسبوک یک فریم ورک جدید به اسم React Native منتشر کرد که بهت اجازه میداد فقط با استفاده از جاوا اسکریپت و کتابخونه React اپلیکیشن موبایل برای ios بسازی. فیسبوک شش ماه بعد گام اصلی و محکم رو با انتشار React Native برای Android برداشت . توسعه دهنده ها دیگه مجبور به نوشتن کدهای جداگونه برای سیستم عامل های مختلف نبودن  و استارتاپ ها و صاحبان کسب کار به توسعه دهنده هایی دسترسی پیدا کردند که برای هر دو سیستم عامل َAndroid و IOS   اپلیکیشن طراحی میکردند.

 

فروش این دوره متوقف شده و دوره جدیدی با همین عنوان و توسط مدرس همین دوره آغاز شده ، میتوانید از دوره جامع ReactNative استفاده کنید 

دانشجویانی که این دوره را خریداری کرده بودند به صورت رایگان به دوره جدید منتقل شدند .




فهرستـــ ویدیوها

مدت زمان دوره 16:36:00
00:00
00:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی دوره React Native

00:04:00

معرفی دوره React Native

2
  • نصب وابستگی ها و ساخت اولین پروژه React Native

00:35:00

نصب وابستگی ها و ساخت اولین پروژه React Native

3
  • مبانی پایه React Native

00:20:00

مبانی پایه React Native

4
  • Prop ها در React Native

00:07:00

Prop ها در React Native

5
  • State ها در React native

00:09:00

State ها در React native

6
  • استایل دهی در ReactNative

00:18:00

استایل دهی در ReactNative

7
  • نحوه استفاده از Flex و FlexBox

00:19:00

نحوه استفاده از Flex و FlexBox

8
  • استفاده از TextInput

00:09:00

استفاده از TextInput در React Native

9
  • استفاده از Button و Touchable

00:18:00

استفاده از Button و Touchable

10
  • استفاده از ScrollView

00:10:00

استفاده از ScrollView

11
  • استفاده از FlatList و SectionList

00:16:00

استفاده از FlatList و SectionList

12
  • استفاده از React Navigation

00:25:00

استفاده از React Navigation

13
  • ساخت Drawer Navigation

00:29:00

ساخت Drawer Navigation

14
  • ساخت Tab Navigator

00:11:00

ساخت Tab Navigator

15
  • ساخت Material Bottom Tab Navigator

00:18:00

ساخت Material Bottom Tab Navigator

16
  • ترکیب Navigator ها

00:16:00

ترکیب Navigator ها

17
  • کامپوننت DrawerLayoutAndroid

00:11:00

کامپوننت DrawerLayoutAndroid

18
  • کامپوننتهای ImageBackground و ActivityIndicator

00:06:00

کامپوننتهای ImageBackground و ActivityIndicator

19
  • انیمیشن در ReactNative بخش اول

00:15:00

انیمیشن در ReactNative بخش اول

20
  • انیمیشن در ReactNative بخش دوم

00:19:00

انیمیشن در ReactNative بخش دوم

21
  • انیمیشن در ReactNative بخش سوم

00:14:00

انیمیشن در ReactNative بخش سوم

22
  • انیمیشن در ReactNative بخش چهارم

00:19:00

انیمیشن در ReactNative بخش چهارم

23
  • ساخت UI اینستاگرام بخش اول

00:20:00

ساخت UI اینستاگرام بخش اول

24
  • ساخت UI اینستاگرام بخش دوم

00:27:00

ساخت UI اینستاگرام بخش دوم

25
  • ساخت UI اینستاگرام بخش سوم

00:10:00

ساخت UI اینستاگرام بخش سوم

26
  • ساخت UI اینستاگرام بخش چهارم

00:26:00

ساخت UI اینستاگرام بخش چهارم

27
  • ساخت UI اینستاگرام بخش پنجم

00:26:00

ساخت UI اینستاگرام بخش پنجم

28
  • بروز رسانی و استفاده از Yarn

00:11:00

بروز رسانی و استفاده از Yarn

29
  • دسترسی به دوربین و گالری تصاویر

00:21:00

دسترسی به دوربین و گالری تصاویر

30
  • برطرف سازی مشکل UI اینستاگرام و بروز رسانی

00:14:00

برطرف سازی مشکل UI اینستاگرام و بروز رسانی

31
  • Localization در React Native

00:20:00

Localization در React Native

32
  • آشنایی و استفاده از Redux

00:29:00

 آشنایی و استفاده از Redux

33
  • ساخت سبد خرید فروشگاه با ریداکس بخش اول

00:17:00

ساخت سبد خرید فروشگاه با ریداکس بخش اول

34
  • ساخت سبد خرید فروشگاه با ریداکس بخش دوم

00:19:00

ساخت سبد خرید فروشگاه با ریداکس بخش دوم

35
  • ساخت سبد خرید فروشگاه با ریداکس بخش سوم

00:30:00

ساخت سبد خرید فروشگاه با ریداکس بخش سوم

36
  • شروع ساخت پروژه Todo

00:21:00

شروع ساخت پروژه Todo

37
  • تغییر آیکون اجرایی اپلیکیشن و استفاده از فونت فارسی

00:12:00

تغییر آیکون اجرایی اپلیکیشن و استفاده از فونت فارسی

38
  • ساخت و استفاده از Popup Dialog

00:21:00

ساخت و استفاده از Popup Dialog

39
  • ساخت Reducer و Store برای اپلیکیشن Todo

00:10:00

ساخت Reducer و Store برای اپلیکیشن Todo

40
  • استفاده از SwipeRow

00:23:00

استفاده از SwipeRow

41
  • ساخت صفحه کارهای به اتمام رسیده

00:13:00

ساخت صفحه کارهای به اتمام رسیده

42
  • AsyncStorage و Debug اپلیکیشن بخش اول

00:18:00

AsyncStorage و Debug اپلیکیشن بخش اول

43
  • AsyncStorage و Debug اپلیکیشن بخش دوم

00:15:00

AsyncStorage و Debug اپلیکیشن بخش دوم

44
  • ویرایش Reducer و آشنایی بیشتر با Redux-Thunk

00:20:00

ویرایش Reducer و آشنایی بیشتر با Redux-Thunk

45
  • اتصال به WebApi با استفاده از Axios بخش اول

00:18:00

اتصال به WebApi با استفاده از Axios بخش اول

46
  • اتصال به WebApi با استفاده از Axios بخش دوم

00:22:00

اتصال به WebApi با استفاده از Axios بخش دوم

47
  • ساخت Splash Screen

00:17:00

ساخت Splash Screen

48
  • ساخت و ارسال Notification در ReactNative

00:24:00

ساخت و ارسال Notification در ReactNative

49
  • استفاده از Alert برای تایید حذف

00:17:00

استفاده از Alert برای تایید حذف

50
  • کنترل دکمه برگشت برای خروج با 2 بار فشردن

00:13:00

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

51
  • استفاده از NetInfo برای چک کردن دسترسی به اینترنت

00:16:00

استفاده از NetInfo برای چک کردن دسترسی به اینترنت

52
  • رسپانسیو کردن فونتها و خروجی APK بخش اول

00:21:00

رسپانسیو کردن فونتها و خروجی APK بخش اول

53
  • رسپانسیو کردن فونتها و خروجی APK بخش دوم

00:19:00

رسپانسیو کردن فونتها و خروجی APK بخش دوم

54
  • مختصری از Expo

00:27:00

مختصری از Expo

55
  • پوش نوتیفیکیشن در React Native

00:22:00

پوش نوتیفیکیشن در React Native

56
  • حرف های پایانی و قدمهای بعدی

00:09:00

حرف های پایانی و قدمهای بعدی

دوره های دیگر مدرس

مشاهده همه دوره ها

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

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .

محمد محمد

ارسال شده در 1399/02/03

سلام استاد شما فرمودین NodJs و React native  با هم آپدیت میشن درسته؟ یا اول NodJs ?

محمد محمد

یونس قربانی (مدرس)

ارسال شده در 1399/02/03

سلام دوست من

با هم بروزرسانی میشن 

در حال ویرایش معرفی دوره React native هستم که همین هفته معرفی دوره منتشر میشه و از هفته بعد نود جی اس و React Native هفته ایی 3 جلسه منتشر خواهند شد

آرش موسوی

ارسال شده در 1399/01/30

سلام استاد پیشنیاز دوره چیه

آرش  موسوی

یونس قربانی (مدرس)

ارسال شده در 1399/01/30

سلام دوست من

پیشنیاز دوره آشنایی با جاوااسکریپت و ری اکت هست

mahdi__1997

ارسال شده در 1399/01/17

سلام استاد میشه یه زمان حدودی بگید که کی شروع به آپدیت دادن navigation میکنید؟

دانشجو ها باید بدونن و برنامه ریزی کنن , بخصوص الان که باید توی خونه بمونیم چه فرصتی بهتر از این برای برنامه نویسی و پیاده سازی ایده هامون

aminghaderi

ارسال شده در 1399/01/02

سلام وقت بخیر ، کسی که با ری اکت جی اس کار کرده ، ایا راحت تر با ری اکت نیتو ارتباط برقرار می کنه یا مثل تفاوت بین انگلار با انگلار جی اس رو هم اینجا داریم ؟؟

تشکر .

یونس قربانی (مدرس)

ارسال شده در 1399/01/04

سلام دوست من

تنها تفاوت ری اکت و ری اکت نیتیو در این هست که ری اکت جی اس از کامپوننتهای وب استفاده میکنه ولی ری اکت نیتیو از کامپوننتهای موبایلی و بقیه موارد یکی هست و مثل انگولار نیست

alirezary

ارسال شده در 1398/12/28

سلام خسته نباشید..من چون تازه میخواستم این دوره رو شروع کنم با توجه به موضوعاتی که مطرح شده بود خواستم بدونم الان React Native در حال حاضر تنها مشکلی که داره navigation هستش..؟

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

یونس قربانی (مدرس)

ارسال شده در 1398/12/29

سلام دوست من

بله تنها Navigation هست که با بروزرسانی کامل باعث شده کدهای نوشته شده با خطا مواجه بشن و از طرفی دیگر خیلی مباحث جدید هست که باید به دوره اضافه بشه 

از اونجایی که در دوره کلا از react-navigation استفاده شده این تصمیم رو گرفتم که ساختار دوره رو تغییر بدم تا نه تنها مباحث جدید رو بشه هرموقع بهش اضافه کرد بلکه ساختاری خوب داشته باشه که هر موقع بروزرسانی شد مبحثی تنها با بروز کردن 1 فصل مشکل برطرف بشه.

این دوره تا الان 5 بار بروز شده به صورت قسمتی و بیشتر از این بروزرسانی باعث خواهد شد تا شما دانشجویان عزیز روند یادگیری خوبی رو تجربه نکنید و تنها دلیل به تاخیر افتادن دوره همین هست.

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

از شکییباییه همه دانشجویان این دوره متشکرم انشاالله با مطالب جدید و تبدیل این دوره به کاملترین دوره React Native جبران خواهم کرد.

mahdi__1997

ارسال شده در 1398/12/25

سلام استاد , وقت بخیر

لطفا برای navigation آپدیت بدید

ما الان از جلسه ی 12 تا 16 رو نمیتونیم انجام بدیم و عملا از دوره خارج شدیم , با تشکر

 

 

sinasoleymanzadeh

ارسال شده در 1398/12/25

سلام استاد خسته نباشی

ببخشید آپدیدت برای navigation ارایه نمیدید کلن الان فرق میکنه 3 روزه تویه اینترنت دارم میگردم پیدا نمیکنم

الان کلن کاپوننت ها با فانکشن نوشته میشه خیلی فرق داره

یونس قربانی (مدرس)

ارسال شده در 1398/12/26

سلام دوست من

به زودی ارائه میشه و خیلی مطالب جدید هم اضافه خواهم کرد تا این مشکلاتی که پیش اومده رو جبران کنم

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

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

از شکیباییتون متشکرم

محمد جوکار

ارسال شده در 1398/12/21

سلام جناب قربانی عزیز

استاد واسه این دوره هم مثل ReactJs آپدیت کامل ارائه میکنید؟ و اینکه بازهم مثل ReactJs اونایی که دوره قبل رو خریده باشن میتونن به آپدیت دسترسی داشته باشن؟

محمد جوکار

یونس قربانی (مدرس)

ارسال شده در 1398/12/22

سلام دوست من

بله بروزرسانی کامل خواهد بود و برای همه دوستانی که خریداری کردن بروزرسانی رایگان هست

amirkarami

ارسال شده در 1398/12/04

سلام خدمت جناب قربانی 

میخواستم بدونم برای فراگیری react native به چه پیش نیاز هایی و چه میزان از تسلط در اونها احتیاج داریم

یونس قربانی (مدرس)

ارسال شده در 1398/12/06

سلام دوست من

پیش نیاز جاوااسکریپت هست

مواردی که در مورد ری اکت نیازتون میشه توضیح داده میشه اما اگر ری اکت کار کرده باشید رادگیریش آسونتر خواهد بود.

MobinaShokoohi

ارسال شده در 1398/11/21

با سلام 

هنگام اجرا کردن 

npx react-native run-android

با ارور 
error Failed to install the app. Make sure you have the Android development environment set up: https://facebook.github.io/react-native/docs/getting-started.html#android-development-environment. Run CLI with --verbose flag for more details.
Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 

مواجه میشم.

میشه راهنماییم کنید؟