ریاکت نیتیو
✅ سرفصل و جزئیات آموزش
توضیحات دوره
ریاکت نیتیو یک فریمورک متن باز برای ساخت اپلیکیشنهای چندسکویی با ریاکت و قابلیتهای نیتیو پلتفرم است. در این دوره، شما از مبانی ریاکت به یک پیادهسازی پیشرفتهتر با ریاکت نیتیو خواهید رفت. شما طیف وسیعی از کامپوننتهای مختلف ریاکت و متدهای استایلدهی به آنها را بررسی خواهید کرد. همچنین، شما در استفاده از متدهای مختلف تعامل با ریاکت نیتیو با موبایل را تمرین خواهید کرد.
برخی از مهارتهای اولیه که یاد خواهید گرفت، عبارتند از:
- ساخت یک اپلیکیشن تک صفحهای ریاکت نیتیو و استایلدهی به آن با کامپوننتهای اولیه
- ساخت لیستهای بزرگ و پیکربندی ورودیهای کاربر در یک اپلیکیشن ریاکت نیتیو
- استفاده از کامپوننت Pressable برای ساخت دکمهها و مناطق قابل کلیک دیگر
- راهاندازی یک اپلیکیشن با React Navigation و جابجایی بین صفحات
شما تجربه با ابزارها و نرمافزارهای زیر بدست خواهید آورد:
- ریاکت
- ریاکت نیتیو
- زبانهای توسعه فرانتاند (سی اس اس، اچ تی ام ال و جاوا اسکریپت)
- JSX
- برنامههای ویرایش کد، مانند Expo و ویژوال استودیو کد
این دوره برای دانشجویانی است که میخواهند خود را برای یک شغل در توسعه موبایل آماده کنند. برای موفقیت در این دوره، شما به دانش اولیه از مبانی ریاکت، مهارتهای ناوبری اینترنت و اشتیاق به کدنویسی نیاز دارید.
ریاکت نیتیو
-
مقدمهای بر دوره 3:40
-
ریاکت نیتیو چیست؟ 6:04
-
نقشهای توسعهدهنده نیتیو، چندسکویی و هیبریدی 4:49
-
ملاقات با یک توسعهدهنده چندسکویی 3:12
-
بررسی محیط توسعه ریاکت نیتیو 2:29
-
ریاکت نیتیو با Expo 4:43
-
چگونه از ریاکت نیتیو در واقعیت استفاده میشود؟ 3:42
-
کد ریاکت نیتیو 2:46
-
Expo چیست؟ 4:39
-
کامپوننتهای ریاکت نیتیو چه هستند؟ 5:35
-
ساخت یک کامپوننت 4:17
-
کامپوننتهای View و Text چه هستند؟ 3:10
-
استفاده از کامپوننتهای View و Text 5:27
-
کامپوننت ScrollView چیست؟ 4:01
-
استفاده از کامپوننت ScrollView 5:26
-
طراحی کامپوننتها با StyleSheet 3:31
-
استایلدهی عملی 5:21
-
خلاصه ماژول: آشنایی با ریاکت نیتیو 2:37
-
برنامه درسی دوره None
-
چگونه در این دوره موفق باشیم؟ None
-
منابع اضافی None
-
مزایای ریاکت نیتیو None
-
ساخت اپلیکیشنهای ریاکت نیتیو با Expo None
-
منابع اضافی None
-
بررسی ساخت یک کامپوننت None
-
تمرین: اولین کامپوننت ریاکت نیتیو شما None
-
راهحل: اولین کامپوننت ریاکت نیتیو شما None
-
منابع اضافی None
-
بررسی کامپوننتهای View و Text None
-
تمرین: ساخت یک صفحه ریاکت نیتیو None
-
راهحل: ساخت یک صفحه ریاکت نیتیو None
-
بررسی کامپوننت ScrollView None
-
تمرین: ساخت یک کامپوننت قابل اسکرول None
-
راهحل: ساخت یک کامپوننت قابل اسکرول None
-
منابع اضافی None
-
طراحی با StyleSheet None
-
تمرین: استایلدهی به یک کامپوننت None
-
راهحل: استایلدهی به یک کامپوننت None
-
منابع اضافی None
-
رندر لیستهای بزرگ با کامپوننت FlatList 3:58
-
استفاده از کامپوننت FlatList 4:13
-
متدهای FlatList 5:22
-
رندر لیستهای بزرگ به صورت بخشبندی شده با SectionList 4:13
-
استفاده از کامپوننت SectionList 5:55
-
کامپوننت TextInput چیست؟ 4:24
-
پیکربندی کامپوننت TextInput 4:44
-
کیبورد مجازی در اپلیکیشنهای موبایل 4:50
-
مدیریت کیبورد مجازی 5:06
-
انتقال props به کامپوننت TextInput 5:25
-
استفاده از متدهای TextInput 5:31
-
خلاصه ماژول: لیستها و ورودی متن در ریاکت نیتیو 3:37
-
بررسی کامپوننت FlatList None
-
تمرین: رندر یک لیست بزرگ با FlatList None
-
راهحل: رندر یک لیست بزرگ با FlatList None
-
منابع اضافی None
-
بررسی کامپوننت SectionList None
-
تمرین: رندر یک لیست بزرگ با SectionList None
-
راهحل: رندر یک لیست بزرگ با SectionList None
-
منابع اضافی None
-
کامپوننت TextInput و ویژگیهای آن None
-
تمرین: ایجاد یک کامپوننت TextInput None
-
راهحل: ایجاد یک کامپوننت TextInput None
-
نکات و ترفندها برای مدیریت کیبورد مجازی None
-
منابع اضافی None
-
props رایج کامپوننت TextInput None
-
تمرین: ایجاد یک صفحه لاگین None
-
راهحل: ایجاد یک صفحه لاگین None
-
متدهای TextInput None
-
منابع اضافی None
-
کامپوننت Pressable چیست؟ 5:18
-
استفاده از کامپوننت Pressable 5:29
-
نمایش تصاویر در ریاکت نیتیو 4:57
-
استفاده از کامپوننت تصویر 2:04
-
استایلدهی به یک تصویر در اپلیکیشن 3:16
-
ارسال props به کامپوننت تصویر 5:28
-
تنظیم تصاویر پسزمینه 3:18
-
هوکها چه هستند؟ 2:56
-
استفاده از هوک useColorScheme 3:58
-
استفاده از هوک useWindowDimensions 2:48
-
استفاده از هوکهای دیگر انجمن 3:12
-
خلاصه ماژول: Pressable، تصاویر و هوکها در ریاکت نیتیو 1:52
-
بررسی Pressable None
-
تمرین: ایجاد یک ناحیه متن قابل کلیک با Pressable None
-
راهحل: ایجاد یک ناحیه متن قابل کلیک با Pressable None
-
منابع اضافی None
-
بررسی کامپوننت تصویر None
-
بررسی props به کامپوننت تصویر None
-
تمرین: تصاویر را در اپلیکیشن خود نمایش دهید None
-
راهحل: تصاویر را در اپلیکیشن خود نمایش دهید None
-
منابع اضافی None
-
بررسی هوک useColorScheme None
-
بررسی هوک useWindowDimensions None
-
بررسی هوکهای دیگر انجمن None
-
تمرین: هوکها در ریاکت نیتیو None
-
راهحل: هوکها در ریاکت نیتیو None
-
منابع اضافی None
-
React Navigation چیست؟ 5:05
-
راهاندازی React Navigation 2:18
-
استفاده از Stack.Navigator 4:48
-
رویکردها برای انتقال props به صفحه 2:57
-
جابجایی به یک صفحه جدید 4:37
-
جابجایی بین صفحات 2:36
-
بازگشت به صفحه قبلی 3:02
-
پیکربندی یک نوار هدر 5:31
-
ناوبری تب چیست؟ 4:38
-
مثال ناوبری تب 3:25
-
Tab Navigator خود را سفارشیسازی کنید 3:37
-
ناوبری کشویی چیست؟ 3:15
-
مثال ناوبری کشویی 4:12
-
خلاصه ماژول: React Navigation 2:25
-
نصب و راهاندازی React Navigation None
-
ایجاد و پیکربندی Native Stack Navigator None
-
انتقال props به صفحه None
-
تمرین: راهاندازی مسیرها None
-
راهحل: راهاندازی مسیرها None
-
منابع اضافی None
-
ناوبری به یک صفحه None
-
تمرین: جابجایی بین صفحات None
-
راهحل: جابجایی بین صفحات None
-
منابع اضافی None
-
بررسی ناوبری تب None
-
تمرین: پیکربندی ناوبری تب None
-
راهحل: پیکربندی ناوبری تب None
-
منابع اضافی None
-
بررسی ناوبری کشویی None
-
تمرین: پیکربندی ناوبری کشویی None
-
راهحل: پیکربندی ناوبری کشویی None
-
منابع اضافی None
-
خودآموزی دوره: ریاکت نیتیو 2:50
-
راهنمای حل: ثبتنام در خبرنامه Little Lemon 3:23
-
تبریک میگوییم، شما ریاکت نیتیو را به پایان رساندید! 1:48
-
درباره ارزیابی پروژه نهایی None
-
تمرین: ثبتنام در خبرنامه Little Lemon None
-
کد راهحل: ثبتنام در خبرنامه Little Lemon None
-
گامهای بعدی None
مشخصات آموزش
ریاکت نیتیو
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:135
- مدت زمان :03:57:50
- حجم :467.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy