درخواست های ارتباط
جستجو
    لیست دوستان من
    صندوق پیام
    همه را دیدم
    • در حال دریافت لیست پیام ها
    صندوق پیام
    رویدادها
    همه را دیدم
    • در حال دریافت لیست رویدادها
    همه رویدادهای من
    اطلاعات دوره آموزشی
    اطلاعات مطلب
      مدرس/نویسنده
      حسام رسولیان
      امتیاز: 26872
      رتبه:50
      26
      42
      6
      88
      دانشجوی کارشناسی IT برنامه نویس Java, PHP,JS CCNA,LPIC پروفایل کاربر
      دوره های مرتبط
      دوره های توسینسو دوره آموزشی مقدماتی برنامه نویسی جاوا به زبان ساده
      دوره آموزشی مقدماتی برنامه نویسی جاوا به زبان ساده
      مدرس: مهدی عادلی فر
      این دوره را در 17 قسط خریداری کنید
      با خرید این دوره مبلغ 5,445 تومان هدیه بگیرید
      دوره آموزشی اسکریپت نویسی Batch یا Batch Scripting در ویندوز به زبان ساده
      دوره آموزشی اسکریپت نویسی Batch یا Batch Scripting در ویندوز به زبان ساده
      مدرس: حسین احمدی
      این دوره را در 11 قسط خریداری کنید
      دوره آموزشی مقدماتی برنامه نویسی به زبان سی شارپ
      دوره آموزشی مقدماتی برنامه نویسی به زبان سی شارپ
      مدرس: حسین احمدی
      این دوره را در 17 قسط خریداری کنید
      با خرید این دوره مبلغ 8,470 تومان هدیه بگیرید
      دوره آموزشی برنامه نویسی به زبان پرل بصورت پروژه محور
      دوره آموزشی برنامه نویسی به زبان پرل بصورت پروژه محور
      مدرس: ایمان جوادی
      این دوره را در 13 قسط خریداری کنید
      ساخت و مدیریت ربات تلگرام از صفر با زبان سی شارپ
      ساخت و مدیریت ربات تلگرام از صفر با زبان سی شارپ
      مدرس: مهدی عادلی فر
      این دوره را در 2 قسط خریداری کنید
      دوره آموزشی برنامه نویسی WPF در ویژوال استودیو
      دوره آموزشی برنامه نویسی WPF در ویژوال استودیو
      مدرس: امیر حسین فضلیخانی
      این دوره را در 12 قسط خریداری کنید
      دوره آموزشی برنامه نویسی اندروید با زبان جاوا به زبان ساده
      دوره آموزشی برنامه نویسی اندروید با زبان جاوا به زبان ساده
      مدرس: مهدی عادلی فر
      این دوره را در 27 قسط خریداری کنید
      با خرید این دوره مبلغ 8,110 تومان هدیه بگیرید
      دوره آموزشی برنامه نویسی حرفه ای پایتون به زبان ساده
      دوره آموزشی برنامه نویسی حرفه ای پایتون به زبان ساده
      مدرس: حسین احمدی
      این دوره را در 23 قسط خریداری کنید
      با خرید این دوره مبلغ 7,425 تومان هدیه بگیرید
      دوره آموزشی برنامه نویسی پیشرفته زبان سی شارپ
      دوره آموزشی برنامه نویسی پیشرفته زبان سی شارپ
      مدرس: حسین احمدی
      این دوره را در 78 قسط خریداری کنید
      با خرید این دوره مبلغ 82,245 تومان هدیه بگیرید
      دوره آموزشی پردازش متن با زبان برنامه نویسی پایتون
      دوره آموزشی پردازش متن با زبان برنامه نویسی پایتون
      مدرس: کاظم تقندیکی
      این دوره را در 20 قسط خریداری کنید
      با خرید این دوره مبلغ 7,040 تومان هدیه بگیرید
      دوره آموزشی ساخت ربات تلگرام
      دوره آموزشی ساخت ربات تلگرام
      مدرس: کاظم تقندیکی
      این دوره را در 8 قسط خریداری کنید
      دوره آموزشی طراحی رابط کاربری با JavaFX
      دوره آموزشی طراحی رابط کاربری با JavaFX
      مدرس: حسام رسولیان
      این دوره را در 13 قسط خریداری کنید
      دوره آموزشی Exploit نویسی به زبان Perl
      دوره آموزشی Exploit نویسی به زبان Perl
      مدرس: ایمان جوادی
      این دوره را در 7 قسط خریداری کنید
      دوره تخصصی آموزش متن کاوی با ابزار NLTK
      دوره تخصصی آموزش متن کاوی با ابزار NLTK
      مدرس: کاظم تقندیکی
      این دوره را در 11 قسط خریداری کنید
      تاریخ 2 ماه قبل
      نظرات 1
      بازدیدها 132
      شرکت ها و سازمان ها همیشه به دنبال کم کردن هزینه های خود هستند و از همین روی این روز ها فریموورک های Cross-platform یا چند سکویی حسابی محبوب شده اند. یکی از این فریموورک ها در حوزه برنامه نویسی موبایل React Native می باشد که در این پست با هم دیگه اولین پروژه Hello World خودمون و در RN میسازیم.

      IDE
      برای کد نوشتن قطعا شما نیاز به یک ادیتور یا IDE دارید و از ادیتور هایی که جاوااسکریپت و پشتیبانی میکنند میتونید برای React استفاده کنید. پیشنهاد انتخاب یکی از بین Atom و VS Code می باشد.

      Nodejs
      برای کار با React native شما نیاز به موتور Nodejs دارید به همین منظور وارد سایت nodejs میشویم.

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

      https://nodejs.org/en/
      

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


      Python

      علاوه بر Nodejs شما نیاز دارید که پایتون هم روی سیستم خودتون نصب کنید. حداقل ورژن مورنیاز Python 2 می باشد.

      https://www.python.org/
      

      Android Studio

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

      JDK

      پیش نیاز بعدی نصب JDK هست به همین منطور JDK و از یکی از سایت های ایرانی دانلود کنید و نصب کنید چون سایت اوراکل اجازه دسترسی کاربران ایرانی و نمیده.
      بعد از نصب با جستجوی عبارت system setting وارد قسمت Advanced system setting شوید.

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


      در قسمت System Variables روی گزینه new کلیک کنید تا یک کارد برای شما باز شود. همانند تصویر قسمت variable name عبارت JAVA_HOME و بنویسید و در قسمت پایین ادرس jdk.

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


      باز به سراغ System Variables میرویم و روی path گزینه edit و میزنیم و ادرس platform-tools و از پوشه sdk اضافه میکنیم تا بتونیم از شبیه ساز استفاده کنیم.

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


      نصب React Native

      خب رسیدیم به نصب React Native برای این کار cmd و باز میکنیم و وارد مسیری میشیم که میخوایم پروژه و بسازیم.
      امروز که من این مطلب و مینویسم 14 شهریور 1397 هستیم و نسخه 0.54 از React منتشر شده که به دلیل یک سری باگ و مشکلاتی که داره من از نسخه قدیمی تر استفاده میکنم برای نصب دستور زیر و من در cmd مینویسم.
      npm install --save react-native@0.55.4
      
      اگر خواستید همیشه آخرین نسخه و نصب کنید از دستور زیر استفاده کنید.

      npm install -g react-native-cli
      

      بعد از نصب نوبت به ساخت پروژه میرسه برای این که بتونیم پروژه React Native ایجاد کنیم در cmd یا ترمینال IDE از دستور init استفاده می کنیم.

      react-native init TosinsoReact
      

      عبارت 'TosinsoReact' اسم دلخواهی هست که من برای پروژه استفاده کردم. برای اجرای پروژه نسخه اندرویدی از دستور زیر استفاده میکنیم.

      برای اجرا نسخه اندرویدی پروژه وارد دایرکتوری پروژه میشیم و در ترمینال دستور
      react-native run-android را مینویسم.
      و در نهایت اجرای پروژه Hello World

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

      برچسب ها
      ردیفعنوان
      1ساخت اولین پروژه React Native
      2مفهوم props در برنامه نویسی React Native
      3کار کردن با state در React Native
      دورهمجموعه کل دوره
      مطالب مرتبط

      در حال دریافت اطلاعات

      نظرات
      • سلام خسته نباشی حسام عزیز با همین فرمون ادامه بده خیلی جذابه مباحث react native

      برای ارسال نظر ابتدا به سایت وارد شوید

      arrow