73%

قم بعمل نسخة من Facebook باستخدام ReactJS ، MERN Stack

التصنيف:
موجود در انبار

11 $

قم بإنشاء تطبيق استنساخ وسائط اجتماعية متقدم بالكامل باستخدام Master React JS و Node JS و Express JS و MongoDB

العنوان الرئيسي: قم ببناء استنساخ Facebook باستخدام REACT JS و THE MERN STACK 2022

مواضيع الدورة:

أهلا بك:
تحديث مهم جدًا للطلاب ذوي الشاشات الصغيرة جدًا
مشروع البدء:
تركيب وتجهيز الأدوات اللازمة
دعنا نطلق الصفحة الرئيسية
لنبدأ تشغيل الشاشة الرئيسية (للشاشات الصغيرة)
لنقم بإعداد الواجهة الخلفية الرئيسية (تحضير الخادم)
لنقم بإعداد الواجهة الخلفية الرئيسية – قم بإعداد الخادم (للشاشات الصغيرة)
تم وصف Cors بالكامل وإعداده مع الخادم
شرح Cors بالكامل وإعداد الخادم (للشاشات الصغيرة)
دعونا نحدد الطرق
دعنا نضبط المسارات (للشاشات الصغيرة)
المتغيرات البيئية
المتغيرات البيئية (للشاشات الصغيرة)
لنقم بإنشاء حساب MongoDb Atlas والاتصال بتطبيقنا
لنقم بإنشاء حساب MongoDb Atlas والاتصال بتطبيقنا (للشاشات الصغيرة)
اعمل مع JSON واشرح أكواد حالة استجابة HTTP
العمل مع JSON وشرح رموز حالة استجابة HTTP (للصفحات الصغيرة)
المصادقة وإرسال البريد الإلكتروني (المسار):
دعونا نحدد وسام المستخدم
دعنا نحدد وسام المستخدم (للشاشات الصغيرة)
سجل وتحقق من صحة البيانات واستخدم Regex للتحقق من صحة رسائل البريد الإلكتروني
التحقق من صحة اسم المستخدم المباشر
رموز الويب JSON
قم بتشغيل Google OAuth 2.0 للوصول إلى Google APIs
أكمل التسجيل وأرسل بريدًا إلكترونيًا
تمكين البريد الإلكتروني
دخول النظام
غطاء المصادقة:
لنبدأ تشغيل React Router dom
تم وصف React Redux Store وإعداده بالكامل
تسجيل الدخول إلى صفحة التسجيل الجزء 1
تسجيل الدخول وتسجيل الصفحة الجزء 2 (Formik)
تسجيل الدخول وتسجيل الصفحة الجزء 3 (نعم)
تسجيل الدخول وتسجيل الصفحة الجزء 4 (الرد)
تسجيل الدخول وتسجيل الحاشية السفلية الجزء 5
تعرف على إعادة بناء الكود
إستمارة تسجيل
العمل مع تاريخ الميلاد
صلاحية استمارة التسجيل
سجل نموذج إدارة الخطأ
إنهاء معالجة أخطاء التسجيل وتصحيح الأخطاء
تاكيد التسجيل
تسجيل الدخول ليتم إرسالها
العنوان:
جزء قاعدة الرأس 1
جزء قاعدة الرأس 2
انقر وأغلق العناصر الخارجية
قائمة البحث
قائمة الجميع
قائمة المستخدم الجزء 1
جزء قائمة المستخدم 2
علامة تبويب مستجيبة
أكمل الرأس واستكشف الأخطاء وإصلاحها
الصفحة الرئيسية:
طرق محمية (مهمة جدًا!)
القائمة الرئيسية في الجزء الأيسر 1
القائمة الرئيسية في الجزء الأيسر 2
الجانب الأيمن من المنزل
لنعمل على القصص
قم بإنشاء نموذج منشور
حيل منزلية متجاوبة متقدمة 1
حيل منزلية متجاوبة متقدمة 2
نسيت ، إعادة تعيين كلمة المرور ، تفعيل الحساب ، تسجيل الخروج:
المصادقة الوسيطة
تنشيط الحساب الجزء 1
تنشيط الحساب الجزء 2
تفعيل الحساب والقضاء على المخاطر الأمنية
إعادة إرسال رمز التحقق
مخرج
إعادة تعيين كلمة المرور الجزء 1
إعادة تعيين كلمة المرور الجزء 2
إعادة تعيين كلمة المرور الجزء 3
إعادة تعيين كلمة المرور الجزء 4
ابحث عن المستخدم
إرسال بريد إلكتروني لإعادة رمز التعيين
تأكيد إعادة تعيين رمز البريد الإلكتروني
قم بتغيير كلمة المرور
إنشاء منشورات ، وسحب ، ورموز تعبيرية ، وما إلى ذلك:
إنشاء نافذة منبثقة
محدد الرموز
إعادة بيع ديون ، أضف إلى منشورك
معاينة الصورة الجزء 1
معاينة الصورة الجزء 2
معاينة الصورة الجزء 3 (بنية شبكة الصورة)
نموذج آخر + إنشاء وظيفة وظيفة
قم بتحميل الصور في الجزء 1 من Cloudinari
قم بتحميل الصور في الجزء 2 من كلودينا
خلفية المشاركة
إخفاء النقر خارج النافذة المنبثقة
نشر مع الخلفية + محمل
نافذة الخطأ ومعالجة الخطأ
تحميل الصور والنشر
تصحيح خطأ ما بعد الإرسال ، التحقق من الصحة
المكون اللاحق:
مشاهدة جميع المشاركات
عنصر اللاحق رأس
ما بعد المكون الخلفية والصور
البريد المستجيب واستكشاف الأخطاء وإصلاحها في المنزل
ردود الفعل والإجراءات المرسلة
إنشاء التعليقات والرموز والصور
قائمة المشاركة الجزء 1
قائمة المشاركة الجزء 2
الملف الشخصي:
الحصول على معلومات الملف الشخصي والصور من سحابة
قم بإعداد ملف تعريف واحصل على تفاصيل الملف الشخصي من الداخل
غطاء الرأس والملف الشخصي
صورة الملف الشخصي ، المعلومات ، القائمة
فهرس الأشخاص الذين قد تعرفهم
قسم الشبكة إنشاء مشاركات ومشاركات الملف الشخصي
اعرض منشورات الملف الشخصي وتحقق مما إذا كان الملف الشخصي ملكًا لك أو للزائر
الصور والأصدقاء ومكونات الحواشي السفلية
تحديث جزء صورة الملف الشخصي 1
Crooper Profile Picture Update الجزء الثاني
قم بتحديث صورة الملف الشخصي وأنشئ الجزء 3 من المنشور
الانتهاء من تحديث صورة الملف الشخصي ، المحمل ، الرؤية ، التغيير المباشر
احصل على صور ملف تعريف قديمة وصور أخرى واستخدمها للتحديث
تم تحديث آخر صورة الملف الشخصي
قم بتحديث صورة الغلاف للجزء 1
قم بتحديث صورة غلاف الجزء الثاني
حدد صور الغلاف القديمة وقم بالتحديث
عرض معلومات ملف التعريف مقدمة الجزء 1
عرض معلومات ملف التعريف مقدمة الجزء 2
عرض معلومات ملف التعريف مقدمة الجزء 3
تحرير التفاصيل الجزء 1
تحرير التفاصيل الجزء 2
تحرير التفاصيل الجزء 3
ملف تعريف الحساب بالكامل + إصلاح المساءلة الرئيسية
استجب لجميع النوافذ المنبثقة
ثابت التمرير الرسوم المتحركة (مثيرة جدا للاهتمام)
طلبات الصداقة ، إرسال ، إلغاء ، حذف ، قبول ، متابعة ، إلغاء متابعة: إرسال ، إلغاء ، قبول الطلب ، متابعة ، إلغاء متابعة الداخل
إلغاء الصداقة ، حذف الطلب ، تجهيز البيانات لإرسالها
عرض أزرار الطلب
إرسال الطلبات الجزء الأول
تقديم الطلبات الجزء الثاني
Css ، مستجيب ، استكشاف الأخطاء وإصلاحها
عرض قائمة الأصدقاء
معاينة صور الأصدقاء
يتفاعل:
المقدمة ، نموذج التفاعل ، وظيفة التفاعل (الواجهة الخلفية)
الرد على وظيفة والحصول على الرد الحالي
تفاعل وغير متفاعل ومثل الأزرار والأنماط
إظهار جميع ردود الفعل
شاهد كل التغييرات في ردود الفعل مباشرة وسريعة
تعليقات:
إنشاء تعليق + تعليق مع الصورة
قائمة التعليقات والمزيد من التنزيلات والتحديثات الحية
مشاركة || :
عرض المشاركات للأشخاص الذين تتابعهم وإصلاح المشكلات
قراءة المنشورات عند إنشاء ملف تعريف آخر + الصفحة الرئيسية ، إلخ …
حفظ ، إلغاء حفظ آخر
تحميل آخر الصور
احذف المنشور وأعد قراءة البيانات
تم إصلاح مشكلة كبيرة في الملف الشخصي بعد النشر (مهم جدًا!)
البحث المباشر وسجل البحث وما إلى ذلك:
بحث مباشر ، عرض نتائج البحث
أضف إلى سجل البحث
عرض البحث وفرز التاريخ
إزالة من سجل البحث والتحديثات الحية
صفحة طلب الأصدقاء:
رأس صفحة الأصدقاء والقائمة اليسرى
الحصول على الأصدقاء والطلبات وقائمة الطلبات المرسلة
أظهر كل البطاقات ، أجب
وظائف الزر
تصفية حسب القائمة وتغيير الصفحات والقائمة النشطة
الوضع المظلم:
تعيين الوضع المظلم ، صفحة تسجيل الدخول ، الرأس
وضع الشاشة الرئيسية المظلمة وإنشاء مشاركات منبثقة
ملف تعريف الوضع الداكن والانتهاء من كل شيء
قم بالتبديل بين الوضع المظلم والضوء واستكشاف الأخطاء وإصلاحها
تأثير الهيكل العظمي للودر (ممتع للغاية):
تأثير هيكل اللودر 1
تأثير هيكل اللودر 2

قم بعمل نسخة من Facebook باستخدام ReactJS ، MERN Stack


شراء دورة تعلم قم بعمل نسخة من Facebook باستخدام ReactJS ، MERN Stack
بالعملات المشفرة ( كريبتو كرنسي ) مثل: البيتكوين ، والإيثيريوم ، واليثر ، وغيرها

بر اساس 0 دیدگاه

0.0 امتیاز نهایی
0
0
0
0
0

المراجعات

لا توجد مراجعات بعد.

كن أول من يقيم “قم بعمل نسخة من Facebook باستخدام ReactJS ، MERN Stack”

لن يتم نشر عنوان بريدك الإلكتروني.