دوره آموزشی
آموزش های یودمی
دوبله زبان فارسی

همه آنچه باید در مورد ری اکت بدانید با پروژه عملی

همه آنچه باید در مورد ری اکت بدانید با پروژه عملی

✅ سرفصل و جزئیات آموزش

با ساخت اپلیکیشن های واقعی با ری اکت، هوک های ری اکت و یکپارچه سازی RESTful API ها، ری اکت را یاد بگیرید.

آنچه یاد خواهید گرفت:

  • تسلط به کل فرانت اند مدرن: ری اکت، یکپارچه سازی API ها و هوک های ری اکت
  • در مورد کارکرد اصلی ری اکت یاد بگیرید.
  • مکانیسم های زیبای ری اکت، مانند Props drilling ،Context API و Render props را یاد بگیرید.
  • قدرت ساخت کامپوننت های قابل استفاده مجدد را درک کنید.
  • پروژه واقعی بسازید.
  • در یکپارچه سازی RESTful API ها با ری اکت ماهر شوید.
  • احراز هویت، شامل ریست کردن پسورد و مجوز با مسیر محافظت شده
  • اجتناب از کدنویسی بیهوده - یاد بگیرید چه چیزی مهم است.

توضیحات دوره

این آموزش یک دوره پروژه محور است که در آن یک اپلیکیشن فرانت اند گسترده و جامع خواهیم ساخت. ما از ابتدا شروع خواهیم کرد و در نهایت یک پروژه حرفه ای خواهیم داشت. ما ری اکت، هوک های ری اکت و یکپارچه سازی API ها را عمیقا بررسی خواهیم کرد. برخی از مواردی که در این دوره و پروژه یاد خواهید گرفت در اینجا آورده شده است:

  • کارکرد اصلی ReactJS
  • ری اکت چگونه کار می کند؟
  • DOM مجازی
  • رندرینگ JSX element
  • کامپوننت، State و Props
  • فرم ری اکت
  • فرم کنترل شده در مقابل کنترل نشده
  • رندرینگ لیست و کلید
  • Props drilling
  • Context API
  • Render Props
  • هوک های ری اکت
  • هوک های سفارشی
  • مدیریت CSS با ری اکت
  • مسیریابی ری اکت
  • احراز هویت و مسیر محافظت شده
  • صفحه بندی و جستجوی لیست
  • بازیابی پسورد از طریق ایمیل
  • تایید ایمیل کاربر
  • الزامات HTTP
  • کلاینت Postman
  • یکپارچه سازی RESTful API ها

برنامه درسی این دوره فراتر از آموزش های معمول ری اکت می رود، زیرا موضوعات پیشرفته مانند احراز هویت، نقش ها، مجوزها، مکانیسم های ریست کردن پسورد، تایید ایمیل کاربر و موارد بسیار دیگری را پوشش می دهد. در پایان این دوره، شما درک عمیقی از آنچه نیاز است تا به یک مهندس فرانت اند ماهر تبدیل شوید بدست خواهید آورد.

این دوره برای چه کسانی مناسب است؟

  • اگر توسعه دهنده هستید و می خواهید با کامل ترین دوره موجود در بازار وارد توسعه فرانت اند شوید.
  • همه کسانی که به ساخت وب اپلیکیشن های مدرن و مقیاس پذیر با عملکرد بالا علاقه مند هستند.
  • برنامه نویسانی که می خواهند پرتقاضاترین مهارت های یک توسعه دهنده فرانت اند را یاد بگیرند.
  • هر توسعه دهنده فرانت اند که می خواهد ری اکت را یاد بگیرد.

همه آنچه باید در مورد ری اکت بدانید با پروژه عملی

  • بررسی دوره 01:53
  • ری اکت چیست؟ 02:43
  • DOM مجازی چیست؟ 02:38
  • نصب Nodejs در سیستم عامل ویندوز 01:18
  • نصب Nodejs در سیستم عامل مک 01:37
  • نصب Nodejs در سیستم عامل لینوکس 02:16
  • راه اندازی یک پروژه ری اکت 04:38
  • JSX Element چیست؟ 06:01
  • جزئیات بیشتر در مورد JSX 06:03
  • رندرینگ JSX Element 03:30
  • کامپوننت چیست؟ 03:08
  • Props چیست؟ 02:31
  • کامپوننت های ایمپورت و اکسپورت 02:06
  • کامپوننت Root 03:45
  • ویژگی فرزندان 01:41
  • کامپوننت مبتنی بر کلاس 04:03
  • State چیست؟ 02:57
  • اطلاعات بیشتر در مورد State 02:06
  • Component Did Mount 02:12
  • بروزرسانی State 04:02
  • Component will Unmount 00:53
  • State در کامپوننت تابعی 03:45
  • هندلر رویداد 04:07
  • انتقال پارامتر به هندلر رویداد 01:54
  • رندرینگ شرطی چیست؟ 05:41
  • جزئیات بیشتر در مورد رندرینگ شرطی 05:11
  • لیست 03:23
  • لیست Key Props 00:51
  • اپلیکیشن شمارنده 06:15
  • فرم کنترل شده در مقابل کنترل نشده 03:13
  • عنصر ورودی 02:57
  • عنصر ورودی Textarea 02:20
  • عنصر انتخاب 02:40
  • عنصر ورودی چک باکس 02:09
  • عنصر ورودی رادیویی 02:00
  • ارسال ورودی 03:22
  • فرم رجیستریشن 14:05
  • کامپوننت Higher Order چیست؟ 05:57
  • چگونه کامپوننت Higher Order ایجاد کنیم؟ 02:37
  • چگونه از کامپوننت Higher Order استفاده کنیم؟ 03:49
  • Render Props چیست؟ 04:01
  • مثال Render Props 08:07
  • انواع Render Props 01:31
  • Props Drilling 06:08
  • Context API چیست؟ 01:26
  • ایجاد کانتکس سفارشی 02:58
  • چگونه از کانتکس استفاده کنیم؟ 06:33
  • کانتکس Built in 01:51
  • هوک useContext 02:10
  • آشنایی با هوک ری اکت 01:18
  • هوک useEffect چیست؟ 08:26
  • مثال تایمر 04:41
  • تابع پاکسازی 04:35
  • واکشی داده از درخواست API 06:54
  • React Memo و هوک useCallback 09:45
  • هوک useMemo 03:38
  • هوک useRef 05:19
  • هوک useReducer 05:09
  • شمارنده پیچیده 04:22
  • مثال واکشی لیست پست 05:35
  • واکشی لیست پست با هوک useReducer 07:16
  • هوک سفارشی 05:25
  • React Stylesheet 04:45
  • استایل CSS در HTML 01:21
  • CSS درون خطی 02:47
  • ماژول CSS 03:25
  • CSS پویا 02:26
  • React Router چیست؟ 01:24
  • پیکربندی مسیر 06:35
  • لینک ناوبری 05:04
  • لینک فعال 02:20
  • ناوبری به صورت برنامه ای 05:40
  • مسیر Not Found 02:26
  • مسیر پویا 08:07
  • پارامترهای URL 02:23
  • جستجوی پارامترها 05:24
  • مسیر تودرتو 08:05
  • لینک نسبی 01:57
  • کد منبع 00:13
  • تحلیل الزامات پروژه 08:43
  • مقداردهی اولیه پروژه Nodejs 02:09
  • نصب MongoDB در سیستم عامل ویندوز 04:42
  • نصب MongoDB در سیستم عامل مک 03:19
  • نصب MongoDB در سیستم عامل لینوکس 04:32
  • افزودن مرجع پایگاه داده MongoDB به پروژه Nodejs 00:51
  • راه اندازی اعتبارنامه های ایمیل 01:43
  • راه اندازی AWS S3 Bucket 05:51
  • نصب نرم افزار Postman 01:47
  • شروع سرور 03:52
  • مقداردهی اولیه اپلیکیشن ری اکت 03:33
  • طرح بندی پروژه و مسیریابی 15:35
  • فرم ثبت نام 08:00
  • اعتبارسنجی فرم ثبت نام 10:41
  • یکپارچه سازی Signup API 05:36
  • تست قابلیت ثبت نام 01:18
  • Base URL 03:42
  • پیام Toast 08:30
  • یکپارچه سازی Signin API 10:45
  • ذخیره اطلاعات در فضای ذخیره سازی محلی 04:52
  • Auth Context 10:09
  • قابلیت خروج از سیستم 02:51
  • ماژول دسته بندی همه صفحه 10:02
  • افزودن دسته بندی 08:48
  • افزودن توکن به هدرهای درخواست 06:18
  • لیست دسته بندی 11:20
  • صفحه بندی لیست دسته بندی 16:39
  • جستجوی دسته بندی 05:58
  • بروزرسانی دسته بندی 11:09
  • مودال تایید حذف 07:54
  • حذف دسته بندی 05:34
  • ماژول پست همه صفحه 12:37
  • افزودن پست جدید 13:35
  • آپلود فایل 11:40
  • لیست پست 07:33
  • جزئیات پست 12:42
  • بروزرسانی پست 15:20
  • حذف پست 04:25
  • صفحه اصلی 02:26
  • بروزرسانی پروفایل 11:52
  • تغییر پسورد 10:23
  • تایید کاربر 14:57
  • نقش چند کاربره 05:39
  • بازیابی پسورد 18:41
  • جمع بندی 01:58
  • موضوع بعدی چیست؟ 02:02

4,358,000 871,600 تومان

مشخصات آموزش

همه آنچه باید در مورد ری اکت بدانید با پروژه عملی

  • تاریخ به روز رسانی: 1404/06/14
  • سطح دوره:مقدماتی
  • تعداد درس:125
  • مدت زمان :11:02:20
  • حجم :4.91GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
2,495,000 499,000 تومان
  • زمان: 06:19:16
  • تعداد درس: 40
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,787,000 1,357,400 تومان
  • زمان: 17:11:52
  • تعداد درس: 113
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,360,500 1,672,100 تومان
  • زمان: 21:10:47
  • تعداد درس: 202
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
5,720,500 1,144,100 تومان
  • زمان: 14:29:26
  • تعداد درس: 36
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,206,500 841,300 تومان
  • زمان: 10:39:08
  • تعداد درس: 64
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,391,000 878,200 تومان
  • زمان: 11:07:45
  • تعداد درس: 63
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,261,000 1,452,200 تومان
  • زمان: 18:23:18
  • تعداد درس: 103
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:57:00
  • تعداد درس: 20
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:41:00
  • تعداد درس: 9
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید