Bandar Abuseada

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

جزاكم الله خير كانت المشكله اني لم اعمل 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); }

اريد ان اعرف اذا تكرمتم كيف تعمل وكيف تعلم الداله على معرفه مكان المعلومات التي ستحل مكان الprameter وكيفيه الربط بين الحقول و الfunctions والمعاملات (يرجى توضيح اليه عمل هذا النوع من المعاملات وليس فقط المثال ادناه) ------------------------------ مثل المعامل message كييف يعمل وكيف اوججه بالشكل الصحيح الى الحقل المطلوب وايضا كيف سيتم اخذ البينات وتمريرها ك معامل لداله الغير متزامنه الخاصيه mesaages هنا كانت من نفس مكتبه OpenAi لاكن ماذا عن message كيف ستأتي البينات في حال لم تكن معرفه (declare) messages: message export const getChatCompletion = async (message)=> { const options= { method: "POST", body: JSON.stringify({ messages: message }), headers:{ "Content-Type": "application/json" } } try { const res = await fetch("/api/create-chat-completion", options) const data = await res.json(); return {data, status: res.status} } catch (error) { console.error(error) } }

كيف سيعرف المبرمج من ما اذا كانت الدوال CommonJS ام ECMAScript 6 لكي يستعمل الCommonJS require() ام import ECMAScript ايضا ما المقصود ب ديناميكيًا في البرمجه مثل جعل الداله ديناميكيًا و حميل وحدات ديناميكيًا؟

هل هذا يعني اني استطيع استعمال require() عند استدعاء models والتي تستعمل الobject في بنيتها? و استعمال import عن استعمال modules او مكتبه لا تستعمل object في بنيتها?

ما الفرق وتداعيات استخدام require() and import -- from '' والفرق بيناها وهل نسخدم require في objects و import في الدوال في nodejs علما اني بحثت عن الموضوع واتصح لي ان البعض يستعملها معا لستعاء const express = require('express'); import express from 'express'; اذا ما الفرق يرجي الشرح بالتفصيل الممل وشكرا

ماذا عن التكرار الكثير جددددددا في الاكواد مثل props.user وداله اخرى نفس الشى لماذا تم وضغ props و من ثم في كل مره ومسميات تلخبط ؟

لا زلت لا افهم الكثير في البرمجه JavaScript فهناك دوال اجهل عمل مثل history وتكرر name and user والكثير فقط يقوم المدرب بنسخ الكود و لصقه وقول وضيفته ولا اعلم ما وضيفته

كيف اعرف ما هي وضيفه داله مجهوله فجميع الدوال لها parmaters and arguemnes فكيف يعرف المبرمج المحترف وضيفه الداله في حين تشابه الدوال في ما بينها ؟؟ مثال في الصوره ادناه