Bandar Abuseada

اليس هناك تطبيقات ضخمه مقل فيسبكون وانستقرام و اوبر يعنلات على react native و مواقع كبيره تعمل على react js اذا هل على المطور التحول من react الى anguler ام انه من الامهم ان يطور نفسه في react js بشكل عام؟ وهل في حال استعمال react with typescript يعد مثل anguler؟

لماذا تم اختيار react and react native بالتحديد في دوره هذه بدلا من anguler وسمعت من البعض من يمدح react native و البعض يمدح anguler وايهما افضل والبعض يقول anguler لانها تستعمل ts و لا تحتاج الى مكتبات والاخر يقول react وهي ايضا قابله للاستعمال في ts اذا ما الفرق الجهوري بينهم وهل هناك فعلا اطار افضل من اطار ام انها تفضيل شخصي؟

السلام عليكم ورحمة الله وبركاته ممكن اعرف ما هي افضل استضافه عربيه تكون في الدول العربيه الاسيويه للغه javascript بيئه node js و express استطيع رفع السيرفر والموقع عليها بدون اي مشاكل وتكون تقبل Horizontal scaling

لدي سؤال كيف فهمت الاله على الناس اقصد هنا كيف للمعالج ان يعالج الكميه الضخمه من البينات في غضون ملي سكند واعلم ولله الحمد ان البرمجه تم برمجتها بناء على الكهرب والدوائر الكهرابئيه 1 و 0 ولاكن كيف فهمت الاله ان هذا مدخل وهذا مخرج مثلا حقل ادخال الاسم كيف اسطاع البشر برمجه وعلام الاله انه مدخل وكل هذه المعلاجات

مؤخرا سمعت عن treez segment و dynamic programming algorithm واريد معرفه ما هي هذه الخوارزميات وكيف تعمل بالضبط وهل لهم علاقه ببعضهم ومتى استعمل اين من هذه الخوارزميات

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

لدي سؤال الان لو اردت عمل مصادقه للرقم الهاتف ما هي الطريقه الافضل لعمل ذلك مستعملا MongoDB بعد انشاء كامل Data Structure?

كل عام وانتم بخير لكل طاقم اكادميه حسوب

جزاكم الله خير كانت المشكله اني لم اعمل Redirects/Rewrites

السلام عليكم تم رفع الموقع بنجاح ب render لاكن الrouter لا يعمل فقط اول صفحه وبعض الفصحات ما المشكله الموقع https://photogramapp.onrender.com/

عند محاوله عمل نشر للتطبيق الخاص بي ب render ياتي لي هذا الخطئ بحثت عنه ولم اجد له حل ==> Cloning from https://github.com/bandarAhmed/photogram-server ==> Checking out commit d50e539aa39216e03981d849ff177835bb59d337 in branch main ==> Using Node version 18.14.2 via environment variable NODE_VERSION ==> Docs on specifying a Node version: https://render.com/docs/node-version ==> Running build command 'npm install'... up to date, audited 301 packages in 973ms 24 packages are looking for funding run `npm fund` for details found 0 vulnerabilities ==> Uploading build... ==> Build uploaded in 8s ==> Build successful 🎉 ==> Deploying... ==> Using Node version 18.14.2 via environment variable NODE_VERSION ==> Docs on specifying a Node version: https://render.com/docs/node-version ==> Running 'nodemon start' bash: /opt/render/project/src/node_modules/.bin/nodemon: Permission denied ==> Common ways to troubleshoot your deploy: https://docs.render.com/troubleshooting-deploys المشكله من هذا الامر يقول لا يوجد اذن, اذن ماذا Desktop 2024.02.04 - 22.25.13.01.mp4

هل هناك مثله يمكن تطبيقها عمليا؟

//ملف طبقه وسيطه const jwt = require('jsonwebtoken'); const models = require('../models/index'); const isLogedIn = async (req, res, next)=> { try { //take token form headers and verify it to and use JWT password in env to access the jwt to verify token const token = req.headers.authorization // after take token use verify mothed to compayr the secrt key to make token verifyed const deCoded = jwt.verify(token, process.env.JWT_SECRET); // take the token and add it to req.currentUser to be can use it in any where but should use it as meddilWhere req.currentUser = deCoded; //get req currntUser form deCoded and find the id const auhter = req.currentUser; const userShack = await models.User.findById(auhter) // see if user is exsest im db and see if token exsest in authorization headers if(!token || !userShack){ return res.status(401).json({message: 'error token or user not exsist'}) } next() } catch (e) { res.status(500).json(e); } }; module.exports = isLogedIn; هنا ملف الـتشفير exports.login = async (req, res) => { const { email, password } = req.body; try { const user = await models.User.findOne({email}); // compare the password from register to real password using bcrypt module const authPassword = await bcrypt.compare(password, user.password); // if authPassword is true sgin data useing JWt module and print it in json body if (authPassword) { const token = jwt.sign({_id: user._id, name: user.name, email: user.email}, process.env.JWT_SECRET); // here we take token to save it in loaclStorg res.status(200).json({accessToken: token}); }else { res.status(401).json({ message: "بريد إلكتروني أو كلمة مرور غير صالحة" }); }; }catch (error) { console.error(error); res.status(500).json({ message: "Error during login", error: error.message }); } }; الrouteing router.post('/login', userController.login); الان السؤال لو افترضنا انني لا اريد استعمال jwt ابدا كعمل موقع صفحه هبوط او اي موقع بسيط جدا ,فكيف سيتم حفظ تسجيل المستخدم بدون jwt و كطبقه وسيطه هل سنتعمل req.headers.authorization مستعملا postman لختابر التصال؟

هل يفضل استخدام react js بدلا من htnl css JavaScript العاديه ام react js افضل وما المطلوب بسوق العمل اكثر حاليا؟

لدي سؤال هل يمكنني تحويل الموقع الخاص بي كما في دوره Ionic الى react Native بستخدام android Studo مستخدما css and html بدون مكتبه ionic او الدمج بين ionic and css htnl من ثم التحويل مثل <IonApp> <div className="container"> <p>hello World!<p/> <div/> <IonApp/> .container{ display: flex justfiy-content: center } من ثم تحويل الى React Native بستخدام adnroid studo?

ما النصيحه التي تنصحوني ايها في هذا المشروع هل قمت باي شيء خاطئ او هل هناك اضافه يمكنني اضافتها غير تعديل الخط font-fimily؟ anime.rar

ما الفرق عند وضع الComponents في App.js او وضعه في Index.js

ما رأيكم في تصميم هذه الcard هل من شيء يمكنني فعله افضل من ذلك؟ الكود <div className='card'> <img className='cardimage' alt='none' src={imgagea} /> <p>Bandar</p> <p>Css & javascript & React</p> <div className='icons'> <p><i className='gg-instagram'></i></p> <p><i className='gg-instagram'></i></p> <p><i className='gg-instagram'></i></p> </div> <button>Cotext</button> </div> css .card{ margin: auto; max-width: 300px; height: 300px; text-align: center; background: #fff; } .cardimage{ max-width: 300px; } .card p:nth-child(2){ font-weight: bold; } .card button{ width: 100%; text-decoration: none; border: none; background-color: rgb(32, 20, 20); color: #fff; font-weight: 900; padding: 10px; position: relative; bottom: 10px; } .card button:hover{ width: 100%; border: none; background-color: rgba(32, 20, 20, 0.521); color: #fff; font-weight: 900; padding: 10px; } .icons{ display: flex; justify-content: space-evenly; position: relative; bottom: 10px; }

لدي سؤال في css هو متى نستعمل ال positions و display:flex و grid وما الفرق بينهم وهل يمكن استعمال واحد منهم فقط لصفحه كامله وهل هو خيار جيد من الheader to footer? ام يفضل الدمج بينهم ؟

لدي استفسار هل سوق العمل الان يفضل العمل على مكتبات css and html (module) ام انه يطلب العمل على vanilla css html وايهم يفضل حاليا ؟

ما هي دواعي استعمال target اذا؟ و ماذا سيطبع الconsole في المثال الاول؟

السلام عليكم لدي سؤال ما الفرق بين target and value في js?

كيف اقوم بالتقديم على الشهاده؟

لدي سؤال ما هي الstate وكيف تعمل في react js لان شاهدت المدرب يقوم بعمل hooks مثل const [loading, setLoading] = useState(false); const [message, setMessage] = useState(""); const [answersArray, setAnswersArray] = useState([]) const [question, setQuestion] = useState("") const [assistantAnswer, setAssistantAnswer] = useState("") const [answerLoading, setAnswerLoading] = useState(false) const [userAnswer, setUserAnswer] = useState("") فهو يقوم فقط بستدعاء على سبيل المثال userAnswer('hi') لا اعلم كيف تم التعامل معها بحيث تقوم بالمطلوب هل react تقوم بعمل داله نيابه عني ام ماذا؟ مثل loading عند استعدعائها في اي مكون تأتي صفحه التحميل تلقائيا دون برمجه ذلك الSpener اريد شرح ما هي الحاله state في مفوم البرمجه وكيف تعمل بشكل خاص , لقد قمت بالسؤال من قبل لاكن لازالت ألhooks غير واضحه الى الان شكرا

لم اقصد تعريف الparameter بل اقصد كيف تعمل وكيف ترنبط بينها وبين HTML - مثالين لتصوضيح الاول - السؤال هو ما فائده المعاملات في المثال ادناه بحيث يطبع undefand في كل مره يتم الضعط على submet اما في المثال الاخر يضهر لي قيمه التي اريدها بدون معاملات ابدا!!! <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Parameter and Input Field Binding</title> </head> <body> <label for="paramField">Parameter:</label> <input id="paramField"></input> <button type="submit" onclick='updateParameter()'>Submit</button> <script src="script.js"></script> </body> </html> // Function to update the parameter field function updateParameter(value) { const data = document.getElementById("paramField").innerHTML = value; console.log(data) } الثاني -------------------------------- هنا لم نستعمل المعاملات ابدا, اذا وجوهر السؤال ما فائده المعملات بالضبط? اليس في المثال الاول تم وضع المعاملات على انها مدخل لداله وجعل قيمتها هي data من ثم طبعتها في الكونسيل هذا اكثر منطقيه من استخدام .value هذا الامر حيرني ويجعلني اقول ما فائده البراميتز في حال لم تعمل على هذا المنقطق <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Parameter and Input Field Binding</title> </head> <body> <label for="inputField">Enter Text:</label> <input type="text" id="inputField" oninput="updateParameter(this.value)"> <button type="submit" onclick="submitForm()">Submit</button> <script src="script.js"></script> </body> </html> function submitForm() { var inputValue = document.getElementById("inputField").value; alert("Submitted value: " + inputValue); }