آموزش های یودمی
دوبله زبان فارسی
ری اکت و ریداکس - راهنمای مبتدیان (نسخه 2023)
دوره های آموزشی
دوره های Udemy
- 4.9 امتیاز (5,254)
- 16:44:03
- تعداد بازدید 1
- 186 ویدئو آموزشی
✅ سرفصل و جزئیات آموزش
شما در این دوره با ری اکت، Redux Toolkit (RTK)، هوک ها، Firebase، ری اکت روتر، اعتبار سنجی فرم، i18n، استقرار، تست و Chakra آشنا می شوید.
آنچه یاد خواهید گرفت
- با React 18 اپلیکیشن تک صفحه ای سریع بسازید.
- چگونه کامپوننت های قابل استفاده مجدد برای ساخت یک برنامه مقیاس پذیر ایجاد کنید؟
- اکوسیستم و تمام ابزارهایی که همراه ری اکت هستند را مانند NPM، ریداکس، ES6 و ری اکت روتر بیاموزید.
- چگونه یک پروژه را به درستی معماری کنید؟
توضیحات دوره
نسخه 2023 - آخرین ورژن ری اکت و ریداکس
درباره این دوره
ری اکت نتیجه همکاری اینستاگرام و فیسبوک است و شما در مورد آن شنیده اید.
ری اکت یک کتابخانه جاوا اسکریپتی است که برای ایجاد رابط های وب استفاده می شود. این کتابخانه بسیار قدرتمند، دارای عملکرد بالا و ماژولار است. از زمان انتشار، همه در مورد آن صحبت می کنند و فیسبوک، نتفلیکس، یاهو، AirBnB و بسیاری دیگر از آن استفاده می کنند.
ری اکت تکنولوژی وبی است که باید بلد باشید. محبوب ترین کتابخانه جاوا اسکریپتی است که در حال حاضر برای ایجاد اپلیکیشن های وب استفاده می شود. تقاضای زیادی در بازار برای آن وجود دارد. به همین دلیل است که دارایی بسیار ارزشمندی برای اضافه شدن به مجموعه مهارت های شما به عنوان یک توسعه دهنده به شمار می رود.
این دوره ها اساس ری اکت و ریداکس را همراه با تمام ویژگی های مدرنی که می خواهید و باید بلد باشید، به شما می آموزد.
این دوره برای چه کسانی مناسب است؟
- برنامه نویسانی که به دنبال یادگیری آخرین نسخه ری اکت و ریداکس هستند.
- مهندسانی که از قبل React را بلدند اما می خواهند به مفاهیم آن تسلط پیدا کنند.
ری اکت و ریداکس - راهنمای مبتدیان (نسخه 2023)
-
خوش آمدید! 00:52
-
ری اکت چیست؟ 06:53
-
ایجاد یک اپلیکیشن با create-react-app 02:43
-
ایجاد اپلیکیشن ری اکت None
-
چگونه در خواست کمک کنید؟ 03:34
-
Virtual DOM؟ 05:50
-
کدنویسی کامپوننت root خود 05:58
-
در مورد همه این فایل ها چطور؟ 04:46
-
کامپوننت ها None
-
همه چیزهایی که می توانید رندر کنید 05:22
-
چه چیزی را می توانید رندر کنید؟ None
-
رندر چندین کامپوننت None
-
(اختیاری) - ایمپورت های ES6 03:30
-
ویرایشگر کد، NodeJS ،NPM 01:46
-
کد خود را فرمت کنید 01:13
-
Props - بخش 1 05:27
-
Props - بخش 1 None
-
Props - بخش 2 04:26
-
Props - بخش 2 None
-
استیت ها 09:04
-
استیت ها None
-
رفتارهای غیرمنتظره استیت ها 04:10
-
استایل دهی 08:37
-
چندین کلاس ماژول css در یک className 01:26
-
استایل دهی None
-
توابع Callback 06:01
-
Callbacks None
-
ترانسپایلر Babel 06:00
-
asset bundler وب پک 04:57
-
(اختیاری) - درک NPM و NPX 09:30
-
بررسی پروژه 01:16
-
Picker - قسمت 1 13:31
-
Picker - قسمت 2 06:37
-
Events و arrow functions 09:59
-
حلقه ها 04:39
-
حلقه ها None
-
(اختیاری) - تابع ()map در ES6 03:15
-
Map None
-
بهبود Picker با استفاده از ()map 02:55
-
بررسی پروژه 01:21
-
راه اندازی پروژه شما 02:28
-
معماری پروژه شما 03:06
-
بوت استرپ (اختیاری) 04:17
-
طرح بندی اپلیکیشن 07:48
-
(اختیاری) - مدیریت خطاها با Try ،Catch ،Finally و Throw 07:15
-
(اختیاری) - ES6 Promises و Async یا Await 12:33
-
واکشی داده - واکشی برنامه های محبوب 08:06
-
هوک - ()useEffect 05:16
-
useEffect None
-
تابع پاکسازی useEffect 09:27
-
ذخیره داده در استیت ها - تنظیم برنامه تلویزیونی محبوب 09:24
-
کامپوننت برنامه تلویزیونی 04:38
-
کامپوننت رتبه بندی 10:18
-
تصاویر ثابت - نمایش لوگو 05:48
-
آیتم فهرست برنامه تلویزیونی 10:48
-
واکشی توصیه ها 05:05
-
فهرست برنامه تلویزیونی 06:04
-
استایل دهی به نوار پیمایش 03:00
-
Event یا Callback - کلیک کردن روی یک توصیه 03:24
-
نوار جستجو - بخش طراحی 04:51
-
نوار جستجو - مدیریت فشار دادن کلید 05:50
-
مدیریت خطاهای درخواست 03:11
-
تمیز کردن ورودی پس از درخواست 05:32
-
استقرار با استفاده از Vercel 03:04
-
Strict mode 04:13
-
ریداکس چیست و چرا ریداکس؟ 03:18
-
ردیاب هزینه پروژه 01:10
-
راه اندازی ریداکس 04:56
-
راه اندازی store با مقادیر 04:57
-
اکشن های ریداکس 06:55
-
()useDispatch - نوشتن در Redux store 05:09
-
()useSelector - خواندن Redux store 05:30
-
کامپوننت ورودی درآمد 04:22
-
(اختیاری) - ES6 - Reduce 03:35
-
کامپوننت Total 06:22
-
یک نمودار ریداکس 09:18
-
Persist کردن store 13:18
-
میان افزار ریداکس 12:48
-
بررسی پروژه 02:04
-
راه اندازی پروژه 01:45
-
ری اکت روتر - ناوبری 01:33
-
راه اندازی ری اکت روتر و صفحات خود 06:11
-
سرور JSON - راه اندازی بک اند جعلی 05:57
-
کامپوننت هدر 07:57
-
ذخیره یادداشت ها 07:39
-
کامپوننت کارت متن 12:32
-
کانتینر فهرست یادداشت 04:54
-
توضیح کامپوننت فرم یادداشت 01:42
-
ساختار کامپوننت فرم یادداشت 06:26
-
یک یادداشت بسازید 08:54
-
اعتبار سنجی فرم 01:16
-
(اختیاری) - ES6 - عملگر Spread 06:56
-
اعتبار سنجی فرم - بخش 1 08:52
-
اعتبار سنجی فرم - بخش 2 03:45
-
ES6 و Destructuring assignment 05:47
-
دسترسی به پارامترهای URL 04:48
-
کامپوننت جزئیات یادداشت 04:25
-
تاگل کردن کامپوننت فرم یادداشت از editable به read only 05:06
-
بروزرسانی یادداشت 05:44
-
ES6 - فیلتر 04:20
-
حذف یادداشت 08:04
-
فیلتر یادداشت ها 09:34
-
مقدمه 03:31
-
راه اندازی روت ها 03:07
-
ساختار فرم ورود 04:57
-
کامپوننت ورودی عمومی 04:55
-
طرح بندی احراز هویت - بخش 1 12:49
-
طرح بندی احراز هویت - بخش 2 04:23
-
ارسال فرم ورود 03:54
-
توضیح جریان احراز هویت Firebase 03:49
-
راه اندازی Firebase 09:09
-
Signin API 05:06
-
ذخیره سازی کاربر در ریداکس 06:46
-
پس از ورود sweet را به صورت alert نمایش دهید 06:25
-
HOC توضیح داده شد: High Order Components 02:38
-
محافظت از روت های خود با استفاده از HOC 10:54
-
Persist کردن redux auth slice 04:19
-
نمایش مشخصات کاربر یا Selector 12:35
-
ثبت نام 05:43
-
واکشی مجموعه ای از Firestor 10:36
-
ایجاد، بروزرسانی و حذف با Firestore 04:19
-
حفاظت از بک اند خود 03:19
-
فعال کردن بروزرسانی های بلادرنگ 08:53
-
کانتکس ها 03:09
-
استفاده از کانتکس ها 09:32
-
کانتکس ها یا ریداکس؟ 03:14
-
مینی پروژه: تصاویر رندوم 02:09
-
ایجاد لیستی از تصاویر 10:46
-
توضیح هوک های سفارشی 11:09
-
هوک useScrollPosition 09:08
-
کمی استایل دهی 05:11
-
صفحه بندی با استفاده از هوک سفارشی 11:02
-
دانلود یک تصویر 03:12
-
مقدمه 09:52
-
کدنویسی توابع ریاضی خود 05:49
-
تست توابع خود با ()describe() ،it و ()expect 11:49
-
کدنویسی سریع ماشین حساب 14:01
-
مدیریت هشدارها و خطاهای ماشین حساب 05:16
-
()render() ،getByText و ()getByRole در Jest 10:22
-
یافتن المان ها با استفاده از findByTestId و data-testid 11:47
-
شبیه سازی ورودی های کاربر با ()fireEvent 05:34
-
پوشش تست 08:43
-
با ()find منتظر المان ها باشید 07:20
-
کار با درخواست های asynchronous 08:19
-
هوک useRef 08:42
-
memo ،useMemo و useCallback در Memoization 11:38
-
ری اکت 18 - states batching 04:50
-
معرفی نمونه کارها پویا 05:45
-
راه اندازی اپلیکیشن ری اکت با Vite bundler 10:09
-
راه اندازی ChakraUI و تم 08:14
-
راه اندازی فونت ها با ChakraUI 03:55
-
کامپوننت هدر 09:42
-
صفحه فرود، سیستم طرح بندی با ChakraUI 09:48
-
سفارش سازی Badge 05:12
-
ترجمه متن های ما 12:32
-
تغییر زبان 04:51
-
زبان پیش‌فرض مرورگر و کش 03:22
-
اسلایدر عکس 10:31
-
حالت اسلایدر تصویر 08:27
-
آماده سازی آخرین بخش پروژه ها 11:26
-
Badges 09:30
-
فوتر 07:00
-
راه اندازی Firebase و Rowy 08:07
-
راه اندازی Firebase ری اکت 04:06
-
واکشی همه پروژه ها 10:47
-
ترجمه داده هایی که از بک اند می آیند 03:44
مشخصات آموزش
ری اکت و ریداکس - راهنمای مبتدیان (نسخه 2023)
- سطح دوره:مقدماتی
- تعداد درس:186
- مدت زمان :16:44:03
- حجم :5.78GB
- زبان:دوبله زبان فارسی
- دوره آموزشی: دوره های Udemy
- تعداد بازدید: 1
آموزش های مرتبط
-
سطح دوره:
-
زبان: دوبله فارسی
آموزش های یودمی
850,000 ریال
- زمان: 58:29
- تعداد درس: 11
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
آموزش های یودمی
1,672,000 ریال
- زمان: 01:54:29
- تعداد درس: 13
-
سطح دوره:
-
زبان: دوبله فارسی
آموزش های یودمی
5,397,000 ریال
- زمان: 06:08:32
- تعداد درس: 5
-
سطح دوره:
-
زبان: دوبله فارسی
آموزش های یودمی
1,657,000 ریال
- زمان: 01:53:24
- تعداد درس: 43
-
سطح دوره:
-
زبان: دوبله فارسی
آموزش های یودمی
9,900,000 ریال
- زمان: 11:15:49
- تعداد درس: 128
-
سطح دوره:
-
زبان: دوبله فارسی
آموزش های یودمی
3,916,000 ریال
- زمان: 04:27:00
- تعداد درس: 56
-
سطح دوره:
-
زبان: دوبله فارسی