رایگان!
ویژگی های دوره
آموزش مقدماتی react native (ری اکت نیتیو) دوره ای است که مفاهیم پایه و اساسی فریمورک محبوب react native به صورت قدم به قدم آموزش داده می شود
react native چیست؟
react native(ری اکت نیتیو) یکی دیگر از فریمورک های جاوااسکرپتی محبوب است که در سال 2015 توسط facebook منتشر شد. این فریمورک بر پایه Javascript و کتابخانه فوق العاده Reactjs توسعه داده شده است و با کمک آن می توانید اپلیکیشن های Android و Ios به صورت native بسازید.از معروف ترین اپلیکیشن هایی که با این فریمورک ساختخ شده اند می تواند به اینستاگرام،فیسبوک،Uber و … اشاره کرد
هدف دوره آموزش مقدماتی react native چیست؟
همیشه یادگیری یک زبان برنامه نویسی و Framework لذت بخش هست مخصوصا اگه با این زبان یا Framework بتونی برنامه هایی بنویسی که روی پلتفرم های مختلف اجرابشه.در این دوره (آموزش مقدماتی react native) سعی کردیم به نحوی پیش بریم تا افرادی که قصد دارند برنامه نویسی React Native رو شروع کنند،بدون هیچ مشکلی و با اطمینان کامل پا به دنیای جذاب و دوست داشتنی React Native بزارن.
چرا React Native رو یاد بگیریم؟
در حال حاضر زبان ها و Frameworkهای زیادی برای توسعه اپلیکیشن ها موجوده اما شما با یادگیری اینها فقط میتونید برای یک پلتفرم برنامه بنویسید یا برنامه ای که مینویسید native نیست.در سال ۲۰۱۵ فیسبوک با انتشار React Native برنامه نویس ها رو به شوک فرو برد و تا حد زیادی خوشحالشون کرد.برنامه نویس ها این امکان رو داشتند با استفاده از زبان جاوااسکریپت اپلیکیشن هایی بنویسند که روی هر دو سیستم عامل Android و iOS اجرا میشد و خروجی برنامه native بود.اگه علاقه دارین بیشتر در مورد React Native بدونید.میتونید مقاله React Native چیست رو بخونید و اطلاعات بیشتری در مورد این Framework دوست داشتنی بدست بیارین.
مطالعه مقاله های زیر هم خالی از لطف نیست و پیشنهاد میکنم قبل از شروع دوره نگاهی به این نوشته ها داشته باشید.
اگر می خواهید React Native (ری اکت نیتیو) را به صورت کامل و در قالب پروژه های مختلف یاد بگیرید پیشنهاد می کنیم در دوره آموزش جامع و پروژه محور React native شرکت کنید.
چرا برنامه نویسان React Native را دوست دارند؟
چگونه یک برنامه نویس React Native بشیم
تکلیف پیش نیازهای این دوره چیه؟
با توجه به اینکه react native برپایه جاوااسکریپت و reactjs توسعه داده شده است، بنابراین باید به جاوا اسکریپت ، ES6 و react js تسلط داشته باشید.اگر به این پیش نیازها تسلط ندارید، نیاز نیست نگران باشید، می توانید به صورت رایگان آموزش javascript، آموزش ES6 و آموزش react js را مشاهده کنید.
سوالات متداول
مزایا و معایب 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 که تا حد زیادی حتی قابل تشخیص از هم نیستند را با یک کد یکسان در اختیار کاربر قرار می دهد
چند درصد کدها بین Android و IOS در react native مشترک است ؟
می توان گفت حدود 95 درصد کدها بین هر دو سیستم عامل در روند توسعه مشترک است و گاهی اوقات برای اینکه کاربران احساس native بودن اپلیکیشن را داشته باشند باید از کامپوننت های مخصوص استفاده کنید.به طور مثال Toast android یا DatePicker
چه اپلیکیشن هایی با react native توسعه داده شدند ؟
شرکت های مختلفی از کوچک تا بزرگ از react native برای توسعه اپلیکیشن های خوداستفاده کرده اند.به طور مثال : Instagram، Uber Eats، Airbnb، Pinterest و … و وجود این چنین شرکت هایی که در سطح وسیع از React Native استفاده کرده اند جای تامل دارد!
آیا react native ارزش یادگیری دارد ؟
برای پاسخ به این سوال می توانیم چندین جنبه را در نظر بگیریم:
- اگر شما یک توسعه دهنده جاوا اسکریپت هستید، به راحتی و با صرف زمان کمتری می توانید react native یاد بگیرید و به طور حتم فرصت های شغلی جدیدی برای شما ایجاد خواهد شد.
- اگر در یک تیم استارتاپی مشغول به فعالیت هستید و نیاز دارید در کمترین زمان ممکن اپلیکیشن برای محصول خودتون و برای هر دو پلتفرم Android و Ios داشته باشید،react native یک گزینه فوق العاده است.
- اگر به دنبال کاهش هزینه های شرکت و صرفه جویی در زمان هستید، react native گزینه ای است که باعث میشه شما در قالب یک تیم زمان و هزینه توسعه اپلیکیشن را کاهش دهید.
آموزش مقدماتی react native
0. معرفی دوره مقدماتی react native ویدئو
1. آموزش نصب react native در windows ویدئو
2. آموزش نصب react native در mac ویدئو
3. اجرای پروژه های react native بر روی android و IOS ویدئو
4. ایجاد TextInput ویدئو
5. کار با TextInput options ویدئو
6. استایل دهی در React native ویدئو
7. آشنایی با FlexBox بخش اول (flex, flexDirection, justifyContent, AlignItem) ویدئو
8. آشنایی با FlexBox بخش دوم (flexWarp, AlignSelf, AlignContent ) ویدئو
9. آشنایی با FlexBox بخش سوم (FlexGrow, FlexShrink, FlexBasic) ویدئو
10. افزودن Fonts ویدئو
11. آشنایی با نحوه ایجاد component ویدئو
12. Props در React Native ویدئو
13. State در React Native ویدئو
14. ایجاد لیست با ScrollView ویدئو
15. ایجاد لیست با FlatList ویدئو
16. ایجاد لیست با VirtualizedList ویدئو
17. آشنایی با TouchableOpacity, TouchableHighlite, TouchableWithoutFeedBack ویدئو
18. کار با component جدید Pressable ویدئو
19. ایجاد لیست بی نهایت (infinite List) ویدئو
20. ایجاد Modal ویدئو
21. ایجاد Alert ویدئو
22. آشنایی با RefreshControl ویدئو
23. نحوه کار با کامپوننت StatusBar و Image ویدئو
24. مینی پروژه – بخش اول ویدئو
25. مینی پروژه – بخش دوم ویدئو
26. مینی پروژه – بخش سوم (آشنایی با Formik و Yup) ویدئو
27. آشنایی با چرخه حیات کامپوننت ها در React Native (LifeCycle) ویدئو
28. ارسال پارامتر به screen ویدئو
29. جابه جایی بین صفحات - Navigate ویدئو
30. جابه جایی بین صفحات - push و goBack ویدئو
31. جابه جایی بین صفحات - popToTop و replace ویدئو
32. آشنایی با optionها و استایل دهی ویدئو
33. آشنایی با nesting navigator ویدئو
34. ایجاد Drawer ویدئو
35. ایجاد Drawer سفارشی ویدئو
36. ایجاد Tab Navigator ویدئو
37. پیاده سازی Dark Mode ویدئو
moreدوره های مرتبط
آموزش جامع و پروژه محور Nodejs
آموزش Redux
انیمیشن در react native
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
رایگان!
علی
توسعه دهنده سمت سرورعاشق جاوااسکریپت و توسعه سمت سرور و توسعه اپلیکیشن اونم با React Native:)
alirezaakrami1368
سلام . فقط یکی دو تا از ویدئوها نمایش داده میشه. بقیه ش قفله
مهدی حسن زاده(مدیریت)
سلام
بعضی ویدئوها صرفا پیش نمایش هستند، پس از ثبت نام در دوره به تمامی ویدئوها جهت دانلود دسترسی خواهید داشت
panda
سلام خسته نباشید لینک های دانلود کار نمیکنه متاسفانه
مهدی حسن زاده(مدیریت)
سلام
سلامت باشید
من الان تست کردم درست بود
امیر محمد
سلام وقت بخیر این دوره آخرین آپدیتش ماله چ تاریخیه با تشکر یا اینکه اگر اپدیت نشده چ زمانی منتشر شده
مهدی حسن زاده(مدیریت)
سلام وقت بخیر
آخرین بروزرسانی دوره مربوط به یکسال پیش میشه
mahmoud.bzri
سلام وقتتون بخیر
این دوره رو خواستم ثبت نام کنم دیدم نوشته رایگان اما باز جلوی هر درس یه قفل هست و نوشته خصوصی با اینکه در سایت هم ثبت نام کردم , ممنون میشم راهنمایی کنید که چطور میتونم از این دوره استفاده کنم
مهدی حسن زاده(مدیریت)
سلام
باید در این دوره ثبت نام کنید
در انتهای فرآیند ثبت نام لینک های دانلود در اختیار شما قرارمیگیره
همچنین میتونید از طریق پنل کاربری->دانلودها به لینک دوره هایی که ثبت نام کردیدد دسترسی داشته باشید
btcminer0098
سلام خسته نباشید من یک هفته که تو راه اندازی و استفاده از react-native cli و expo cli گیر کردم هر کدام که میخام استفاده کنم چپ و راست ارور میدن
Installing the following packages:
nodejs-lts;openjdk11
By installing, you accept licenses for the packages.
Error retrieving packages from source ‘https://community.chocolatey.org/api/v2/’:
The operation has timed out.
nodejs-lts not installed. The package was not found with the source(s) listed.
Source(s): ‘https://community.chocolatey.org/api/v2/’
NOTE: When you specify explicit sources, it overrides default sources.
If the package version is a prerelease and you didn’t specify –pre,
the package may not be found.
Please see https://docs.chocolatey.org/en-us/troubleshooting for more
assistance.
Error retrieving packages from source ‘https://community.chocolatey.org/api/v2/’:
The operation has timed out.
openjdk11 not installed. The package was not found with the source(s) listed.
Source(s): ‘https://community.chocolatey.org/api/v2/’
NOTE: When you specify explicit sources, it overrides default sources.
If the package version is a prerelease and you didn’t specify –pre,
the package may not be found.
Please see https://docs.chocolatey.org/en-us/troubleshooting for more
assistance.
Chocolatey installed 0/2 packages. 2 packages failed.
See the log for details (C:\ProgramData\chocolatey\logs\chocolatey.log).
Failures
– openjdk11 – openjdk11 not installed. The package was not found with the source(s) listed.
Source(s): ‘https://community.chocolatey.org/api/v2/’
NOTE: When you specify explicit sources, it overrides default sources.
If the package version is a prerelease and you didn’t specify –pre,
the package may not be found.
Please see https://docs.chocolatey.org/en-us/troubleshooting for more
assistance.
– nodejs-lts – nodejs-lts not installed. The package was not found with the source(s) listed.
Source(s): ‘https://community.chocolatey.org/api/v2/’
NOTE: When you specify explicit sources, it overrides default sources.
If the package version is a prerelease and you didn’t specify –pre,
the package may not be found.
Please see https://docs.chocolatey.org/en-us/troubleshooting for more
assistance.
۱. این ارور رو موقع اجرای کد choco install -y nodejs-lts openjdk11 میگیرم
۲. از روش های قدیمی تر همه رو مراحل رو رفتم و موقع اجرای react-native با npm تو ترمینال vscode وقتی دستور npx react-native run-android رو اجرا میکنم ارور > Task :app:processDebugMainManifest FAILED رو میده تمام مراحل رو درست رفتم وادرس دهی و دانلود پکیج های دیگه انجام شده.
۳. با expo cli هم میخام پروژه رو ران کنم یا ران نمیشه کلا یا حداقل ۱۰ دقیقه طول میکشه تا ران شه .
تمام راه حل های توی stackover و github رو رفتم بازم درست نشدن .
راهی هست از دست این ارورها خلاص شم؟؟؟
btcminer0098
سلام خسته نباشید شما در این دوره از expo cli استفاده می کنید؟؟؟
مهدی حسن زاده(مدیریت)
سلام سلامت باشید
خیر
محمد کمالی
سلام. من وقتی این دستور react-native run-android رو اجرا می کنم این اررو برایم نمایش داده میشه.
ممنون می شوم کمک کنید.
info Running jetifier to migrate libraries to AndroidX. You can disable it using “–no-jetifier” flag.
(node:12768) Warning: Accessing non-existent property ‘padLevels’ of module exports inside circular dependency
(Use
node --trace-warnings ...
to show where the warning was created)Jetifier found 875 file(s) to forward-jetify. Using 8 workers…
info JS server already running.
info Installing the app…
FAILURE: Build failed with an exception.
* Where:
Settings file ‘C:\Users\Safa\Desktop\MyAndroidApp\amoapp\App\android\settings.gradle’
* What went wrong:
Could not compile settings file ‘C:\Users\Safa\Desktop\MyAndroidApp\amoapp\App\android\settings.gradle’.
> startup failed:
General error during semantic analysis: Unsupported class file major version 60
java.lang.IllegalArgumentException: Unsupported class file major version 60
at groovyjarjarasm.asm.ClassReader.(ClassReader.java:196)
مهدی(مدیریت)
سلام
اگر امکان داره از نسخه 8 jdkاستفاده کنید.
در فایل android/gradle/wrapper/gradle-wrapper.properties
distributionUrl رو برابر با https://services.gradle.org/distributions/gradle-6.0-all.zip قرار دهید
هنگام اجرا دستور react-native run-android از یک وی*ان اختصاصی برای دورزدن تحریم ها استفاده کنید