قیمت این دوره : 200,000 60,000 تومان
  • مدرس دوره : یونس قربانی ( رزومه )
  • تعداد دانشجویان این دوره : 464 نفر
  • تعداد ویدیوها : 24 ویدیو
  • مدت زمان دوره : 6:10:00
  • سطح دوره : متوسط
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1399/04/15
ثبتـــ نام در این دوره

آموزش جامع ReactNative

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

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

 

خوب اول از همه در مورد React Native  صحبت کنیم که چی هست و چه کارهای برای ما میتونه انجام بده

 

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

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

کامپوننتهای درونی زیادی همراه با React Native ارائه نمیشن و میشه گفت مثل ReactJs مینیمال هست و در مقایسه با flutter  که به همراه کلی کامپوننتهای داخلی ارائه میشه  ولی React Native قابلیت انتخاب به شما میده و به خاطر انعطاف پذیری بالا به راحتی میتونید کلی کامپوننتهای آماده اضافه کنید و درکل خیلی انعطاف پذیر هست.

 

یک مثال از اپلیکیشن های ساخته شده با React Native اینستاگرام هست و فکر میکنم تنها همین اپلیکیشن قدرت کامل React Native  رو نشون میده

 

پیشنیازهای دوره :

آشنایی با جاوا اسکریپت Es6

آشنایی با ReactJs هست از جمله کامپوننتهای تابعی ، Stateها ,  Props و Hooks و ... 

 

App های ساخته شده توسط ReactNative واقعا یک اپلیکیشن موبایل هستن چون شما با ReactNative نمیاید WebApp یا HTMLAPP یا ترکیبی از هر 2 بسازید بلکه شما یک App واقعی میسازید که غیر قابل تشخیص هست با Appهای که توسط Objective C و جاوا ساخته شدن

چون ReactNative دقیقا از همون بلاک های UI ایی استفاده میکنه که در IOS و اندروید استفاده میشه و ما در ReactNative با استفاده از React  و جاوا اسکریپت این بلاک هارو برای ساخت کنار هم قرار میدیم .

 

با ReactNative  خیلی سریعتر از اون چیزی که فکر میکنید میتونید App طراحی کنید برای مثال شما در ReactNative بعد هر بار اضافه یا ویرایش نیازی به کامپایل دوباره ندارید بلکه با Hot Reloading بعد هر بار ذخیره به سرعت تغیرات اعمال میشن و این واقعا عالی هست که در کسری از ثانیه تغییراتی که داری انجام میدی رو میبینی و پیش میری بجای اینکه دوباره کامپایل کنی و ببینی دوباره ادامه بدی.

 

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

در این دوره چندین پروژه ساخته خواهد شد از جمله اپلیکیشن کارهای روزمره ، ارتباط با سرور ، احراز هویت و ... که در طول دوره در کنار هم خواهیم ساخت

 

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

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

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

مدت زمان دوره 06:10:58
راهنما ! جهت دریافت لینک دانلود تمامی قسمت ها بر روی این لینک .کلیک کنید.
1
  • معرفی دوره

  • 00:08:00
  • رایگانــ

معرفی دوره

2
  • نصب و راه اندازی محیط توسعه React Native

  • 00:47:00
  • رایگانــ

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

3
  • کاپوننتهای View ،Text و استایل دهی

  • 00:24:00
  • رایگانــ

در این قسمت با کامپوننتهای View و Text آشنا میشیم که چی هستند و چه مواقعی باید ازشون استفاده کنیم و همچنین در مورد استایل نویسی در React Native صحبت خواهیم که کرد درکل آیا در React native امکان نوشتن css هست یا نه و چگونه میتونیم استایل بنویسیم برای کامپوننتها.

4
  • نحوه استفاده از State

  • 00:11:00
  • رایگانــ

در این قسمت یاد میگیریم که چگونه از State استفاده کنیم که تنها برای یادآوری قرار داده شده تا نمایش بدیم که هیچ تفاوتی با State ها در ReactJs ندارن.

5
  • تبدیل کامپوننتهای تابعی به نوع کلاسی

  • 00:05:00
  • رایگانــ

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

6
  • کامپوننت TextInput

  • 00:22:00
  • نقدیــ

در این قسمت با نحوه استفاده از کامپوننت TextInput  آشنا میشیم به همراه مثال که وقتی کاربر موارد خواسته شده رو وارد کرد با استفاده از رویداد onChangeText به صورت همزمان بتونیم در کامپوننت Text به نمایش بزاریم و همچنین با پراپ هایی که زیاد مورد استفاده قرار داده میشن از جمله multiline برای نوشتن چندین خط در TextInput و placeholder و keyboardType که آیا تنها اعداد را در صفحه کلید نمایش بدیم یا حروف نیز آشنا خواهیم شد.

7
  • کامپوننت ScrollView

  • 00:16:00
  • نقدیــ

در این قسمت یاد میگیریم که چگونه می تونیم لیستی از داده ها را حلقه زده و به نمایش بزاریم و اگر داده ها بیشتر از میزان اندازه صفحه نمایش بود با استفاده از کامپوننت ScrollView قابلیت اسکرول کردن به کاربر میدیم که بتونه با بالا یا پائین کشیدن تمامی داده ها رو مشاهده کنه.

8
  • کامپوننت FlatList

  • 00:14:00
  • نقدیــ

در این قسمت یاد میگیریم که چگونه می تونیم لیستی از داده ها را حلقه زده و به نمایش بزاریم توسط کامپوننت FlatList که نسبت به ScrollView مزایای بهتر و عملکرد بهتری را دارا می باشد.

9
  • کامپوننت Touchable

  • 00:13:00
  • نقدیــ

در این قسمت یاد میگیریم که چگونه می توانیم قابلیت اضافه کردن رویداد لمس را به المنت های رندر شده توسط کامپوننت Touchable اضافه کنیم.

10
  • ساخت اپلیکیشن مدیریت کننده اشخاص بخش اول

  • 00:33:00
  • نقدیــ

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

11
  • ساخت اپلیکیشن مدیریت کننده اشخاص بخش دوم

  • 00:24:00
  • نقدیــ

در این قسمت با مباحثی که تا الان آموزش داده شده شروع به ساخت اپلیکیشنی برای مدیریت اشخاص می کنیم تا مباحث آموزش داده شده را در عمل استفاده کنیم و با کامپوننتهای Alert و TouchableWithoutFeedback نیز آشنا خواهیم شد.

12
  • Flexbox

  • 00:19:00
  • نقدیــ

در این قسمت با Flexbox آشنا خواهیم شد که به چه صورت با استفاده از Flex المنتهای رندر شده را در مکانهای مورد نظر قرار دهیم.

13
  • استفاده از آیکون ها

  • 00:17:28
  • نقدیــ

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

14
  • استفاده از فونت سفارشی

  • 00:17:00
  • نقدیــ

در این قسمت به نحوه اضافه کردن فونت های سفارشی در پروژه خواهیم پرداخت.

15
  • استایل گلوبال

  • 00:05:30
  • نقدیــ

در چندین قسمت گذشته با هم آموختیم که می توانیم در هر کامپوننت استایل های مربوطه را بنویسیم یا استایل دهی کنیم. مشکلی که در آینده یا پروژه های بزرگ پیش خواهد آمد تکه تکه بودن استایل ها خواهد بود که در این قسمت به نحوه ایجاد استایلهای گلوبال می پردازیم تا تمامیه استایلهای مورد نیاز پروژه را در یک مکان داشته باشیم.

16
  • کامپوننت SectionList

  • 00:12:00
  • نقدیــ

کامپوننت SectionList نیز همانند کامپوننتهای FlatList و ScrollView برای به نمایش گذاشتن لیستی از داده ها مورد استفاده قرار داده میشود تنها تفاوت قابلیت نمایش بخش ها و سفارشی سازی آنها می باشد که در این جلسه خواهیم آموخت.

17
  • کامپوننت Image

  • 00:08:00
  • نقدیــ

در این قسمت در مورد نحوه قرار دادن تصاویر لوکال و آنلاین با استفاده از کامپوننت Image صحبت خواهیم کرد.

18
  • دیباگ اپلیکیشن توسط Chrome DevTools

  • 00:14:30
  • نقدیــ

مهمترین مهارتی که هر برنامه نویس باید داشته باشد مهارت خطایابی یا همون دیباگ کردن هست، که در این قسمت باهم نحوه دیباگ کردن اپلیکیشن توسط Developer Tools مرورگر معروف Google Chrome را خواهیم آموخت.

19
  • دیباگ اپلیکیشن توسط VSCode

  • 00:13:30
  • نقدیــ

مهمترین مهارتی که هر برنامه نویس باید داشته باشد مهارت خطایابی یا همون دیباگ کردن هست، که در این قسمت باهم نحوه دیباگ کردن اپلیکیشن توسط Visual Studio Code را خواهیم آموخت.

20
  • پابلیش اپلیکیشن در Expo

  • 00:08:30
  • نقدیــ

در این قسمت با نحوه پابلیش اپلیکیشن ساخته شده در Expo آشنا خواهیم شد تا بتوانیم اپلیکیشن در دست ساخت خود را به دیگر دوستان و هم تیمی ها خود جهت تست ارسال کنیم.

21
  • مجازی ساز اندروید Nox Player

  • 00:07:30
  • نقدیــ

در این قسمت با مجازی ساز اندروید Nox Player جهت استفاده به عنوان محیط توسعه اپلیکیشن های React Native آشنا میشویم.

22
  • React Navigation

  • 00:06:00
  • نقدیــ

در این قسمت با React Navigation آشنا میشویم.

23
  • Stack Navigator

  • 00:09:30
  • نقدیــ

در این قسمت با Stack Navigator ،که یک مدل جهت یابی درReact Navigation است، آشنا میشویم.

24
  • Navigation Props

  • 00:15:30
  • نقدیــ

در این قسمت با پراپ هایی که React Navigation در دسترس ما قرار میدهد آشنا میشویم که به چه صورت می توانیم صفحات را در Stack Navigator مدیریت کنیم.

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

جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .