React : دوره کامل توسعه پروژه های بسیار عالی با ری اکت

React JS را از طریق یک سری پروژه های دستی بیاموزید. یک سایت تجارت الکترونیکی ، ماشین حساب و بازی Connect4 ایجاد کنید.

عنوان اصلی : React - Complete Developer Course with Hands-On Projects

سرفصل های دوره :

مقدمه ای برای واکنش:
مهارت های لازم
React چیست؟
پروژه 1: ساخت یک ماشین حساب در React:
معرفی JSX
معرفی به غرفه ها در React
عبور از پارامترها در توابع پاسخ به تماس
با استفاده از قلاب حالت React
اجرای ماشین حساب - نمایشگر
خلاصه پروژه
پروژه 2 - ساخت یک کلون Connect -4 در React:
مقدمه پروژه - آنچه ما خواهیم ساخت
ابزارهای مورد نیاز
ایجاد صفحه بازی
Circle Game - Onclickevent
غرفه های عبور - تخریب - واکنش کودکان
عبور از آرگومان ها برای کلیک بر روی رویدادها
یک ظاهر طراحی شده درون خطی
مربع به دایره
یک ظاهر طراحی شده جهانی
یک ظاهر طراحی پویا
کلاسهای پویا
رسیدگی به تماسهای برگشتی
با استفاده از قلاب حالت React (دوباره)
به روزرسانی دایره پخش کننده
اولیه کردن صفحه بازی
ویژگی کلید واکنش نشان می دهد
یک ظاهر طراحی شده در صفحه بازی - هدر و پاورقی
محاسبه برنده
نمایش برنده
تعیین شرایط قرعه کشی
واکنش به وقایع چرخه عمر
شروع بازی
پیشنهاد یک حرکت - اجرای پخش کننده کامپیوتر
پخش کننده رایانه هوشمند (AI اساسی)
متغیرهای CSS
ارائه مشروط
مستقر در NetLify
استقرار برای افزایش
خلاصه پروژه
پروژه 3 - ایجاد یک سایت تجارت الکترونیکی در React:
مقدمه پروژه - آنچه ما می سازیم
داربست پروژه
معرفی سرور JSON
API FETCH
یک ظاهر طراحی شده فروشگاه
ارائه دسته ها
اتصال محصولات
تماس با API Fetch API
مقابله با خطاها در API Fetch
تماس API Fetch API را مرتب کنید
یک ظاهر طراحی شده در لیست محصول
نصب روتر React
رفع هشدار کلیدی
روتر React - صفحه جزئیات
API Fetch - محصول را با شناسه دریافت کنید
توضیحات محصول
معرفی به اجزای سبک
اجزای سبک - توضیحات محصول
HTML را به طور خطرناکی تنظیم کرد (بله)
دسته بندی ها
طرح ریزی طرح
صفحه اصلی را رد کنید
مقدمه در زمینه واکنش
قلاب usecontext و قلاب کاربر در React
چیدمان سبد
اجرای سبد
اجرای نمادهای سبد
اجرای کل سبد
اتمام پرداخت
پرداخت - رفع حالت
اجرای تأیید سفارش
معرفی به ذخیره سازی محلی
اجرای نتایج جستجو
جستجوی بهتر با debouncing
اعتبار سنجی در React - قسمت 1
اعتبار سنجی در React - قسمت 2
اعتبار سنجی در React - قسمت 3
اعتبار سنجی در React - قسمت 4
خلاصه پروژه