محمود سعداوي2

السلام عليكم. كلما قمت بحفظ البيانات ctrl+s تتحول نافذة terminal إلى هذه النافذة قمت بإخفائها من القائمة لكن عند الحفظ تعاد الظهور تلقائيا. شكرا على المساعدة

السلام عليكم. لاشك أن tailwind css يوفر ميزات ممتازة في تطبيقات الويب. سؤالي هو متى يحبذ إستخدامه و متى ينصح بتركه. شكرا.

السلام عليكم. لحفظ التعديلات على المستودع البعيد github عادة ما نلجأ للأوامر التالية git init git add . git commit -m "your commit" git push origin main لكن vs code وفرت أيقونة ممتازة تسمح بحفظ التعديلات مباشرة. كيف يمكن حفظ هذه التعديلات إعتمادا على هذه الخاصية. شكرا.

السلام عليكم. هل يمكن رفع مشروع mern (react node express mongo) على إستضافة رفع المواقع Hostinger. وهل تحتاج إلى أدوات أخرى. شكرا.

السلام عليكم. أود توضيحا لو سمحتم للأسئلة التالية: ١. ماهو الفرق بين أن تمتلك موقعا شخصيا و إيميل شخصي. ٢. هل يوجد إختلاف بين رفع موقع شخصي فيه إتصال بقاعدة البيانات و آخر لا (مثال: موقع مبني بواسطة react و آخر مبني بواسطة تقنيات mern) الإختلاف أقصد به كافة الجوانب كالتالي و الجودة و التعامل مع العملاء و غير ذلك. ٣. ماهي مراحل رفع موقع شخصي رسمي شكرا لكم.

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

في node js، نستعمل أحيانا cookie session في نظام المصادقة (authorization). كيف يكون هذا الإستعمال عند تطوير النظم الخلفية و تجربته مع postman. شكرا

السلام عليكم. لدي سؤالين. الأول: لماذا نستعمل مثل الكود في وقت كان بالإمكان القيام بكود خاص بمكون عادي const Loader = () => { return ReactDOM.createPortal( <div className="wrapper"> <div className="loader"> <img src={loaderImg} alt="Loading..." /> </div> </div>, document.getElementById("loader") ); }; و ماهي الفائدة من ReactDOM.createPortal السؤال الثاني: من المعتاد أن يكون مكون رياكت كالتالي // جلب العناصر function Component(props) { // تحديد المتغيرات و الدوال return ( <Component/> ) } export default Component ماهي الفائدة من كتابة المتغيرات فوق الدالة الخاصة بالمكون مثال: import React from 'react' // المتغيرات const a = variable1; const b = variable2; function UserStats() { return ( <div className="component"> . . . . . </div> </div> ) } export default UserStats ماهو الفرق بينها و بين الكود التالي import React from 'react' function UserStats() { // المتغيرات const a = variable1; const b = variable2; return ( <div className="component"> . . . . . </div> </div> ) } export default UserStats شكرا لكم

السلام عليكم. كمبرمج بلغة الجافاسكريبت أعتقد أنه من الضروري تعلم redux. لكن هل بالإمكان البدء مباشرة بredux toolkit أم أنه لا بد من تعلم النسخة القديمة من redux قبل redux toolkit. تجربتي متواضعة جدا لكن لم أجد أي مشكل في تعلم redux tookit مباشرة. أود نصائحكم. شكرا.

السلام عليكم. الصورة التالية توضح واجهة عرض البيانات فيmongo db atlas. الملاحظ أن الواجهة التي يتم من خلالها عرض المستخدمين (users كمثال) صغيرة جدا. كيف يمكن الحصول على واجهة أكبر. شكرا.

السلام عليكم. كمبرمج أو مطور تطبيقات ويب بلغة الجافاسكريبت كيف يمكنني الاستفادة من منصات التجارة الإلكترونية مثل سلة و شوبيفاي أو منصات أخرى مثل بلوغر. شكرا

هل يمكن تعديل القالب من طرف الخادم و العميل (front end و back end) أو إذا كان لدي قالب جاهز كيف يمكنني إضافته شكرا

السلام عليكم. بعد إظهار رسالات الخطأ أود إخفاءها باستعمال setTimeOut قمت بالكود التالي const alertSlice = createSlice({ name: "alert", initialState: { alerts: [], }, reducers: { setAlerts(state, action) { state.alerts = [...state.alerts, action.payload] }, // الدالة التي تقوم بإزالة العنصر removeAlert(state, action) { state.alerts.filter(alert => alert.id === action.payload?.id) } }, }); *********************************************************************** const onSubmit = async e => { e.preventDefault() if (password !== password2) { dispatch(alertActions.setAlerts({ id: new Date().getTime(), type: "danger", msg:"Passwords does not mutch" })) } setTimeout(()=> dispatch(alertActions.removeAlert()), 3000) console.log("success") } عند تفعيل onSubmit تظهر رسالة الخطأ و ما أريده هو حذف الرسالة بعد 3 ثواني شكرا على المساعدة.

شكرا لك، في العادة أستعمل react-toastify لكن أردت تجربة كود بنفسي دون الحاجة لمكتبات أخرى

تفضل ملفات المشروع hsoub.zip

السلام عليكم. أريد بإظهار جميع النبيهات عند عملية تسجيل الدخول. هذه التنبيهات قمت بتجسيدها في شكل مصفوفة alertsالتي تحتوي كائن alert ب: id المعرف الوحيد، msg: يوضح رسالة الخطأ، type: نوع التنبيه (error, success, warning...) أرجو مساعدتي في الكود الذي قمت به const alertSlice = createSlice({ name: "alert", initialState: { alerts: [], alert: { id: null, type: '', msg: '' } }, reducers: { setAlert(state, action) { state.alert = action.payload }, setAlerts(state) { state.alerts.push(alert) } }, }); const alertReducer = alertSlice.reducer; const alertActions = alertSlice.actions; export {alertActions, alertReducer} ********************************** const onSubmit = async e => { e.preventDefault() if (password.length < 6) { dispatch(alertActions.setAlert("Passwords must be more than 6")) } if (password !== password2) { dispatch(alertActions.setAlert("Passwords do not match")) } console.log("success") } شكرا لكم.

السلام عليكم. بعد متابعتي لدورات full Stack صار بإمكاني برمجة و تطوير متجر إلكتروني من البداية (الواجهة الأمامية و الخلفية). كيف يمكنني عرض هذا المشروع على منصات التجارة الإلكتونية مثل شوبيفاي و سلة، و كسب أرباح من خلاله. شكرا لكم.

السلام عليكم. كيف يمكنني ربط حدث محدد برسالة او تحذير أو إشعار ينبهني لموعد هذا الحدث. مثال: في اليوم كذا لدي موعد، كيف يمكن أن أظهر إشعارات يعلمني بأن الموعد تبقى له يوم أو ساعة ... اللغة البرمجية: react و node. شكرا.

السلام عليكم. في الكود التالي تظهر لي رسالة خطأ { "message": "Invalid Id" } الكود /**----------------------------------------------- * @desc Get Posts Count * @route /api/posts/count * @method GET * @access public ------------------------------------------------*/ const getPostCountCtrl = asyncHandler(async (req, res) => { const countPosts = await Post.count(); console.log(countPosts) res.status(200).json(countPosts); }); ********************************************************** // /api/posts/count router.get("/count", getPostCountCtrl) رسالة الخطأ التي سبق أن ذكرتها تظهر فقط عند إستعمال الوسيط التالي (validateObjectId) module.exports = (req, res, next) => { if (!mongoose.Types.ObjectId.isValid(req.params.id)) { return res.status(400).json({message: "Invalid Id"}) } next() } لم أفهم سبب الخطأ لأني لم أستعمل الوسيط و لم أفهم كيف ظهرت رسالة الخطأ. شكرا على المساعدة.

السلام عليكم. ماهو node envirement و ماهو الفرق بين production و developement شكرا

السلام عليكم. في المثال التالي. // Post Schema const PostSchema = new mongoose.Schema( { title: { type: String, required: true, trim: true, minlength: 2, maxlength: 200, }, description: { type: String, required: true, trim: true, minlength: 10, }, user: { type: mongoose.Schema.Types.ObjectId, ref: "User", required: true, }, category: { type: String, required: true, }, image: { type: Object, default: { url: "", publicId: null, }, }, likes: [ { type: mongoose.Schema.Types.ObjectId, ref: "User", }, ], }, { timestamps: true, } ); // Post Model const Post = mongoose.model("Post", PostSchema); الموجه // /api/posts/:id router.get('/:id', validateObjectId, getSinglePostCtr) الطبقة الوسيطة module.exports = (req, res, next) => { if (!mongoose.Types.ObjectId.isValid(req.params.id)) { return res.status(400).json({message: "Invalid Id"}) } next() } الدالة const getSinglePostCtr = asyncHandler(async (req, res) => { const post = await Post.findById(req.params.id) .populate("user", ["-password"]); console.log(post) if (!post) { return res.status(404).json({ msg: "Post Not Found" }) } res.status(200).json(post); }); لماذا قيمة user تساوي null شكرا على المساعدة

أعمل على تطوير موقع تواصل بين المبرمجين من خلاله يتم يتم عرض صورة المبرمج و بقية المعلومات كعنوان الإيميل و الموقع الشخصي. لإظهار الصورة لا أريد جلبها كملف (file) و إنما إظهارها بصفة تلقائية (أن تكون نفسها الصورة المستعملة في الموقع الشخصي أو عنوان الإيميل) تطبيق gravater بإمكانه القيام بهذا الفعل (إظهار صورة المبرمج بصفة تلقائية) لكن بعد أن تقوم بإنشاء حساب gravatar. ما أريده هو هل توجد تطبيقات أو حزم بإمكانها القيام بهذا الشيء مباشرة.

السلام عليكم. في node js هل يمكن جلب الصورة الخاصة بمستخدم معين من خلال موقع الويب الشخصي أو الإيميل مثلا. جربت gravatar و لكن أظن أنه غير مناسب لأنه يجب أن يكون لديك حساب gravatar حتى يتمكن من جلب الصورة من الإيميل. شكرا.

جرب json.parse

إذا أردت تحديث البيانات كتغيير الصورة مثلا فيتوجب علي حذف الصورة القديمة من الملف `/upload` كيف يكون ذلك. شكرا.