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

ساخت یک کپی از فیسبوک بوسیله ReactJS, MERN Stack

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

یک برنامه کلون کاملاً پیشرفته در رسانه های اجتماعی ایجاد کنید و Master React JS ، Node JS ، Express JS و MongoDB

عنوان اصلی : Build Facebook clone with REACT JS AND THE MERN STACK 2022

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

خوش آمدید:
به روز رسانی بسیار مهم برای دانش آموزان با صفحه نمایش بسیار کوچک
پروژه راه اندازی:
ابزار لازم را نصب و آماده کنید
بیایید صفحه اصلی را راه اندازی کنیم
بیایید صفحه اصلی را راه اندازی کنیم (برای صفحه نمایش های کوچک)
بیایید باطن اصلی را راه اندازی کنیم (سرور را آماده کنیم)
بیایید باطن اصلی را راه اندازی کنیم - سرور را آماده کنیم (برای صفحه نمایش های کوچک)
Cors به ​​طور کامل توضیح داده شده و با سرور راه اندازی شده است
Cors به ​​طور کامل توضیح داده شده و با سرور راه اندازی شده است (برای صفحه نمایش های کوچک)
بیایید مسیرها را تنظیم کنیم
بیایید مسیرها را تنظیم کنیم (برای نمایشگرهای کوچک)
متغیرهای محیطی
متغیرهای محیطی (برای نمایشگرهای کوچک)
بیایید یک حساب MongoDb Atlas راه اندازی کنیم و به برنامه خود متصل شویم
بیایید یک حساب MongoDb Atlas راه اندازی کنیم و به برنامه خود وصل شویم (برای صفحه نمایش های کوچک)
کار با JSON و توضیح کدهای وضعیت پاسخ HTTP
کار با JSON و توضیح کدهای وضعیت پاسخ HTTP (برای صفحات کوچک)
تأیید هویت و ارسال ایمیل (بکاند):
بیایید مدال کاربر را تنظیم کنیم
بیایید مدال کاربر (برای نمایشگرهای کوچک) را تنظیم کنیم
ثبت و اعتبارسنجی داده ها و استفاده از Regex برای اعتبارسنجی ایمیل
اعتبار سنجی زنده نام کاربری
توکن های وب JSON
Google OAuth 2.0 را برای دسترسی به APIهای Google راه اندازی کنید
ثبت نام را تمام کنید و ایمیل ارسال کنید
ایمیل را فعال کنید
ورود به سیستم
جلد احراز هویت:
بیایید React Router dom را راه اندازی کنیم
فروشگاه React Redux توضیح داده شده و راه اندازی کامل
ورود به صفحه ثبت نام قسمت 1
ورود و ثبت نام صفحه قسمت 2 (Formik)
ورود و ثبت نام صفحه قسمت 3 (بله)
ورود و ثبت نام صفحه قسمت 4 (پاسخگویی)
ورود و ثبت نام قسمت 5 پاورقی
درباره refactoring کد بیاموزید
فرم ثبت نام
کار با تاریخ تولد
ثبت اعتبار فرم
مدیریت خطای فرم را ثبت کنید
رسیدگی به خطاهای ثبت نام را به پایان برسانید و خطاها را برطرف کنید
ثبت نام ارسال کنید
ورود به سیستم ارسال شود
سربرگ:
پایه سربرگ قسمت 1
پایه هدر قسمت 2
روی عناصر خارجی کلیک کنید و ببندید
منوی جستجو
منوی همه
منوی کاربر قسمت 1
منوی کاربر قسمت 2
سربرگ پاسخگو
Header را تمام کنید و مشکلات را برطرف کنید
صفحه اصلی:
مسیرهای محافظت شده (بسیار مهم! )
منوی اصلی سمت چپ قسمت 1
منوی اصلی سمت چپ قسمت 2
سمت راست خانه
بیایید روی داستان ها کار کنیم
فرم پست ایجاد کنید
ترفندهای پیشرفته خانگی پاسخگو 1
ترفندهای پیشرفته خانگی پاسخگو 2
فراموشی، بازنشانی رمز عبور، فعال کردن حساب، خروج از سیستم:
Authentification middlware
فعال کردن اکانت قسمت 1
فعال کردن اکانت قسمت 2
حساب را فعال کنید و ریسک امنیتی را برطرف کنید
ارسال مجدد کد تأیید
خروج
بازنشانی رمز عبور قسمت 1
بازنشانی رمز عبور قسمت 2
بازنشانی رمز عبور قسمت 3
بازنشانی رمز عبور قسمت 4
کاربر را پیدا کنید
ارسال ایمیل کد بازنشانی
ایمیل کد بازنشانی را تأیید کنید
رمز عبور را تغییر دهید
ایجاد پست، ابری، شکلک و غیره:
پست بازشو ایجاد کنید
انتخاب کننده شکلک
Refactoring، به پست، پست خود اضافه کنید
پیش نمایش تصاویر قسمت 1
پیش نمایش تصاویر قسمت 2
پیش نمایش تصاویر قسمت 3 (ساختار شبکه تصاویر)
مدل پست + ایجاد تابع پست
تصاویر را در قسمت 1 کلودیناری آپلود کنید
تصاویر را در قسمت 2 کلودیناری آپلود کنید
پس زمینه پست کنید
کلیک را در خارج از پنجره بازشو پنهان کنید
ارسال پست با پس زمینه + لودر
پنجره خطا و رسیدگی به خطا
تصاویر را آپلود کنید و پست ارسال کنید
پایان ارسال ارسال تصحیح خطاها، اعتبارسنجی
جزء پست:
نمایش همه پست ها
پست جزء-هدر
پست مولفه-پس زمینه و تصاویر
پست پاسخگو و رفع مشکل خانه
واکنش‌ها و اقدامات ارسالی
نظر، شکلک، تصویر ایجاد کنید
منوی پست قسمت 1
منوی پست قسمت 2
نمایه:
اطلاعات و تصاویر نمایه را از cloudinary دریافت کنید
تنظیم نمایه نمایه و دریافت جزئیات نمایه از باطن
قسمت سرصفحه و جلد نمایه
تصویر نمایه، اطلاعات، منو
افرادی که ممکن است بشناسید را نمایه کنید
بخش شبکه ایجاد پست و پست نمایه
پست های نمایه را نمایش دهید و بررسی کنید که نمایه متعلق به شماست یا بازدیدکننده
عکس‌ها، دوستان، اجزای پاورقی
به‌روزرسانی تصویر نمایه قسمت 1
به‌روزرسانی تصویر نمایه قسمت 2 (Crooper)
تصویر نمایه را به‌روزرسانی کنید و قسمت 3 پست را ایجاد کنید
به‌روزرسانی تصویر نمایه، لودر، نمایان بودن، تغییر زنده را به پایان برسانید
تصاویر نمایه قدیمی و عکس های دیگر را دریافت کنید و با استفاده از آن به روز رسانی کنید
پست تصویر نمایه به روز شد
به‌روزرسانی تصویر جلد قسمت 1
تصویر جلد قسمت 2 را به‌روزرسانی کنید
تصاویر جلد قدیمی را انتخاب کنید و به‌روزرسانی کنید
نمایش اطلاعات نمایه مقدمه قسمت 1
نمایش اطلاعات نمایه مقدمه قسمت 2
نمایش اطلاعات نمایه مقدمه قسمت 3
ویرایش جزئیات قسمت 1
ویرایش جزئیات قسمت 2
ویرایش جزئیات قسمت 3
نمایه را کاملاً پاسخگو کنید + پاسخگویی خانه را برطرف کنید
همه پنجره‌های بازشو را پاسخگو کنید
انیمیشن اسکرول ثابت (بسیار جالب)
درخواست‌های دوستی، ارسال، لغو، حذف، پذیرش، دنبال کردن، لغو دنبال کردن: ارسال، لغو، پذیرش درخواست، دنبال کردن، لغو دنبال کردن باطن
لغو دوست، درخواست حذف، داده ها را برای ارسال آماده کنید
نمایش دکمه‌های درخواست‌ها
ارسال درخواست ها قسمت 1
ارسال درخواست ها قسمت 2
Css، پاسخگو، رفع مشکلات
نمایش لیست دوستان
نمایش پیش نمایش تصاویر دوستان
واکنش می‌کند:
مقدمه، مدل واکنش، تابع واکنش (باطن)
به یک پست واکنش نشان دهید و واکنش موجود را دریافت کنید
React و unReact و لایک کردن دکمه ها، styles
نمایش همه واکنش‌ها
تمام تغییرات واکنش ها را به صورت زنده و سریع ببینید
نظرات:
ایجاد نظر + نظر با تصویر
لیست نظرات، بارگیری بیشتر، به‌روزرسانی زنده
پست || :
پست‌ها را برای افرادی که دنبال می‌کنید نمایش دهید و مشکلات را برطرف کنید
بازخوانی پست ها هنگام ایجاد نمایه پست + صفحه اصلی و غیره...
ذخیره، ذخیره پست را لغو کنید
تصاویر پست را دانلود کنید
پست را حذف کنید و داده ها را بازخوانی کنید
رفع مشکل بزرگ در نمایه پس از ایجاد پست (بسیار مهم!)
جستجوی زنده، سابقه جستجو و غیره:
جستجوی زنده، نمایش نتایج جستجو
به سابقه جستجو اضافه کنید
نمایش تاریخچه جستجو و مرتب سازی
حذف از سابقه جستجو و به‌روزرسانی زنده
صفحه درخواست‌های دوستان:
هدر صفحه دوستان و منوی سمت چپ
دوستان، درخواست‌ها، لیست درخواست‌های ارسال شده را دریافت کنید
نمایش همه کارت ها، پاسخگویی
عملکردهای دکمه ها
بر اساس منو فیلتر کنید و صفحات و منوی فعال را تغییر دهید
حالت تاریک:
تنظیم حالت تاریک، صفحه ورود، هدر
حالت تاریک صفحه اصلی و ایجاد پست بازشو
نمایه حالت تاریک و همه چیز را تمام کنید
بین حالت تاریک و حالت روشن جابجا شوید و مشکلات را برطرف کنید
اثر اسکلت لودر (بسیار جالب):
اثر اسکلت لودر 1
اثر اسکلت لودر 2

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

Build Facebook clone with REACT JS AND THE MERN STACK 2022

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

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

ایمیل شما:
تولید کننده:
مدرس:
شناسه: UD24262
حجم: 14994 مگابایت
مدت زمان: 2038 دقیقه
تعداد دیسک: 4 عدد
زیرنویس انگلیسی: دارد
زبان: انگلیسی ساده و روان
تاریخ انتشار: 19 اردیبهشت 1401
ساخت یک کپی از فیسبوک بوسیله ReactJS, MERN Stack
ساخت یک کپی از فیسبوک بوسیله ReactJS, MERN Stack 1
ساخت یک کپی از فیسبوک بوسیله ReactJS, MERN Stack 2
ساخت یک کپی از فیسبوک بوسیله ReactJS, MERN Stack 3
ساخت یک کپی از فیسبوک بوسیله ReactJS, MERN Stack 4
ساخت یک کپی از فیسبوک بوسیله ReactJS, MERN Stack 5
ساخت یک کپی از فیسبوک بوسیله ReactJS, MERN Stack 6
طراحی سایت و خدمات سئو

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