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

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

لم استطع حل هذا الخطاء : ولا تاتي استجابة في الخادم كانت المشكلة تنحل معي في حال قمت ب حذف التخزين المحلي حتى انني قمت بتجربة متصفح اخر لكن بلا فائدة server-main.rar my_recipes.rar

السلام عليكم هل يمكن استخدام الاستضافة ( هوست جيتور ) مباشرة دون تثبيت xampp وتثبيت ايطار لارفيل شكرا

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

وعليكم السلام، انا اتفهم ما تقصده، لقد مررت في ذلك عندما قمت بتعلم بايثون ولكن قمت بالدخول إلى مواقع التي تختص بحل المشاكل problem solve حيث يتم طرح لك مشكلة مع امثلة للدخل والخرج ومن ثم تستطيع كتابة كود يحقق المطلوب وارسال هذا الكود إلى نفس الموقع وهو يختبر هذا الكود على مجموعة اختبارات مختلفة عن ما تم عرضه وتكون كثيرة لذلك يجب أن تقوم بمراعاة جميع الحالات الممكنة في الكود الخاص بك وتستطيع أن تقوم بالتدرج في حل المسائل من السهل إلى الصعب وهذه افضل طريقة لكي تتدرب على الاساسيات في بايثون ومن هذه المواقع leetcode انصح به كبداية لك ثم بعد ذلك تستطيع الانتقال إلى مواقع اخرى وتستطيع قراءة إجابات هذه الأسئلة

متى نستعمل MongoDB ومتى نستعمل PostgerSQL ؟

السلام عليكم ليه الناس مش بتكمل فيه البرمجه ؟ اي المشكله اوزي انا اتغلب عليها؟

الأمر يتوقف على نوع البيانات الذي سيتم تخزينه والتعامل معه، حيث أن لكل قاعدة ميزات معينة. MongoDB هي قاعدة بيانات غير علائقية، مما يعني أنها لا تخزن البيانات في جداول وصفوف، ولكن بدلاً من ذلك تخزنها في مستندات شبيهة بـ JSON، مما يجعلها مناسبة لتطبيقات تتطلب بيانات غير مترابطة أو ديناميكية، كتخزين البيانات من تطبيقات الويب أو تطبيقات الجوال أو تطبيقات التحليلات. بينما PostgreSQL هي قاعدة بيانات علائقية، مما يعني أنها تخزن البيانات في جداول وصفوف، وبالتالي هي مناسبة لتطبيقات تتطلب بيانات مترابطة أو موحدة، مثل تخزين البيانات من تطبيقات المؤسسات أو تطبيقات التجارة الإلكترونية أو تطبيقات قواعد البيانات. وستجد تفصيل هنا:

زيادة الى ما اشار إليه عبدالباسط، فإن أغلب المترددين على المجال لا يهتمون به بادئ الأمر الا فضولا ولا ينظرون له ضمن هدف بعيد المدى، هذا بجانب عدم اهتمامهم بتطوير مهارات كالالتزام والصبر وطول النفس. هذا بجانب أن الدافع والحافز للاستمرار قد يتأخر قليلا مما يجعل المهتمين بالمجال يفكرون في اختيار مجال آخر. عموما، يمكن تلخيص هاته الأسباب في: صعوبة البداية. كثرة المصادر التعليمية والاحساس بالتشتت. عدم امتلاك رؤية واضحة وهدف. تغير اهتمامات واهواء الناس. نقص التحفيز أو تأخره.

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

مرحباً أحمد , قمت بتحميل مشروعك وتنفيذه , ظهر عندي بعض الملاحظات ومن ثم يعمل بنجاح . يجب عليك الانتباه الى port الخاص بserver ... أنت حالياً تستخدم port = 5432 , هذا الport خاص لpostgres , لذلك عليك استخدام اي port اخر , جرب port = 5012 بعدها قمت بتنفيذ مشروعك , وقمت بإنشاء حساب جديد , ومن ثم قمت بتسجيل الدخول ولم يظهر لي أي خطأ اخر , كما في الصورة .

وكما أخبرك عمار في التعليق السابق فإن المشكلة ربما تكون بسبب ال cache وبالإضافة للحلول السابقة التي ربما تعمل معك حاول حذف ال cache حيث أن بعض المشاكل المتعلقة بالملفات المؤقتة يمكن حلها عن طريق حذف مجلد __pycache__ أو محتوياته يدويًا. ومع ذلك، في حالتك، يبدو أن إزالة المجلد بأكمله للبرنامج ستحل المشكلة.

function REGISTER() { const [name, setName] = useState(""); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [confPassword, setConfPassword] = useState(""); const navigate = useNavigate(); const validationSchema = yup.object({ name: yup.string().nullable().required("اسم المستخدم مطلوب"), email: yup .string() .nullable() .email("يجب ادخال البريد الالكتروني الصحيح") .required("البريد الالكتروني مطلوب"), password: yup .string() .nullable() .min(5, "less 5 letter") .required("يجب ادخال كلمة المرور"), confPassword: yup .string() .nullable() .min(5, "less 5 letter") .required("يجب ادخال كلمة المرور"), }); const onSubmit = async (e) => { if (password !== confPassword) { alert("password Not Matc"); } try { const user = await axios .post(REGISTER_URL, { name: name, email: email, password: password, confPassword: confPassword, }) .then((res) => { res.status(201).json({ message: "تم تسجيل الحساب" }); console.log("ok"); alert("تم تسجيل الحساب"); navigate("/login"); }); } catch (e) { console.log(e); console.log("ناكد من البيانات"); } }; return ( <div className="App"> <header className="App-header"> <Formik initialValues={{ name: null, email: null, password: null, confPassword: null, }} validationSchema={validationSchema} onSubmit={(values, { resetForm }) => { console.log(values); onsubmit(values); resetForm({ values: "" }); }} > {(formikProps) => ( <form onSubmit={formikProps.handleSubmit}> <h3> Sign-up Form </h3> <label>Name:</label> <br /> <Input name="name" type="text" value={formikProps.values.name} onChange={formikProps.handleChange} /> <div style={{ color: "red" }}> {formikProps.touched.name && formikProps.errors.name} </div> <br /> <label>Email:</label> <br /> <Input name="email" type="email" value={formikProps.values.email} onChange={formikProps.handleChange} /> <div style={{ color: "red" }}> {formikProps.touched.email && formikProps.errors.email} </div> <br /> <label>Password:</label> <br /> <Input name="password" type="password" value={formikProps.values.password} onChange={formikProps.handleChange} /> <div style={{ color: "red" }}> {formikProps.touched.password && formikProps.errors.password} </div> <label> <br /> Confirm Password: </label> <br /> <Input name="confPassword" type="password" value={formikProps.values.confPassword} onChange={formikProps.handleChange} /> <div style={{ color: "red" }}> {formikProps.touched.confPassword && formikProps.errors.confPassword} </div> <br /> <Button type="submit" value="Submit"> نسجيل الحساب </Button> </form> )} </Formik> </header> </div> ); } حاولت حل المشكلة ولم استطيع ارسال النموذج server-main.zip test-main.zip

عليك القيام بالتالي : تهيئة Webpack في مشروع Laravel: تثبيت Laravel Mix: Laravel Mix هو واجهة تجريدية لـ Webpack تسهل عملية التكامل. يمكنك تثبيته باستخدام Composer إذا لم يكن موجودًا بالفعل في مشروع Laravel. تهيئة Mix: بعد التثبيت، ستجد ملف webpack.mix.js في الدليل الجذري لمشروع Laravel. هذا الملف هو حيث ستقوم بتكوين إعدادات Webpack الخاصة بك. إدراج ملفات Sass: تنظيم الملفات: ضع ملفات Sass الخاصة بك في دليل الموارد (عادةً في resources/sass). تحديث webpack.mix.js: قم بتحديث ملف webpack.mix.js ليشمل تكوين Sass. على سبيل المثال: mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css'); هذا الكود يخبر Mix بتحويل ملف app.scss إلى CSS ووضعه في دليل public/css. تكامل ملفات JavaScript: وضع ملفات JavaScript: إذا كان لديك ملفات JavaScript خاصة بالدورة، ضعها في دليل resources/js. تحديث webpack.mix.js: أضف أي ملفات JavaScript تحتاج إلى تحويلها أو دمجها في تكوين Mix. تشغيل Webpack: تشغيل الأوامر: استخدم الأمر npm run dev لتشغيل Webpack وتكوين ملفاتك. للإنتاج، استخدم npm run prod. استخدام الملفات في Laravel: ربط الملفات في Blade: في قوالب Blade الخاصة بك، استخدم الوظيفة المساعدة mix() لربط ملفات CSS وJavaScript. على سبيل المثال: <link href="{{ mix('css/app.css') }}" rel="stylesheet"> <script src="{{ mix('js/app.js') }}"></script> هذا يضمن أن ملفات CSS وJavaScript مرتبطة بشكل صحيح مع التجزئات الصحيحة للتحكم في النسخة. باتباع هذه الخطوات، يجب أن تتمكن من دمج ملفات Webpack و Sass الخاصة بك بنجاح في مشروع Laravel 10، مما يمكنك من تطوير واجهات المستخدم بكفاءة وفعالية.

وعليكم السلام، من الممكن أن تكون المشكلة متعلقة بال cache في جهازك قم بتثبيت نسخة أقدم من dlib pip install dlib==19.21.1 ثم بعد ذلك ثم بتثبيت face-recognition ولا تستخدم cache عبر الامر التالي pip install --no-cache-dir face_recognition في حال لم تعمل مجددا قم بتثبيت setuptools pip install setuptools

اريد ارسال رسال تحتوي على عدة صفوف من لغة الفيجوال بيزك الى رقم واتس اب حاولت بشاشة الفيجوال مضبوطة بعدة صفوف ولكن في الواتساب تترسل صف واحد

ASP.NET Core يُوفر مرونة كبيرة في كيفية بناء تطبيقات الويب، ويمكن استخدام نمطين رئيسيين هما MVC و API بشكل مستقل أو معًا حسب احتياجات التطبيق. MVC (Model-View-Controller): التعريف: يعتمد نمط MVC على تقسيم التطبيق إلى ثلاثة أقسام رئيسية: Model (النموذج) الذي يتعامل مع البيانات والتفاعل مع قاعدة البيانات، View (العرض) الذي يعرض البيانات للمستخدم، و Controller (التحكم) الذي يدير تدفق البيانات بين Model و View. استخدامه: يُستخدم نمط MVC عادةً لبناء تطبيقات الويب التقليدية التي تحتاج إلى صفحات متعددة وتفاعل مع المستخدم عبر واجهة المستخدم. المكونات: يشمل على مستوى العرض (Views) ومستوى التحكم (Controllers) ومستوى النموذج (Models). ______ API (Application Programming Interface): التعريف: تقدم واجهة برمجة تطبيق (API) نقاط نهاية (Endpoints) للتفاعل مع التطبيق. يمكن أن تكون البيانات مرجعية على شكل JSON أو XML. استخدامه: يستخدم لبناء خدمات الويب والتطبيقات التي تحتاج إلى تبادل البيانات بشكل فعال بين العميل والخادم، ويُستخدم أيضًا في تطوير تطبيقات SPA (Single Page Applications). المكونات: يركز بشكل أساسي على إنشاء Endpoints (عناوين URL) التي يمكن الوصول إليها بواسطة العملاء. ______________ الفرق: MVC vs API: MVC يستخدم لبناء تطبيقات الويب الكاملة، بينما يُستخدم API لتبادل البيانات بين العميل والخادم. عناصر مكوناتهم: في MVC، تحتاج إلى عناصر النموذج والعرض والتحكم. في API، تحتاج إلى نقاط نهاية API التي تستجيب لطلبات الويب. التفضيل والمتى استخدام كل واحد: استخدم MVC عندما تحتاج إلى بناء تطبيق ويب تقليدي يتضمن صفحات متعددة ويتفاعل مع المستخدم عبر واجهة المستخدم. استخدم API عندما تحتاج إلى توفير خدمات واجهة برمجة تطبيق للعملاء للتفاعل مع التطبيق أو عندما تقوم ببناء تطبيق SPA. ________________ ASP.NET Core: ASP.NET Core هو إطار عمل (framework) يدعم ويجمع بين كلا النمطين (MVC و API) بشكل جيد. يمكنك استخدام MVC و API معًا في نفس التطبيق والاستفادة من المزيد من المرونة. لا يمكن قول أن أحدًا منهم أفضل من الآخر، حيث يعتمد الاختيار على احتياجات التطبيق الخاص بك.

يمكنك ذلك من خلال اتباع الخطوات التالية: أولاً تأكد من تثبيت Laravel 10 وإعداد بيئة العمل الخاصة بك. ثانياً قم بتنزيل مشروع Webpack و Sass الجاهز الي تريده , ومن ثم فك الضغط عنه. انتقل إلى مجلد مشروع Laravel باستخدام سطر الأوامر. قم بتثبيت المكتبات اللازمة باستخدام أداة إدارة حزم Composer. يمكنك تنفيذ الأمر التالي في سطر الأوامر: composer install قم بنسخ ملفات المشروع (ملفات الـ Webpack و Sass) في مجلد المشروع الخاص بـ Laravel. قم بتحديث ملف webpack.mix.js الخاص بـ Laravel لتضمين ملفات المشروع الجديدة. يمكنك تعديل الملف كما يلي: const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css') .js('mypath/webpack/files', 'public/js') .sass('mypath/sass/files', 'public/css'); تأكد من استبدال عناوين js ,css ( mypath) بمسارات الملفات الفعلية في مشروعك. قم بتشغيل أمر البناء الخاص بـ Webpack لتجميع وتجهيز الملفات. في سطر الأوامر، قم بتنفيذ الأمر التالي: npm run dev أو إذا كنت ترغب في انشاء نسخة production ، يمكنك استخدام الأمر التالي: npm run prod تأكد من أن ملفات الناتج (الجافاسكريبت والـ CSS) تم إنشاؤها بنجاح في مجلد `public/js` و `public/css` في مشروع Laravel. قم بتضمين ملفات الناتج في قوالب Laravel الخاصة بك. يمكنك استخدام وسوم `<script>` و `<link>` في قوالب العرض الخاصة بك للإشارة إلى ملفات الجافاسكريبت والـ CSS على التوالي. أخيراً يمكنك الأن تشغيل خادم Laravel وفتح موقعك في المتصفح للتحقق مما إذا كانت المشروع المدمجة تعمل بشكل صحيح.

السلام عليكم هناك بعض المشاكل في الكود : 1-استهدام onsubmit بدلا من onSubmit على الرغم من تعريف الدالة باسم onSubmit <Formik initialValues={{ name: null, email: null, password: null, confPassword: null, }} validationSchema={validationSchema} onSubmit={(values, { resetForm }) => { console.log(values); onsubmit(values); // هنا تحديدا يجب تبديلها ب onSubmit resetForm({ values: "" }); }} > 2-استخدام نفس الname field لكل من الpassword و الconfirmPassword حيث كلاهما يأخذان الأسم password و يجب أن يأخذا أسماء مختلفة : <Input name="password" type="password" value={formikProps.values.confPassword} onChange={formikProps.handleChange} /> <Input name="confPassword" // أسم مختلف type="password" value={formikProps.values.confPassword} onChange={formikProps.handleChange} /> 3- بما أننا نعتمد على الform submission فلا يوجد داعي لإستعمال onClick في الsubmit button //خطأ <Button onClick={onSubmit} type="submit" value="Submit"> //صحيح <Formik initialValues={{ name: null, email: null, password: null, confPassword: null, }} validationSchema={validationSchema} onSubmit={(values, { resetForm }) => { console.log(values); onsubmit(values); resetForm({ values: "" }); }} > {/* ... your form fields ... */} <Button type="submit" value="Submit">

أولاً تأكد من استدعاء دالة onSubmit بشكل صحيح في الكود وتأكد من كتابة حرف S بنفس الشكل. وفي حالة عدم تطابق كلمتي المرور، قمت بعرض رسالة خطأ باستخدام Form.Control.Feedback، ولكن الاسم الذي تم استخدامه للـ Feedback هو نفسه لكلا من حقلي كلمة المرور وتأكيد كلمة المرور. يجب عليك استخدام اسم مختلف للفيدباك لكل حقل. <div style={{ color: "red" }}> {formikProps.touched.password && formikProps.errors.password} </div> <div style={{ color: "red" }}> {formikProps.touched.confPassword && formikProps.errors.confPassword} </div> <Form.Control.Feedback type="invalid" style={{ color: "red" }}> {password === confPassword ? "" : "كلمة المرور غير مطابقة"} </Form.Control.Feedback> أيضًا في حالة التحقق من عملية تسجيل الدخول (onSubmit function)، يجب أن تستخدم formikProps.values بدلاً من القيم الناتجة مباشرة من useState. const user = await axios.post(REGISTER_URL, { name: formikProps.values.name, email: formikProps.values.email, password: formikProps.values.password, confPassword: formikProps.values.confPassword, }) في حال استمرار المشكلة أرفق مجلد المشروع لتفقد المشكلة. وعامًة إليك مثال كامل يعمل بشكل سليم باستخدام formik وyup: import React from "react"; import { Formik, Field, ErrorMessage, Form } from "formik"; import * as Yup from "yup"; const LoginSchema = Yup.object().shape({ email: Yup.string() .email("Invalid email address format") .required("Email is required"), password: Yup.string() .min(3, "Password must be 3 characters at minimum") .required("Password is required"), }); class App extends React.Component { render() { return ( <div className="container"> <div className="row"> <div className="col-lg-12"> <Formik initialValues={{ email: "", password: "", }} validationSchema={LoginSchema} onSubmit={(values, { setSubmitting }) => { console.log(values); // Simulating asynchronous operation, like an API call setTimeout(() => { alert("Form is validated! Submitting the form..."); setSubmitting(false); }, 1000); }} > {(props) => ( <div> <div className="row mb-5"> <div className="col-lg-12 text-center"> {!props.isSubmitting ? ( <div> <h1>Login Page</h1>{" "} <Form> <div className="form-group"> <label htmlFor="email">Email</label> <Field type="email" name="email" placeholder="Enter email" autoComplete="off" className={`mt-2 form-control ${ props.touched.email && props.errors.email ? "is-invalid" : "" }`} /> <ErrorMessage component="div" name="email" className="invalid-feedback" /> </div> <div className="form-group"> <label htmlFor="password" className="mt-3"> Password </label> <Field type="password" name="password" placeholder="Enter password" className={`form-control ${ props.touched.password && props.errors.password ? "is-invalid" : "" }`} /> <ErrorMessage component="div" name="password" className="invalid-feedback" /> </div> <button type="submit" className="btn btn-primary btn-block mt-4" disabled={props.isSubmitting} > {props.isSubmitting ? "Submitting..." : "Submit"} </button> </Form> </div> ) : ( <h1>Home Page</h1> )} </div> </div> </div> )} </Formik> </div> </div> </div> ); } } export default App;