وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

برنامه نویسی React, React Hooks, Redux

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

یاد بگیرید برای ساخت برنامه های واکنش با استفاده از قلاب، API Context، Redux، React-Router، KoA Framework، TypeScript و خیلی بیشتر!

عنوان اصلی : The React Developer Course with Hooks, Context API and Redux

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

مقدمه:
درباره کدهای منبع
پیوندهای پروژه Github
برنامه‌های نمایشی دوره:
نمایش ماشین حساب BMI
نمایش تولید کننده رمز عبور
نمایش برنامه تقویم
نمایش برنامه بلیط
پروژه 1: ماشین حساب BMI:
معرفی پروژه
شرح ساختار برنامه
ایجاد پروژه محاسبهگر BMI
Bootstrap را نصب کنید
ایجاد جزء BMI
HTML جزء BMI را اضافه کنید
کامپوننت ورودی فرم را ایجاد کنید
از مؤلفه ورودی فرم استفاده کنید
روش برچسب را انتخاب کنید
تنظیم واحد پیش فرض
واحد پیش فرض را به صورت جایگزین تنظیم کنید
روش OnChange ورودی فرم - قسمت 1
روش OnChange ورودی فرم - قسمت 2
روش دکمه بازنشانی
فرمول متریک BMI
روش متریک BMI
تبدیل ارتفاع به متر
نمایش مقادیر BMI
فرمول BMI امپریال
روش BMI امپریال
نمایش دسته BMI
رنگ دسته BMI را تنظیم کنید
رنگ پس زمینه BMI را تنظیم کنید
نتیجه گیری محاسبهگر BMI
استقرار ماشین حساب BMI در صفحات Github
پروژه 2: برنامه تولید رمز عبور:
معرفی پروژه
ساختار تولید کننده رمز عبور
ایجاد پروژه تولید کننده رمز عبور
Bootstrap و Font Awesome را اضافه کنید
ایجاد مؤلفه اصلی
ایجاد مؤلفه سرصفحه
ایجاد مولفه نمایش
افزودن دکمه ها به کامپوننت نمایش
جزء کانتینر
ایجاد جزء دکمه
جزء لغزنده را اضافه کنید
سبک های مؤلفه لغزنده
انواع پایه اسلایدر
جزء چک باکس
از چک باکس با نقشه آرایه استفاده کنید
انواع پایه چک باکس
گرادیان خطی را به اسلایدر اضافه کنید
حرکت دینامیکی گرادیان خطی
مقدار محدوده لغزنده را تنظیم کنید
کادرها را علامت بزنید و علامت آن را بردارید
توابع کمکی - قسمت 1
توابع کمکی - قسمت 2
از روش Generate Password استفاده کنید
نمایش رمز عبور ایجاد شده
روش رمز عبور جدید ایجاد کنید
لغزنده هوک با نمایش رمز عبور
تغییر پس زمینه نمایش رمز عبور
رمز عبور را با چک باکس ها تغییر دهید
چک باکس ها را غیرفعال کنید
کپی در کلیپ بورد
کپی از Container Component
مؤلفه راهنمای ابزار
Dropdown را انتخاب کنید
روش ویژگی های چک باکس
تغییر نوع انتخاب - قسمت 1
تغییر نوع انتخاب - قسمت 2
حداقل طول پین را تنظیم کنید
حداقل طول پین را با دکمه ایجاد رمز عبور تنظیم کنید
برنامه Generator Password را برای Netlify اجرا کنید
آزمون
پروژه 3: برنامه React Calendar:
معرفی برنامه تقویم
ایجاد برنامه تقویم
Context API
بوت استرپ را اضافه کنید
ساختار برنامه تقویم
ایجاد مؤلفه اصلی
سبک CSS را اضافه کنید
نمایش نوار کناری
Full Calendar React Module را نصب کنید
کامپوننت واکنش کامل تقویم را اضافه کنید
اصلاح اشتباه تایپی تقویم
Bootstrap Modal را اضافه کنید
فیلدهای فرم رویداد
React DatePicker را نصب کنید
رویدادهای فرم رویداد را اضافه کنید
Props را به AddEvent Component اضافه کنید
افزودن عملکرد رویداد - قسمت 1
افزودن عملکرد رویداد - قسمت 2
روش رویداد را ایجاد کنید
تنظیم API Context - قسمت 1
Context API Setup - قسمت 2
روش زمینه افزودن رویداد
نمایش رویدادها در نوار کناری
نمایش رویدادها در تقویم
Custom Storage React Hook
روش دریافت رویدادها
رویدادهای انتخابی را تنظیم کنید
Modal را انتخاب کنید
ویرایش تابع رویداد
افزودن خواص به ویرایش فیلدها
رفع خطای کنترل شده
رنگ پس زمینه را روی Select Tag تنظیم کنید
ویرایش عملکرد رویداد
حذف عملکرد رویداد
رویداد انتخابی را در حذف حذف کنید
Trigger Modal از Calendar
فیلد ورودی توضیحات را ایجاد کنید
تنظیم توضیحات
بازنشانی فیلد توضیحات
محدودیت رویداد تقویم را تنظیم کنید
نمایش زمان شروع در داخل فرم
ایجاد مؤلفه نان تست
سبک‌های مؤلفه نان تست را اضافه کنید
روش زمینه رویدادهای فعال ایجاد کنید
روش نان تست AddEvent
نمایش Active Toast
حذف نان تست
هشدار وضعیت برنامه را حذف کنید
از SetInterval برای نمایش نان تست استفاده کنید
پخش صدا - قسمت 1
پخش صدا - قسمت 2
پیام نان تست ماندگار
رفع خطای Active Events
نتیجه گیری برنامه تقویم
برنامه را در Firebase مستقر کنید
آزمون
پروژه 4: برنامه بلیط با Redux:
معرفی اپلیکیشن Ticket
MongoDB را نصب کنید
شرح برنامه بلیط
ایجاد پروژه سمت سرور
قوانین TSLint را اضافه کنید
افزودن دستور اسکریپت در Package.json
پیکربندی ویرایشگر را اضافه کنید
انواع Koa را نصب کنید
راه اندازی سرور - قسمت 1
راه اندازی سرور - قسمت 2
تنظیم پایگاه داده
راه اندازی فایل مسیرها
ایجاد طرحواره کاربر - قسمت 1
ایجاد طرحواره کاربر - قسمت 2
قلاب ذخیره رمز عبور
ثبت تابع کاربر - قسمت 1
ثبت نام تابع کاربر - قسمت 2
از Postman برای تست ثبت نام استفاده کنید
توکن JWT ثبت نام ایجاد کنید
روش کاربر ورود به سیستم
روش رمز را تأیید کنید
رابط بلیط
طرح بلیط
افزودن روش بلیط - قسمت 1
افزودن روش بلیط - قسمت 2
همه بلیط ها را دریافت کنید
ویرایش روش بلیط
روش حذف بلیط
روش بستن بلیط
کنترل کننده کاربر را ایجاد کنید
Socket.io را نصب کنید
اتصال Socket.io را ایجاد کنید
توضیحات صفحات تایید
پروژه بلیط React را ایجاد کنید
مسیرهای احراز هویت را ایجاد کنید
فوکامپوننت ورودی rm
PropTypes ورودی فرم
از ورودی فرم در مؤلفه ثبت استفاده کنید
ایجاد ورودی رادیویی
ایجاد دکمه قابل استفاده مجدد
ورودی های فرم ورود
ثبت نام در روش ارسال
رفع خطای عنصر کنترل شده
روش ورودی‌های اعتبارسنجی
بررسی خطای تایپی ورودی اعتبارسنجی
با روش ارسال وارد شوید
راه اندازی Redux
ایجاد سرویس Auth
Auth Reducer
عمل ثبت احراز هویت
از صفحه ثبت نام به داشبورد هدایت شوید
از صفحه ورود به داشبورد تغییر مسیر دهید
کاهش دهنده خطا
ایجاد مسیر خصوصی
Redux Persist
Navbar را ایجاد کنید
جزء جعبه کارت
دکمه افزودن بلیط را تغییر دهید
نمایش مؤلفه ورودی ها
ایجاد سر جدول
جزء بدنه جدول
ایجاد مولفه Modal
افزودن فرم بلیط
یک مؤلفه کشویی ایجاد کنید
آرایه ارزش بلیط کشویی
در روش افزودن بلیط
روش خدمات جدید بلیط را اضافه کنید
توکن را به درخواست اضافه کنید
رفع خطای رمز تأیید
روش پاک کردن فیلدهای فرم
کاهنده مدال
پنهان کردن Add Ticket Modal
روش های سرویس بلیط
موارد کاهش دهنده بلیط
روش‌های اقدام بلیط را اضافه کنید
نمایش مقادیر جعبه کارت
مشتری Socket.io را اضافه کنید
نمایش داده های جدول
عملکرد ورودی های جدول
کاهنده کاربر
ویرایش جزء مدال بلیط
ویرایش Modal را باز کنید
ویرایش بلیط را امتحان کنید
بلیت علامت گذاری را حذف کنید
دکمه های عملکرد را غیرفعال کنید
دکمه فعال کردن بلیط های کاربر
بازنشانی وضعیت در خروج
مؤلفه بلیط فیلتر شده را ایجاد کنید
به صفحه فیلتر شده بروید
دکمه بازگشت مؤلفه فیلتر
ایجاد عملکرد بلیط فیلتر
عنوان صفحه فیلتر را تنظیم کنید
روش نقطه پایانی API را ایجاد کنید
نتیجه گیری برنامه بلیط
Dotenv را به Backend اضافه کنید
پایگاه داده Mongodb Atlas را ایجاد کنید
برای پروژه Backend Repo Github ایجاد کنید
Backend را در Heroku مستقر کنید
برنامه React را برای Netlify اجرا کنید
رفع خطای مسیریابی Netlify
مدیر فرآیند PM2 را به Backend اضافه کنید
آزمون

نمایش سرفصل های انگلیسی

The React Developer Course with Hooks, Context API and Redux

53,700 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ایمیل شما:
تولید کننده:
شناسه: UD21543
حجم: 10224 مگابایت
مدت زمان: 1550 دقیقه
تعداد دیسک: 3 عدد
زبان: انگلیسی ساده و روان
تاریخ انتشار: 14 دی 1400
برنامه نویسی React, React Hooks, Redux
برنامه نویسی React, React Hooks, Redux 1
برنامه نویسی React, React Hooks, Redux 2
برنامه نویسی React, React Hooks, Redux 3
برنامه نویسی React, React Hooks, Redux 4
برنامه نویسی React, React Hooks, Redux 5
برنامه نویسی React, React Hooks, Redux 6
طراحی سایت و خدمات سئو

53,700 تومان
افزودن به سبد خرید