یادگیری کدنویسی Front و Back در برنامه نویسی React

این دوره با اصول React از جمله مؤلفه ها ، غرفه ها ، قلاب ها ، ایالت ها و غیره آغاز می شود. سپس در مورد قلاب های React مانند Usestate ، UseEffect ، UseContext ، UserEducer و Useref اطلاعات کسب کنید. در مرحله بعد ، قلاب های سفارشی ایجاد خواهید کرد و React Router V6 را مشاهده خواهید کرد. ، و استقرار برنامه های React را به Vercel و NetLify مستقر کنید. انیمیشن اساسی با حرکت فریمر ، اجرای نقشه های جزوه و لغزنده Swiper و کار بر روی Mern Full-Stack (MongoDB ، Express ، React ، Node.js) برخی از نکات برجسته این دوره هستند.
همه این مفاهیم عملاً توضیح داده شده است با کمک چهار برنامه/پروژه مختلف. اگر قبلاً از React استفاده نکرده اید ، پروژه برنامه بازخورد به شما کمک می کند تا اصول React را یاد بگیرید. پروژه GitHub Finder با معرفی اقدامات و کاهش دهنده ها ، مدیریت وضعیت سطح برنامه را بررسی می کند. شما با API های شخص ثالث کار خواهید کرد. سرانجام ، پروژه نهایی (سیستم بلیط پشتیبانی Mern Full-Stack) یک برنامه تمام عیار تمام عیار است که از Toolkit Redux و Redux استفاده می کند.
تا پایان دوره ، شما چهار پروژه را با همه ساخته اید مفاهیم آموزش داده شده است. شما همچنین اعتماد به نفس و مهارت کافی را برای شروع سفر خود با React کسب خواهید کرد. br/>

عنوان اصلی : React Front to Back 2022

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

معرفی دوره :
به دوره خوش آمدید
React چیست
تنظیم محیط
مخازن کد
React Basics و JSX (JavaScript XML):
مقدمه ای بر پروژه بازخورد
برنامه React را ایجاد کنید
آغاز کردن React
معرفی JSX
مقادیر و لیست های پویا در JSX
شرط در JSX
قطعات، لوازم و حالت:
ایجاد اولین مؤلفه و لوازم جانبی شما
افزودن سبک به کامپوننت
State و useState Hook
مدیریت وضعیت جهانی
اجزای کارت و سبک های شرطی
رویدادها و حفاری سرپایی
جزء و واکنش پذیری آمار بازخورد
فرم‌ها، اعتبارسنجی، و انیمیشن ساده:
ورودی و حالت فرم
جزء دکمه سفارشی
اعتبار سنجی بیدرنگ
رتبه‌بندی مؤلفه را انتخاب کنید
افزودن بازخورد
انیمیشن محو با حرکت فریم
ایجاد مسیرها و پیوندها:
ایجاد مسیرها (React Router 5)
ارتقاء به React Router 6
ایجاد پیوندها (نسخه 5 و 6)
NavLink و useParams
پیمایش و مسیرهای تودرتو
Context API، useContext Hook و Deployment:
یک زمینه و ارائه دهنده ایجاد کنید
با useContext Hook وضعیت جهانی را دریافت کنید
انتقال توابع به متن
ویرایش رویداد بازخورد
عوارض جانبی با useEffect
به‌روزرسانی مورد بازخورد
در Netlify مستقر شوید
API ها و درخواست های HTTP:
API ها و درخواست ها توضیح داده شده است
راه اندازی JSON-Server Mock Backend
کلاینت و سرور را با همزمان اجرا کنید
داده‌ها را از JSON-Server Backend واکشی کنید
جزء اسپینر
افزودن بازخورد و تنظیم یک پروکسی
به‌روزرسانی و حذف از JSON-Server
شروع پروژه GitHub Finder:
معرفی پروژه GitHub Finder
Tailwind و Daisy UI را تنظیم کنید
مؤلفه Navbar
مؤلفه پاورقی
صفحات و مسیرها
کار با GitHub API:
GitHub API و Getting Token
مؤلفه فهرست کاربری
در حال بارگذاری اسپینر
نمایش کاربران
تنظیم GitHub Context
Reducer and useReducer Hook
پاک کردن واکشی کاربران
مؤلفه جستجوی کاربر
جستجوی کاربران
پاک کردن کاربران
نمایه کاربر و هشدارها:
زمینه هشدار و کاهش دهنده
مؤلفه هشدار
دریافت کاربر مجرد
نمایه کاربر بالا
آمار نمایه کاربر
Repos کاربر را دریافت کنید
اقلام Repo
بازسازی زمینه و اقدامات:
SearchUsers را به Actions File منتقل کنید
getUser را به فایل Actions منتقل کنید
پاکسازی اقدامات و محورهای ما
استقرار در Vercel
قلاب‌های React Advanced بیشتر:
مقدمه ای بر بخش
useRef مثال 1 - ایجاد مرجع DOM
useRef مثال 2 - وضعیت قبلی را دریافت کنید
useRef مثال 3 - رفع خطای نشت حافظه
useMemo مثال
استفاده از Callback مثال
قلاب سفارشی 1 - useFetch
قلاب سفارشی 2 - useLocalStorage
شروع پروژه بازار خانه:
معرفی پروژه هاوس مارکت
تنظیم برنامه و Firebase
احراز هویت و ایجاد قوانین را فعال کنید
داده ها و شاخص های ساختگی
صفحات و مسیرها
مؤلفه Navbar
Authentication و نمایه Firebase:
فرم های ورود و ثبت نام
ثبت نام کاربر
ذخیره کاربر در Firestore
ورود کاربر
هشدارها با React Toastify
خروج کاربر
نمایش و به‌روزرسانی جزئیات کاربر
PrivateRoute Component and useAuthStatus Hook
صفحه رمز عبور را فراموش کرده اید
Google OAuth
دریافت و ایجاد لیست:
کاوش صفحه
فهرست‌ها را از Firebase واکشی کنید
جزء مورد فهرست
صفحه پیشنهادات
ایجاد صفحه فهرست را شروع کنید
ایجاد فرم فهرست
دریافت Coords با Geocoding API
آپلود تصاویر در Firebase
ذخیره فهرست‌ها در Firestore
یادداشت و تغییر سریع
فهرست‌های منفرد، نقشه، لغزنده و ویرایش:
واکشی فهرست تک
جزئیات فهرست
با صفحه صاحبخانه تماس بگیرید
نقشه برگه
لغزان صفحه فهرست ها
کاوش اسلایدر
فهرست نمایه و حذف
بارگذاری صفحه‌بندی بیشتر
ویرایش نماد فهرست
ویرایش فهرست
پاک کردن هشدارهای کنسول
استقرار در Vercel
MERN Project Start، API و Backend Authentication:
مقدمه ای بر پروژه
پشته MERN چیست؟
راه اندازی MongoDB
ساختار فایل سرور
راه اندازی سرور اکسپرس پایه
مسیرها و کنترلر را اضافه کنید
مدیریت خطا و استثنا
به پایگاه داده متصل شوید
ثبت نام کاربر
وارد شوید و JWT ایجاد کنید
از مسیرها و احراز هویت محافظت کنید
احراز هویت جلویی:
تنظیم پوشه جلویی
سرصفحه و صفحات اولیه
رابط کاربری صفحه اصلی، ورود و ثبت نام
Redux Setup and Auth Slice
فرم ثبت نام را به Redux اضافه کنید
ثبت نام کاربر
خروج کاربر
ورود کاربر
عملکرد بلیط:
مدل بلیط و مسیرها
دریافت و ایجاد بلیط (بکاند)
تک بلیت، به‌روزرسانی و حذف (بکاند)
رویوتی گارد
فرم جدید بلیط
بلیط را به Redux اضافه کنید
ایجاد عملکرد بلیط
بلیط ها را از Backend دریافت کنید
فهرست کردن بلیط ها در UI
نمایش بلیط تکی
عملکرد بلیط
عملکرد و استقرار یادداشت ها:
یادداشت ها
یادداشت ها را از طریق Redux واکشی کنید
نمایش یادداشت ها
مدل فرم یادداشت
یک یادداشت ارسال کنید
به هروکو مستقر شوید