آموزش React Native برای مبتدیان کامل همراه با Backend
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- تسلط گامبهگام به React Native
- ساخت اپلیکیشن تجارت الکترونیک برای اندروید و iOS با استفاده از React Native
- یادگیری Node.js و مبانی
- ادغام Stripe با React Native
پیشنیازهای دوره
- شما به رایانهای نیاز دارید که بتواند اپلیکیشنها را بیلد کند.
توضیحات دوره
در این آموزش اپلیکیشن تجارت الکترونیک با React Native، شما یاد خواهید گرفت که چگونه از React Native برای ساخت نسخه iOS و اندروید اپلیکیشن برای چند پلتفرمی استفاده کنید.
ما به آرامی با رابط کاربری (UI) شروع خواهیم کرد. در چند ساعت اول روی UI تمرکز میکنیم و یک رابط کاربری زیبا میسازیم. بنابراین در چند ساعت اول یاد میگیرید که چگونه دادهها را در async storage ذخیره کنید.
رابط کاربری شامل ویژگیهای زیر خواهد بود:
- مشاهده اقلام مردانه و زنانه
- اسکرول کردن در میان اقلام
- مشاهده صفحه جزئیات برای هر یک از اقلام
- افزودن کالا به سبد خرید
- حذف کالاها از سبد خرید
بعد از چند ساعت، کار با RESTful API را شروع خواهیم کرد. برای اینکه بتوانیم با RESTful API کار کنیم، از Node.js برای ساخت API و از MongoDB برای ذخیره دادهها در پایگاه داده استفاده خواهیم کرد.
همانطور که APIها را میسازیم، احراز هویت JWT را نیز پیادهسازی کرده و ورود به سیستم را انجام خواهیم داد.
بنابراین در نهایت قبل از ثبت سفارش باید وارد سیستم شویم. پس از ورود، سفارش را با استفاده از درگاه پرداخت Stripe ثبت میکنیم. جدا از آن، جستجوی محصول و لیست علاقهمندیها را خواهیم داشت.
در پایان خواهیم دید که چگونه این پروژه را به صورت رایگان در سرور Railway میزبانی کنیم. بنابراین یاد خواهید گرفت که چگونه این را برای یک اپلیکیشن دنیای واقعی کامپایل کنید و از گوشی اندروید خود به عنوان فایل apk به آن دسترسی داشته باشید و اولین اپلیکیشن تجارت الکترونیک React Native خود را به دنیا نشان دهید.
این دوره برای چه کسانی مناسب است؟
- برای مبتدیان کامل
آموزش React Native برای مبتدیان کامل همراه با Backend
-
ویدئو معرفی React Native 06:45
-
نصب Node بر روی مک 03:07
-
نصب VS Code بر روی مک 01:00
-
دانلود و نصب Android Studio 02:32
-
ایجاد و اجرای شبیهساز اندروید 05:03
-
مقدمه 03:06
-
درک فایل package.json 01:40
-
درک فایل package-lock.json 02:00
-
درک فایل config.babel.js 01:01
-
درک فایل app.json 01:33
-
درک فایل App.js 04:40
-
درک Export Default 05:45
-
درک alignItems ،justifyContent و flex 06:59
-
بیشتر درباره flex و view و text 04:32
-
یادگیری درباره Flex direction 05:03
-
یادگیری مبانی viewها 05:59
-
درک عمیقتر از Flex و viewهای تودرتو 08:56
-
جداسازی استایلها 06:35
-
ساخت اولین کامپوننت ما 06:14
-
جداسازی کامپوننت 07:35
-
استایلدهی به کامپوننت با margin ،padding و color 07:29
-
کامپوننت استایل قابل استفاده مجدد 09:18
-
کلیک TouchableOpacity و آیکونها 12:27
-
نمایش TextInput 07:03
-
SafeAreaView و نمایش Ionicons 06:16
-
روتوش ظاهر و حس WelcomeComponent 15:29
-
اینجا یاد میگیریم که یک اسلایدر تصاویر بسازیم 16:35
-
درک مفهوم overflow 03:50
-
لیست مسطح در React Native 11:43
-
درک arrow function در React 04:26
-
FlatList و دادههای پویا 07:52
-
FlatList و نمایش تصاویر 11:49
-
FlatList و حرکت سریعتر 01:22
-
بازنویسی کد با HomeScreen 04:18
-
هدر و Touchable Opacity 15:17
-
ناوبری در React Native 12:56
-
پلاگین کد اسنیپت React native 03:12
-
تصاویر و مسیر در FlatList 06:29
-
نمایش تصاویر در یک ستون 02:03
-
نمایش صحیح تصاویر 04:53
-
نمایش تصاویر همراه با متن 08:31
-
جداسازی آبجکت استایل و کامپوننتها 10:12
-
نصب فونتها 09:49
-
نحوه کار هوکها و توابع کالبک 08:44
-
تغییر خانواده فونت 03:49
-
درک useEffect 15:41
-
درک عمیقتر از useEffect 08:01
-
نمایش متن بارگذاری 04:00
-
وابستگیها برای useEffect 04:32
-
نمایش فایلهای جیسون Lottie 07:05
-
نمایش تبهای پایین صفحه 09:05
-
استایلدهی و صفحات بیشتر 09:00
-
تبها و مدیریت تمرکز 12:03
-
ایجاد هوکها برای صفحه اصلی 10:26
-
درک Promise و Resolve 19:00
-
نمایش آیکون بارگذاری و نمایش تصاویر 09:33
-
Scrollview و اسکرول صفحه اصلی 02:33
-
React native و Fragmentها 08:41
-
کامپوننت بارگذاری و خطا 05:06
-
رفتن به صفحه جزئیات محصول 11:41
-
درک هوک useRoute 05:30
-
نمایش تصویر 04:25
-
نمایش صحیح متن و تصاویر 13:10
-
نصب پلاگین امتیازدهی و استایلدهی به آن 10:18
-
استایلدهی به عنوان و قیمت 04:44
-
ایجاد دکمهها برای افزودن آیتمها 07:37
-
استفاده از useState برای افزایش و کاهش 08:58
-
بیشتر درباره متغیرهای state 01:45
-
استایلدهی متن توضیحات 08:58
-
نمایش متن موقعیت مکانی 13:12
-
استایلدهی دکمه خرید 21:03
-
معرفی useContext 06:07
-
استفاده همزمان از useState و useContext 06:09
-
ایجاد handlePress 10:05
-
ایجاد فراخوانی Mock API 13:01
-
درک چگونگی عملکرد useContext به صورت سراسری 06:02
-
کار روی دکمه سبد خرید با useContext 08:32
-
ایجاد دکمه addToCart 08:28
-
کامپوننت ورود 06:13
-
تصویر پسزمینه احراز هویت ورود 06:57
-
افزودن عنوان احراز هویت 05:16
-
ورودی متن برای ایمیل و رمز عبور 15:26
-
تغییر وضعیت نمایش رمز عبور با setState 10:19
-
استایلدهی دکمه ورود 15:07
-
نصب Formik و Yup برای اعتبارسنجی 10:18
-
اعتبارسنجی با Formik 09:11
-
رفع مشکل صفحهکلید 04:23
مشخصات آموزش
آموزش React Native برای مبتدیان کامل همراه با Backend
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:مقدماتی
- تعداد درس:87
- مدت زمان :11:36:02
- حجم :7.34GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:00:26
- تعداد درس: 31
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 01:57:58
- تعداد درس: 29
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 39:24
- تعداد درس: 25
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:52:39
- تعداد درس: 73
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 0:12:06
- تعداد درس: 8
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 1:48:18
- تعداد درس: 16
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 1:40:52
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی