لوحة المتصدرين

انا سويت موقع عبر html css ولكن لمن جيت ارفع الموقع عبر انتر نت وكل شي تمام يقول لي ههكذا مامعنى عبر Netlify

السلام عليكم هو تكرار البيانات في جدول بيانات او قاعد بيانات دي يعتبر من نواع dirty data ولكن هل ده ياثير باسلب علي نماذج تعلم الاله ؟

وعليكم السلام ورحمة الله وبركاته. نعم بالفعل تكرار البيانات في الجداول أو قواعد البيانات يعد من أنواع "البيانات القذرة" (Dirty Data) ويمكن بشكل كبير أن يأتي بنتائج عكسية على نماذج تعلم الآلة . إذا كانت البيانات مكررة فإن النموذج قد يتعامل مع هذه البيانات وكأنها معلومات جديدة مما يؤدي إلى تضخيم تأثير تلك النقاط على النموذج. هذا قد يؤدي إلى تحيز النموذج نحو هذه البيانات فمثلا لو إفتراضنا في نموذج مرضى السكر إذا كانت هناك بيانات مكررة لفئة أعمار معينة فهنا النموذج سينحاز لتلك الفئة وأنها هي من أكثر مرضى السكر . وجود بيانات مكررة يمكن أن يسبب خللًا في دقة التنبؤات حيث أن النموذج يتعلم نفس المعلومات عدة مرات دون إضافة معلومات جديدة ما يؤثر سلبًا على أداء النموذج عند اختبار بيانات جديدة ففي المثال السابق سيعتقد أن الفئة المكررة هي الأكثر مرضا وبذلك سيتنبأ بأي قيمة من تلك الفئة أنها مريضة. البيانات المكررة تزيد من حجم البيانات دون أي فائدة فعلية ما يؤدي إلى زيادة زمن التدريب وإستهلاك موارد أكثر. لذلك من الأفضل تنظيف البيانات قبل استخدامها في تدريب نماذج تعلم الآلة عن طريق إزالة التكرارات والتأكد من جودة البيانات لتفادى أي مشاكل مثل المشاكل السابقة.

يا اخي ماهذه الطريقة السريعه في الشرح ، لقد احضرت مسبقا الملف كاملا وتشرح لنا شرح سريع لاشياء اول مرة نراها ، الغرض من الدورة ان نستطيع نحن القيام بصفحات وليس انت

سلام من يكتب كود Breadcrumbs مطور back-end أو front-end

يجب أولا أن يقوم مطور ال front-end بتصميم وكتابة أكواد HTML وتنسيقات CSS ووضعها في الصفحة بالإضافة إلى ملفات Javascript إذا كان يوجد animation أو سلوك معين لل Breadcrumb. وإذا كانت الروابط معقدة في ال Breadcrumbs و تتطلب مسارا كبيرا أو عرضها بطريقة ديناميكية فهنا سيتوجب على مطور back-end أخذ الهيكل html من مطور ال front-end وتضمين الروابط الخاصة بال Breadcrumb في كل صفحة والعمل على إظهارها بالطريقة الصحيحة.

السلام عليكم. عند إنشاء حساب جديد لابد على المستخدم إدخال كافة المعطيات (last name, first name, email, password) بحيث إدخال حقل فارغ يعني ظهور رسالة خطأ. في الكود التالي const context = useContext(AppContext); const [first_name, setFirst_name] = useState(""); const [last_name, setLast_name] = useState(""); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [loading, setLoading] = useState(false); if (!context) { throw new Error("AppContext must be used within an AppProvider"); } const { alert, setAlert } = context; const submitFormHandler = (e: FormEvent) => { e.preventDefault(); setLoading(true); // Validation if (first_name === "") { setAlert({ alertText: "First Name is required", type: "error" }); setLoading(false); return; } if (last_name === "") { setAlert({ alertText: "Last Name is required", type: "error" }); setLoading(false); return; } if (email === "") { setAlert({ alertText: "Email is required", type: "error" }); setLoading(false); return; } if (password === "") { setAlert({ alertText: "Password is required", type: "error" }); setLoading(false); return; } }; ***** return ( <div> {alert.alertText && ( <Toast alertText={alert.alertText} type={alert.type}/> )} <form onSubmit={submitFormHandler}> -------- </form> </div> ); عندما تكون كافة الحقول فارغة تظهر رسالة الخطأ الأولى، ولكن بعد ملئ الحقل الأول وترك بقية الحقول فارغة لاتظهر رسالة خطأ مجددا للتوضيح. AppContext "use client" import { Alert } from "@/utils/types"; import { createContext, ReactNode, useState } from "react" type Props = { children: ReactNode; }; type AppContextType = { darkMode: boolean, toggleMode: () => void, alert: Alert, setAlert: (alert: Alert) => void, } | null export const AppContext = createContext<AppContextType>({ darkMode: false, toggleMode: () => {}, alert: { type: "", alertText: "" }, setAlert: () => {}, }) export const AppProvider = ({ children }: Props) => { const [darkMode, setDarkMode] = useState(false) const [alert, setAlert] = useState<Alert>({ type: "", alertText: "" }); const toggleMode = () => { setDarkMode(!darkMode) } return ( <AppContext.Provider value = {{toggleMode, darkMode, alert, setAlert}}> <div className={`${darkMode && "dark"}`}> {children} </div> </AppContext.Provider> ) } شكرا لكم.

نفس المشكل. هذا هو الكود كاملا. e.preventDefault(); setLoading(true); setAlert({ alertText: "", type: "" }); let errorMessage = ""; if (first_name === "") { errorMessage = "First Name is required"; } else if (last_name === "") { errorMessage = "Last Name is required"; } else if (email === "") { errorMessage = "Email is required"; } else if (password === "") { errorMessage = "Password is required"; } if (errorMessage) { setAlert({ alertText: errorMessage, type: "error" }); setLoading(false); return; } register form "use client"; import { useTranslations } from "next-intl"; import React, { FormEvent, useContext, useState } from "react"; import Toast from "../toast"; import { AppContext } from "@/context/AppContext"; const RegisterForm = () => { const t = useTranslations("Auth"); const context = useContext(AppContext); const [first_name, setFirst_name] = useState(""); const [last_name, setLast_name] = useState(""); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [loading, setLoading] = useState(false); if (!context) { throw new Error("AppContext must be used within an AppProvider"); } const { alert, setAlert } = context; const submitFormHandler = (e: FormEvent) => { e.preventDefault(); setLoading(true); setAlert({ alertText: "", type: "" }); let errorMessage = ""; if (first_name === "") { errorMessage = "First Name is required"; } else if (last_name === "") { errorMessage = "Last Name is required"; } else if (email === "") { errorMessage = "Email is required"; } else if (password === "") { errorMessage = "Password is required"; } if (errorMessage) { setAlert({ alertText: errorMessage, type: "error" }); setLoading(false); return; } }; return ( <div> {alert.alertText && ( <Toast alertText={alert.alertText} type={alert.type}/> )} <form onSubmit={submitFormHandler}> {/* First Name & Last Name Fields */} <div className="flex justify-between"> <div className="w-1/2 mx-2 mb-4"> <label className="text-white dark:text-coolGray"> {t("first_name")} <span className="text-rubyRed">*</span> </label> <input type="text" name="firstName" value={first_name} onChange={(e) => setFirst_name(e.target.value)} className={`w-full p-2 border ${first_name === "" ? "border-rubyRed" : "border-coolGray"} dark:border-white bg-white dark:bg-slateGray text-slateGray dark:text-white rounded-lg focus:outline-none focus:border-leafGreen`} /> </div> <div className="w-1/2 mx-2 mb-4"> <label className="text-white dark:text-coolGray"> {t("last_name")} <span className="text-rubyRed">*</span> </label> <input type="text" name="lastName" autoComplete="off" value={last_name} onChange={(e) => setLast_name(e.target.value)} className={`w-full p-2 border ${first_name === "" ? "border-rubyRed" : "border-coolGray"} dark:border-white bg-white dark:bg-slateGray text-slateGray dark:text-white rounded-lg focus:outline-none focus:border-leafGreen`} /> </div> </div> {/* Email Field */} <div className="mb-4"> <label className="text-white dark:text-coolGray"> {t("email")} <span className="text-rubyRed">*</span> </label> <input type="email" name="email" autoComplete="off" value={email} onChange={(e) => setEmail(e.target.value)} className={`w-full p-2 border ${email === "" ? "border-rubyRed" : "border-coolGray"} dark:border-white bg-white dark:bg-slateGray text-slateGray dark:text-white rounded-lg focus:outline-none focus:border-leafGreen`} /> </div> {/* Password Field */} <div className="mb-4"> <label className="text-white dark:text-coolGray"> {t("password")} <span className="text-rubyRed">*</span> </label> <input type="password" name="password" autoComplete="off" value={password} onChange={(e) => setPassword(e.target.value)} className={`w-full p-2 border ${password === "" ? "border-rubyRed" : "border-coolGray"} dark:border-white bg-white dark:bg-slateGray text-slateGray dark:text-white rounded-lg focus:outline-none focus:border-leafGreen`} /> </div> <p className="text-rubyRed mb-4">* {t('required')}</p> {/* Register Button */} <button type="submit" className="button button-block w-full py-2 text-lg font-semibold text-white bg-leafGreen hover:bg-coralRed rounded-lg transition-all duration-300" > {t("register")} </button> </form> </div> ); }; export default RegisterForm;

ما المشكله ؟ قمت بوضع / ولكن نفس المشكله

وعليكم السلام ورحمة الله وبركاته هل تأكدت أن الحقول عند الكتابة بها يتم وضع القيم بداخلها ؟ أعتقد أن المشكلة هنا أي انه حتي عندما يتم ملئ الحقل الأول فإنه يظل فارغا أى أن first_name يظل يساوى "" لهذا فهو يدخل في الشرط الأول دائما وبما أنه يتم وضع نفس الرسالة فإن ال context لن يعيد تصير (re-render) المكون وبالتالي لن يتم ظهور رسالة الخطأ . حاول تغير submitFormHandler إلى التالي حيث نقوم بتفريغ رسالة الخطأ أولا : const submitFormHandler = (e: FormEvent) => { e.preventDefault(); setLoading(true); setAlert({ alertText: "", type: "" }); let errorMessage = ""; if (first_name === "") { errorMessage = "First Name is required"; } else if (last_name === "") { errorMessage = "Last Name is required"; } else if (email === "") { errorMessage = "Email is required"; } else if (password === "") { errorMessage = "Password is required"; } if (errorMessage) { setAlert({ alertText: errorMessage, type: "error" }); setLoading(false); return; } }; وانظر هكذا هل يتم دائما طباعة ال first name فإذا كان كذلك فالمشكلة كما وضحت لك . إذا ظلت المشكلة حاول طباعة alert بداخل الدالة submitFormHandler وانظر هل تتغير القيم بها أم لا فمن الممكن أن تكون المشكلة في ال context حيث يقوم بتغير القيمة أول مرة فقط وتحدث مشكلة ولا يوقم بتغيرها مرة أخرى.