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

السلام عليكم ورحمة اله تعالى وبركاته ، اعمل على تطبيق رياكت بسيط CRUD users، وعند طباعة اول حرف او رقم في حقل الادخال input يفقد التركيز focus الخاص به , ثم يجب عليه الضغط عليه مرة اخرى لاعادته ، بحثت كثيرا حول حل للمشكل في عدة مواقع ، وحتى اني استعنت بالChatGpt لكن لم يجدي اي حل نفعا ، ارجو من واجهته نفس المشكل ان يخبرني كيف قام بحلها من فضلكم . شكرا . import "./App.css"; import "bootstrap/dist/css/bootstrap.min.css"; import Heading from "./Components/Heading"; import { useState } from "react"; import Button from "./Components/Button"; import Table from "./Components/Table"; import UsersInfo from "./Components/UsersInfo"; function App() { const [users, setUsers] = useState([]); const [fullname, setFullname] = useState(""); const [age, setAge] = useState(""); const [jobtitle, setJobtitle] = useState(""); const [email, setEmail] = useState(""); const [darkMood, setDarkMood] = useState(false); const [addUser, setAddUser] = useState(false); const handleToogleMood = () => { setDarkMood(!darkMood); }; const handleFullName = (e) => { setFullname(e.target.value); }; const handleAge = (e) => { setAge(e.target.value); }; const handleJobTitle = (e) => { setJobtitle(e.target.value); }; const handleEmail = (e) => { setEmail(e.target.value); }; const saveNewUserHandler = () => { const newUser = { id: Date.now(), FullName: fullname, Age: age, JobTitle: jobtitle, Email: email, }; const newUsers = [...users, newUser]; setUsers(newUsers); setAddUser(false); setFullname(""); setAge(""); setEmail(""); setJobtitle(""); }; const AddUser = () => { return ( <div> <div className="d-flex justify-content-between"> <h1 className={`text-left text-danger font-weight-bold`}> Add User </h1> <button className="btn btn-primary font-weight-bold" onClick={handleToogleMood} > Toogle Mood </button> </div> <div className="col-6"> <input type="text" placeholder="Full Name" className="mb-2 form-control" value={fullname} onChange={handleFullName} /> <input type="number" placeholder="Age" className="mb-2 form-control" value={age} onChange={handleAge} /> <input type="text" placeholder="Job Title" className="mb-2 form-control" value={jobtitle} onChange={handleJobTitle} /> <input type="email" placeholder="Email" className="mb-2 form-control" value={email} onChange={handleEmail} /> <Button type={saveNewUserHandler} text="Save" /> </div> </div> ); }; const AddNewUserHandler = () => { setAddUser(true); }; const UsersPreview = () => { return ( <> <Heading text="CRUD APP" handleToogleMood={handleToogleMood} color="danger" /> <Button text="Add new User" type={AddNewUserHandler} /> <Table darkMood={!darkMood}> {users.map((user, index) => { return ( <UsersInfo key={user.id} index={index + 1} fullName={user.FullName} age={user.Age} job={user.JobTitle} email={user.Email} autoFocus /> ); })} </Table> </> ); }; return ( <div> <div className={`${ !darkMood && "bg-dark" } app d-flex justify-content-center`} > <div className="container mt-5"> {addUser ? <AddUser /> : <UsersPreview />} </div> </div> </div> ); } export default App;

لاحظ أنك تطبع نتيجة المتغير sum في كل مرة, ونتيجة المتغير sum تساوي صفر لأن باقي قسمة 50 على 10 تساوي فعلا صفر, ارجو منك التركيز في اسم المتغيرات التي تريد طباعتها

اليس من المفترض ان تعلم الخوارزميات و بنية المعلومات (data structure) لانها من اهم الاشياء في ال back end

لدي استفسار بالنسبه لحفظ ملفات word ك pdf كنت أعمل عل ملف ورد وكانت به صيغ gif كانيميشن وكانت تعمل عالورد بشكل جيد عند حفظها ك pdf لم تعمل هل يوجد طريقه لعلها تعمل عند فتح الملف ك pdf ?

ماهو الboolean ?

كيف يمكنني فهم الدروس بشكل اسرع لانني اريد التقديم علي الشهادة وأجد ان الموضوع صعب يعني مثلا في مسار "بناء تطبيق شبيه ب whatsapp" لا يمكنني فهم كل الدروس واخاف عند التقديم علي الامتحان ان لا استطيع الاجابه علي الاسئلة

السلام عليكم أرجو من الخبراء في مواقع التواصل مساعدتي للوصول الى اجابة صحيحة هل برامج وتطبيقات شراء المتابعين تضر بصفحتي؟ على انستغرام خصوصاً؟

شكراً جزيلاً الك

يظهر لدي الخطأ التالي عند محاول استخدامي للكلاس Carbon Class 'Carbon\Carbon' Not Found. جربت تنفيذ الاوامر التالية composer install composer update composer dump-autoload ولكن لا فائدة, أرجو منكم مساعدتي وشكرا مقدما

أقوم بإنشاء موقع ويب وأحاول تغيير صفحة الويب إلى ملف html آخر من خلال صورة ، ولكن لسبب ما لا يعمل.هذا كود html <div class="cover1"> <img id="img1" src="....." /> </div> وهذا كود جافاسكربت let test = document.getElementById("img1"); test.addEventListener("click", () => { window.location.href = "page2\\page2.html"; }); لقد أنشأت هذا الموقع قبل فترة من الزمن وكان يعمل ، ولكن عندما فتحته مرة أخرى اليوم ، لم يعد كود js يعمل. لم أقم بتحرير أي شيء في الملفات, أرجو منكم المساعدة , شكرا مقدما

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

شكرا لك استاذ , لقد حل المشكل

يجب عليك إرفاق جزء من الشيفرة البرمجية التي تظهر فيها المشكلة لنستطيع مساعدتك بشكل أفضل، ولكن بشكل عام في حال كنت تقوم بإظهار النموذج form داخل دالة render، في كل مرة سيتم كتابة محرف ما داخل حقول الإدخال سيتم إعادة بناء المكون ولذلك يفقد التركيز داخل حقل الإدخال، لذلك حاول وضع محتوى الدالة render بشكل مباشر: <main> <div> <MyForm /> </div> </main> تصبح كالتالي <main> <div> <form onSubmit={onSubmit}> <InputText name="title" label="Username" placeholder="Enter a username" onChange={onChange} value={valueTitle} /> <InputSubmit name="Save" /> </form> </div> </main> أو حاول استدعاء المكونات بالشكل {compName()} بدلاً من <compName /> كالتالي: const ex = (pr) => { return ( <input type='text' onChange={onChange} value={value} /> ); }; const main = () => ( <ex pr={true} /> ); من الأسباب الأخرى لهذه المشكلة أيضاً في حال كنت تستخدم الخاصية key في حقول الإدخال، يجب عليك التحقق منها ومن آلية عملها فسيتم إعادة إنشاء العناصر لكل قيمة مختلفة من الخاصية key وبالتالي أيضاً سيفقد التركيز ضمن حقول الإدخال.

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

Thanks

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

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

هل يمكنك مشاركة رسالة الخطأ التي تظهر لك في حال كان يوجد مشكلة في التطبيق؟ الألوان لا تساعد في تحديد الخطأ وذلك لأنها قد تختلف من بيئة تطوير لأخرى ومن مشروع لآخر. في حال كانت تظهر لك الرسالة التالية: Cannot resolve symbol ‘AppCompatActivity’ يمكنك التوجه إلى ملف build.gradle الموجود على مستوى التطبيق (مجلّد app) وتعديل السطر التالي: ‘com.android.support:appcompat-v7:XX.X.X’ إلى ‘com.android.support:appcompat-v7:XX.X.+’ (حسب النسخة المستخدمة في مشروعك، بإضافة العلامة +). وبعدها يمكنك التوجه إلى القائمة File في برنامج Android Studio واختيار Sync Project with Gradle Files لمزامنة التغييرات في مشروعك بعد الحفظ.