كل الأنشطة

المشروع يعمل المشكلة لديك في التخزين المحلي يجب حذفه كما أخبرتك . يجب الذهاب إلى تبويبة application في ادوات المطور وحذفه من خلال الزر التالي :

بعد تثبيت الامر tsc -b اصبح امر اسوء حيث صفحة مفضلة اصبحت صفحة بيضاء وايضاً مكون scroll لايعمل قبل رفعت مشروع لكن رجعت لتعديله اصبح متصفح لا يقبل اي تعديلات اظن مشكلة من Cashed ان كانت مشكلة كذالك كيف يمكنني حذفه لحفظ تغييرات جديدة amazon-store.zip

ما هي الأوامر التي تقوم بها لتشغيل المشروع ؟ حاليا المشكلة نعم لا تظهر الصور ولكن لو قمت بتنفيذ أمر tsc -b ستجد أن المشكلة قد تم حلها ولكن يجب أن يتم حذف التخزين المحلي أولا . لهذا يجب تنفيذ الأمر التالي هكذا لتحويل ملفات tsx بعد تعديلها إلى ملفات js: tsc -b

توجد مشكلة في صفحةFavorite.tsx حيث منتجات المفضلة لا يتم عرض الصور ومع اني متأكد اني مررت لها صور في interface وحذف تخزين محلي ورجعت حفظتو ومشكلة مستمرة amazon-store.zip

ستجدأسفل فيديو الدرس في نهاية الصفحة صندوق تعليقات كما هنا، أرجو طرح الأسئلة أسفل الدرس وليس هنا في قسم أسئلة البرمجة حيث نطرح الأسئلة العامة الغير متعلقة بمحتوى الدورة أو الدرس، وذلك لمساعدتك بشكل أفضل.

فكرة جميلة جدًا وانا كنت رفعت بوست مثل هذا من مده ولاكن انا مشترك في تطوير واجهات المستخدم وتطوير التطبيقات باستخدام جافاسكريبت

فكرة جميلة

السلام عليكم ,اذا في اشخاص مشتركين في دورة الذكاء الاصطناعي او تطوير التطبيقات ببايثون ممكن نكون مجتمع حتى نتفاعل ونتابع كل ماهو جديد ونتشجع سويا

الف شكراا جدا لحضرتك جزاك الله كل خير

وعليكم السلام ورحمة الله وبركاته. إن NumPy هي مكتبة أساسية للتعامل مع المصفوفات والعمليات الرياضية عالية الكفاءة وهي مكتوبة في الأساس بلغة C ولهذا حساباتها أسرع بكثير من الحلقات العادية في بايثون حيث تقدم أدوات كثيرة جاهزة مثل: عمليات الجبر الخطي (Linear Algebra). والتحويلات الفورييه. والدوال الإحصائية. ةالتعامل مع الأعداد الكبيرة في الحجم. أى يمكننا أن نقول أنها أداة رياضية تعطيك واجهة في لغة بايثون سهلة لكنها تعمل بكود مكتبة بلغى C في الخلفية. أما Numba فهي مكتبة مختلفة ووظيفتها تسريع كود بايثون نفسه عن طريق التحويل إلى كود آلة (JIT Compilation) . وأنت تقوم بكتابة دالة عادية وتضيف decorator هكذا مثلا : from numba import jit @jit(nopython=True) def add(x, y): return x + y والنتيجة أن الكود يتحول عند التشغيل إلى لغة منخفضة المستوى (Assembly) ويصبح قريب في الأداء من لغة C . وهو مفيد عندما تكتب حلقات for أو عمليات متكررة معقدة لا يمكن أن تكتبها كلها بدوال NumPy الجاهزة. إذا يمكننا التخليص بأن NumPy هي مكتبة رياضية جاهزة تعطيك دوال وأدوات أما Numba فهو مسرع يحول كود بايثون البطيء إلى كود سريع

السلام عليكم ما الفرق بين مكتبة NumPy ومكتبة Numba في لغة بايثون؟

السلام عليكم في الدورة الخاصة بتحليل البيانات أظننا لم نتعرض لل Big Data ؟ فما هي ال Big Data , DI DWH ؟ وما هو PySpark ؟ وكيفية إدارة Big data management؟ وما هو PLSQL ؟ وما هو DataWarehouse ,ETL ؟ وهل هناك مصادر مجانية بإماكنك أن ترشوحها لي لمعرفة ال Big data وإن كان في أكاديمية حسوب ففي أي مسار ؟ وجزاكم الله خيرا

هذا المشروع كاملا فقط قم بـ cd frontend npm run frontend ********************** cd backend npm run backend hsoub.zip شكرا جزيلا

هل بالامكان ارسال المشروع لتفحصه؟

نفس الشيء أخي، نفس الخطأ في الـUI

اعتقد ان سبب المشكلة هو التغير في ال depencincies الخاصة ب useEffect جرب التالي: useEffect(() => { if (userId && token) { mutate({ userId, token }); } }, []); بدل استخدام دالة verify وغالبا سيعمل.

بالطبع يكفي المسار للإنتقال لتعلم react بدون أي مشكلة. ولكن كلما كانت معرفتك بالجافاسكريبت أعمق، كان تعلمك React أسهل . كما أن بناء المشاريع باستخدام الجافاسكريبت الخام (Vanilla JavaScript) يجعلك تدرك المشاكل التي جاءت React لحلها، مما يمنحك فهماً حقيقياً لأهميتها وقوتها مثال على ذلك أنك قد تجد نفسك تنسخ وتلصق نفس أكواد HTML و JavaScript لإنشاء عناصر متشابهة (مثل بطاقة منتج ). ولكن في React، ستقوم ببناء مكون (Component) واحد قابل لإعادة الاستخدام بسهولة في أي مكان ولذلك يصبح لديك وعي بأهمية هذه الميزة ومتى تستخدمها تلقائياً من خلال معرفتك وخبرتك ب javascript

data دائما undefined تفضل صورة تبين نتائج console

return ( <section className="flex items-center justify-center min-h-[calc(100vh-2rem)] px-4"> <div className="w-full max-w-md bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-2xl shadow-md p-6 text-center transition-all duration-300"> {isError ? ( <> <AiOutlineWarning className="text-red-500 text-6xl mx-auto animate-pulse mb-4" /> <h1 className="text-xl font-semibold">Error</h1> <p className="text-sm mt-2">Invalid or expired link.</p> </> ) : data ? ( <> <AiOutlineCheckCircle className="text-teal-600 text-6xl mx-auto animate-bounce mb-4" /> <h1 className="text-xl font-semibold">{data.message}</h1> <Link to="/login" className="inline-block bg-teal-600 hover:bg-teal-700 text-white font-medium py-2 px-6 rounded-full transition-colors duration-300" > Login </Link> </> ) : null} </div> </section> ); فلنتأكد من المعلومات هل هي موجودة ام لا باستخدام data ? وهل يمكنك ارفاق ماذا يحصل في ال console ايضا؟

نفس المشكل أخي

جرب هذا الحل وهو تأكد ان الdata موجودة ولا لا وعلى اساسها نختار النجاح او غيره: useEffect(() => { verify(); }, [userId, token]); هل بامكانك تبديل خطاف useEffect بالتالي واخباري بالنتائج.

تقصد هذا المكون import React, { useEffect, useState } from "react"; import { Link, useParams } from "react-router-dom"; import { useVerifyEmail } from "../lib/queries/auth.queries"; import { AiOutlineCheckCircle, AiOutlineWarning } from "react-icons/ai"; import Spinner from "../components/loaders/Spinner"; const VerifyEmail = () => { const { userId, token } = useParams(); const { mutate, data, isError, isPending } = useVerifyEmail(); console.log(" data", data) // undefined const verify = () => { if (userId && token) { console.log("👉 sending mutation with", { userId, token, data }); // data: undefined, token: defined, userId: defined mutate({ userId, token }); } } useEffect(() => { verify() }, [userId, token, mutate]); if (isPending) { return <Spinner/> } return ( <section className="flex items-center justify-center min-h-[calc(100vh-2rem)] px-4"> <div className="w-full max-w-md bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-2xl shadow-md p-6 text-center transition-all duration-300"> {isError ? ( <> <AiOutlineWarning className="text-red-500 dark:text-red-400 text-6xl mx-auto animate-pulse mb-4" /> <h1 className="text-xl font-semibold text-gray-800 dark:text-white"> error </h1> <p className="text-sm text-gray-600 dark:text-gray-300 mt-2"> Please check your verification link or request a new one. </p> </> ) : ( <> <AiOutlineCheckCircle className="text-teal-600 dark:text-teal-400 text-6xl mx-auto animate-bounce mb-4" /> <h1 className="text-xl md:text-2xl font-semibold text-gray-800 dark:text-white mb-2"> {/* {data?.message} */} Valid </h1> <Link to="/login" className="inline-block bg-teal-600 hover:bg-teal-700 text-white font-medium py-2 px-6 rounded-full transition-colors duration-300" > Login </Link> </> )} </div> </section> ); }; export default VerifyEmail;

هل من الممكن ارسال منطق التحكم بظهور المكون الخاص بالنجاح او الفشل فأنا لا اراه هنا قد يكون الخلل منه.

السلام عليكم. قمت ببناء مكون React للتحقق مما إذا كان المستخدم قد فعل حسابه. حسب نتيجة العملية، أريد عرض أحد المكونات التالية: 1.نجاح التحقق: <> <AiOutlineCheckCircle className="text-teal-600 dark:text-teal-400 text-6xl mx-auto animate-bounce mb-4" /> <h1 className="text-xl md:text-2xl font-semibold text-gray-800 dark:text-white mb-2"> {/* {data?.message} */} Valid </h1> <Link to="/login" className="inline-block bg-teal-600 hover:bg-teal-700 text-white font-medium py-2 px-6 rounded-full transition-colors duration-300" > Login </Link> </> 2.فشل التحقق <> <AiOutlineWarning className="text-red-500 dark:text-red-400 text-6xl mx-auto animate-pulse mb-4" /> <h1 className="text-xl font-semibold text-gray-800 dark:text-white"> error </h1> <p className="text-sm text-gray-600 dark:text-gray-300 mt-2"> Please check your verification link or request a new one. </p> </> المشكلة: في الوقت الحالي، عند فتح صفحة التحقق، يظهر أولًا مكون النجاح لبضع ثوانٍ، ثم يتحول فجأة إلى مكون الفشل، رغم أنّ عملية التحقق في قاعدة البيانات تمّت بنجاح. للمزيد من التوضيح تفضلوا: كود الواجهة الخلفية (Node.js/Express): export const verifyAccount = asyncHandler(async(req, res) => { const { userId, token } = req.params // Check if user exist const user = await User.findById(userId) if (!user) { return res.status(400).json({ message: "Invalid Verification Link" }) } const verificationToken = await VerificationToken.findOne({ userId: user._id, token: token, }) if (!verificationToken) { return res.status(400).json({ message: "Invalid Link" }); } user.isAccountVerified = true await user.save() await VerificationToken.deleteOne({ _id: verificationToken._id }); res.status(200).json({ message: "Your Account is Verified!" }) }) علما أنه في حتى حاة ظهور المكون الخاص بفشل العملية في الواجهة الأمامية فإنه تم تفعيل user.isAccountVerified = true await user.save() await VerificationToken.deleteOne({ _id: verificationToken._id }); أما بالنسبة للواجهة الأمامية api export const verifyEmailApi = async ({ userId, token }) => { try { const res = await axios.get(summaryApi.auth.verify(userId, token)) console.log("api", res.data) return res.data } catch (error) { console.error(error); throw error; } } queries export const useVerifyEmail = () => { return useMutation({ mutationFn: verifyEmailApi, onSuccess: (data) => { console.log(data) } }); } VerifEmailComponent const VerifyEmail = () => { const { userId, token } = useParams(); const { mutate, data, isError, isPending } = useVerifyEmail(); console.log(" data", data) // undefined const verify = () => { if (userId && token) { console.log("👉 sending mutation with", { userId, token, data }); // data: undefined, token: defined, userId: defined mutate({ userId, token }); } } useEffect(() => { verify() }, [userId, token, mutate]); if (isPending) { return <Spinner/> } return ( <section className="flex items-center justify-center min-h-[calc(100vh-2rem)] px-4"> // الكود الذي قمت بإدراجه سلفا </section> ); }; سؤالي: لماذا يظهر مكون النجاح أولًا لثوانٍ ثم يتحول إلى مكون الفشل، رغم أنّ التحقق في قاعدة البيانات تم بنجاح؟ وكيف يمكنني تعديل الكود الأمامي بحيث يظهر المكون الصحيح مباشرة بناءً على نتيجة العملية دون هذا التبديل الغير مرغوب فيه؟ شكرا جزيلا.