در حال حاضر محصولی در سبد خرید شما وجود ندارد.
یک برنامه کلون کاملاً پیشرفته در رسانه های اجتماعی ایجاد کنید و 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
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
ساخت وب سایت های نمونه کار زیبا و مدرن بوسیله HTML, CSS, JavaScript, Three.js
FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT 2023
Build WhatsApp clone w video calls Mern stack socket io 2023
BUILD THE BEST ECOMMERCE WEBSITE EVER with REACT JS NEXT JS
The Ultimate Next.js 14+ Crash course Master Web Development
اطلاع رسانی حذف دوره های قدیمی و تخفیفات نوروزی مشاهده